:root{--ink:#f7fbff;--muted:#c9d4dc;--glass-opacity:.66;--border:rgba(255,255,255,.24);--focus:#9cc9ff;--glass:rgba(8,18,28,var(--glass-opacity));--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Thonburi",Arial,sans-serif}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:#09121c;color:var(--ink);font-family:var(--font-ui)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.planner{min-height:100dvh;isolation:isolate;overflow:hidden;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.background-layer,.background-scrim{inset:0;position:fixed;z-index:-2}.background-photo .background-layer{background:50%/cover no-repeat url(https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1800&q=85)}.background-gradient .background-layer{background:radial-gradient(circle at 20% 20%,#2685cc,transparent 36%),radial-gradient(circle at 80% 70%,#f0a14a,transparent 31%),linear-gradient(135deg,#091f3e,#47182d 53%,#8e5728)}.background-custom .background-layer{background:50%/cover no-repeat var(--custom-background)}.background-scrim{z-index:-1;background:linear-gradient(180deg,rgba(1,10,19,.18),rgba(2,9,16,.47) 45%,rgba(1,8,13,.72))}.app-shell{max-width:680px;margin:0 auto}.topbar{justify-content:space-between;min-height:48px}.brand,.topbar{align-items:center;display:flex}.brand{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;gap:8px;letter-spacing:-.02em}.top-actions{display:flex;gap:7px}.icon-button{align-items:center;background:rgba(4,13,22,.24);border:1px solid transparent;border-radius:50%;display:inline-flex;height:44px;justify-content:center;width:44px}.icon-button:hover{background:rgba(255,255,255,.18);border-color:var(--border)}.hero-time{align-items:baseline;display:flex;gap:12px;justify-content:center;margin:42px 0 30px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.34)}.hero-time p,.hero-time time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(25px,5.5vw,38px);font-weight:650;letter-spacing:-.045em;line-height:1;margin:0}.hero-time time{font-weight:720}.glass-card{background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(255,255,255,.055) 42%,rgba(255,255,255,.11)),var(--glass);backdrop-filter:blur(32px) saturate(165%) brightness(1.08);-webkit-backdrop-filter:blur(32px) saturate(165%) brightness(1.08);border:1px solid rgba(255,255,255,.34);border-radius:28px;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(0,0,0,.12);isolation:isolate;overflow:hidden;position:relative}.glass-card:before{background:linear-gradient(105deg,rgba(255,255,255,.28),transparent 18% 75%,rgba(255,255,255,.09));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.glass-card>*{position:relative;z-index:1}.glass-light{--glass:rgba(242,249,255,var(--glass-opacity));--ink:#092039;--muted:#496071;--border:rgba(255,255,255,.55);--focus:#0c5db1}.glass-light .bottom-nav{background:rgba(242,249,255,.76)}.glass-light .hero-time,.glass-light .topbar{color:#fff}.glass-light .agenda-item,.glass-light .task-row{border-color:rgba(9,32,57,.12)}.countdown-card{margin-bottom:16px;padding:24px 28px}.card-footer,.card-heading{align-items:center;display:flex;justify-content:space-between;gap:16px}.card-heading span{font-size:18px;font-weight:600}.card-heading strong{font-family:DM Sans,sans-serif;font-size:20px}.progress-track{background:rgba(255,255,255,.19);border-radius:999px;height:13px;margin:18px 0 12px;overflow:hidden}.progress-track span{background:#f7f9f7;border-radius:inherit;display:block;height:100%}.card-footer{color:var(--muted);font-size:14px}.card-footer span:last-child{align-items:center;display:flex;gap:5px}.week-card{margin-bottom:16px;overflow:hidden;padding:14px 10px}.week-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px}.day-cell{background:none;border:0;border-radius:16px;display:grid;grid-gap:5px;gap:5px;justify-items:center;min-height:76px;padding:7px 2px}.day-cell:hover{background:rgba(255,255,255,.1)}.day-cell span{color:var(--muted);font-size:13px;font-weight:700}.day-cell b,.day-cell span{font-family:DM Sans,sans-serif}.day-cell b{font-size:21px;line-height:31px}.day-cell.is-today b{align-items:center;background:#f5f8fb;border-radius:50%;color:#07121e;display:flex;height:34px;justify-content:center;width:34px}.event-dot{height:5px;width:5px;border-radius:50%}.event-dot.orange{background:#f5b53e}.event-dot.green{background:#7cdb62}.agenda-card{padding:25px 24px 18px}.agenda-heading{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:13px}.agenda-heading p{color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;margin:0 0 3px;text-transform:uppercase}.agenda-heading h1,.workspace h1{font-family:DM Sans,IBM Plex Sans Thai,sans-serif;font-size:27px;letter-spacing:-.045em;margin:0}.count-badge{align-items:center;background:#f4f7fa;border-radius:99px;color:#101a23;display:flex;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;height:45px;justify-content:center;width:45px}.agenda-list{max-height:46dvh;overflow:auto;padding-right:2px;scrollbar-width:thin}.agenda-item{align-items:center;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.12);display:grid;font:inherit;grid-gap:10px;gap:10px;grid-template-columns:54px 5px minmax(0,1fr) auto;min-height:50px;padding:7px 0;text-align:left;width:100%}.agenda-item time{color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.agenda-item p{font-size:17px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-item b{font-family:DM Sans,sans-serif;font-size:12px;white-space:nowrap}.event-line{border-radius:99px;height:30px}.green{color:#8ade68}.event-line.green,.priority-mark.green{background:#8ade68}.orange{color:#f7bf3b}.event-line.orange,.priority-mark.orange{background:#f7bf3b}.blue{color:#47b4f6}.event-line.blue,.priority-mark.blue{background:#47b4f6}.pink{color:#fc7a94}.event-line.pink,.priority-mark.pink{background:#fc7a94}.task-item{grid-template-columns:54px 20px minmax(0,1fr) auto}.task-item:hover{background:rgba(255,255,255,.08)}.task-item.done p{color:var(--muted);text-decoration:line-through}.add-task-button{align-items:center;background:none;border:0;color:#bcd9ff;display:flex;font-weight:600;gap:7px;margin-top:12px;padding:10px 0}.bottom-nav{backdrop-filter:blur(30px) saturate(175%) brightness(1.09);-webkit-backdrop-filter:blur(30px) saturate(175%) brightness(1.09);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.055)),rgba(7,17,27,.54);border:1px solid rgba(255,255,255,.32);border-radius:23px;bottom:max(13px,env(safe-area-inset-bottom));box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.42);display:flex;isolation:isolate;left:50%;max-width:640px;overflow:hidden;padding:7px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:5}.bottom-nav:before{background:linear-gradient(100deg,rgba(255,255,255,.24),transparent 28% 72%,rgba(255,255,255,.08));content:"";inset:0;pointer-events:none;position:absolute}.bottom-nav button{align-items:center;background:none;border:0;border-radius:17px;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:10px;gap:3px;min-height:54px;justify-content:center;position:relative;z-index:1}.bottom-nav button.selected{background:rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.25);color:var(--ink)}.bottom-nav button:hover{color:var(--ink)}.workspace{min-height:calc(100dvh - 145px);margin-top:20px;padding:25px}.workspace-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:25px}.eyebrow{color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.07em;margin:0 0 4px;text-transform:uppercase}.segmented,.view-switcher{background:rgba(255,255,255,.1);border-radius:13px;display:flex;padding:3px}.segmented button,.view-switcher button{background:none;border:0;border-radius:10px;padding:8px 11px;text-transform:capitalize}.segmented button.active,.view-switcher button.active{background:rgba(255,255,255,.23)}.calendar-controls{align-items:center;display:flex;font-family:DM Sans,sans-serif;font-weight:700;justify-content:space-between;margin:8px 0 20px}.calendar-controls button{align-items:center;background:rgba(255,255,255,.12);border:0;border-radius:50%;display:flex;height:38px;justify-content:center;width:38px}.timeline-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:54px 1fr;min-height:68px}.timeline-row>time{color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px}.timeline-row>div{border-top:1px solid rgba(255,255,255,.16);padding:6px}.calendar-event{border-radius:8px;display:block;font-size:13px;font-style:normal;font-weight:600;margin-bottom:5px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.calendar-event.green{background:rgba(132,224,102,.2)}.calendar-event.orange{background:rgba(247,191,59,.2)}.calendar-event.blue{background:rgba(71,180,246,.2)}.calendar-event.pink{background:rgba(252,122,148,.2)}.month-grid{display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(7,1fr)}.month-day{border:1px solid rgba(255,255,255,.13);border-radius:12px;min-height:80px;overflow:hidden;padding:7px}.month-day>span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px}.month-day.today{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.45)}.month-day .calendar-event{font-size:10px;margin-top:5px;padding:3px 4px}.retry-sync{min-height:42px}.calendar-legend{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.calendar-legend span{align-items:center;background:rgba(255,255,255,.1);border-radius:99px;display:flex;font-size:11px;gap:6px;max-width:160px;overflow:hidden;padding:6px 9px;text-overflow:ellipsis;white-space:nowrap}.calendar-legend i{border-radius:50%;display:block;flex:0 0 auto;height:7px;width:7px}.calendar-source{align-items:center;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:7px;margin:-12px 0 12px;min-height:22px}.sync-dot{background:#8ade68;border-radius:50%;box-shadow:0 0 12px rgba(138,222,104,.65);height:8px;width:8px}.retry-sync{background:rgba(255,176,189,.16);border:1px solid rgba(255,176,189,.45);border-radius:10px;color:#ffd3db;min-height:44px;padding:0 12px}.retry-sync.connect{background:rgba(156,201,255,.18);border-color:rgba(156,201,255,.52);color:#e1f1ff}.calendar-filters{display:flex;gap:8px;margin:0 -5px 15px;overflow-x:auto;padding:2px 5px 7px;scrollbar-width:none}.calendar-filters::-webkit-scrollbar{display:none}.calendar-filters button{align-items:center;background:rgba(255,255,255,.09);border:1px solid transparent;border-radius:99px;color:var(--muted);display:flex;flex:0 0 auto;font-size:13px;font-weight:650;gap:7px;min-height:44px;padding:0 13px;transition:background .18s ease,border-color .18s ease,color .18s ease}.calendar-filters button.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42);color:var(--ink)}.calendar-filters i{border-radius:50%;height:8px;width:8px}.timeline-row.google-event{color:inherit;text-decoration:none}.timeline-row.google-event:hover .calendar-event{background:rgba(156,201,255,.28)}.calendar-event.google{background:rgba(156,201,255,.2);border-left:3px solid #9cc9ff}.empty-calendar{color:var(--muted);font-size:14px;margin:14px 0}.month-day.blank{border-color:transparent}.primary-button{align-items:center;background:#eaf5ff;border:0;border-radius:14px;color:#092039;display:inline-flex;font-weight:700;gap:7px;min-height:44px;padding:0 15px}.task-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.filter-chip{background:rgba(255,255,255,.1);border:1px solid transparent;border-radius:99px;font-size:13px;padding:8px 12px}.filter-chip.active{background:rgba(255,255,255,.26);border-color:var(--border)}.task-list{border-top:1px solid rgba(255,255,255,.15)}.task-row{align-items:center;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.15);display:grid;grid-gap:10px;gap:10px;grid-template-columns:22px 5px minmax(0,1fr) auto 20px;min-height:58px;text-align:left;width:100%}.task-row.done span:nth-child(3){color:var(--muted);text-decoration:line-through}.check{align-items:center;border:2px solid var(--muted);border-radius:50%;display:flex;height:19px;justify-content:center;width:19px}.check.checked{background:#7fdc68;border-color:#7fdc68;color:#092039}.priority-mark{border-radius:99px;height:25px}.task-row small{color:var(--muted);font-family:DM Sans,sans-serif}.matrix{background:none;border:0;box-shadow:none;padding:0}.matrix-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-card{min-height:190px;padding:18px}.matrix-dot{border-radius:50%;display:block;height:9px;margin-bottom:12px;width:9px}.matrix-dot.urgent{background:#f7bf3b}.matrix-dot.important{background:#8ade68}.matrix-dot.later{background:#47b4f6}.matrix-card h2{font-family:DM Sans,sans-serif;font-size:18px;margin:0}.matrix-card p{color:var(--muted);font-size:12px;margin:3px 0 15px}.mini-task{background:rgba(255,255,255,.11);border-radius:9px;font-size:12px;margin-top:6px;overflow:hidden;padding:7px;text-overflow:ellipsis;white-space:nowrap}.settings-group{border-top:1px solid rgba(255,255,255,.15);padding:20px 0}.settings-group h2{font-family:DM Sans,sans-serif;font-size:16px;margin:0 0 12px}.background-options{display:grid;grid-gap:9px;gap:9px;grid-template-columns:repeat(3,1fr)}.background-options button,.upload-thumb{background:rgba(255,255,255,.08);border:1px solid transparent;border-radius:15px;color:white;min-height:84px;overflow:hidden;padding:10px;text-align:left;text-shadow:0 1px 7px #000}.photo-thumb{background:50%/cover url(https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=400&q=70)!important}.gradient-thumb{background:linear-gradient(135deg,#2786cc,#e19751)!important}.background-options .active{border-color:#fff}.upload-thumb{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;text-shadow:none}.upload-thumb input{display:none}.settings-group>label{align-items:center;display:flex;justify-content:space-between}.settings-group input[type=range]{accent-color:#add4ff;margin-top:14px;width:100%}.connect-calendar{align-items:center;background:rgba(255,255,255,.12);border:1px solid var(--border);border-radius:14px;display:flex;gap:10px;justify-content:flex-start;min-height:54px;padding:0 15px;width:100%}.connect-calendar span{color:var(--muted);font-size:12px;margin-left:auto}.modal-backdrop{align-items:flex-end;background:rgba(0,0,0,.48);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.task-dialog{max-width:520px;padding:28px;position:relative;width:100%}.dialog-close{position:absolute;right:14px;top:14px}.task-dialog h2{font-family:DM Sans,sans-serif;font-size:25px;margin:4px 0 23px}.task-dialog label{display:grid;font-size:14px;font-weight:600;grid-gap:7px;gap:7px}.task-dialog input{background:rgba(255,255,255,.13);border:1px solid var(--border);border-radius:12px;color:inherit;min-height:50px;padding:0 13px}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.dialog-actions>button:not(.primary-button){background:none;border:0;padding:0 14px}@supports not (((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))) or (-webkit-backdrop-filter:blur(2px))){.bottom-nav,.glass-card{background:rgba(6,15,24,.94)}.glass-light .bottom-nav,.glass-light .glass-card{background:rgba(244,249,255,.96)}}@media (min-width:720px){.planner{padding-bottom:32px}.app-shell{max-width:1050px;padding-left:160px;position:relative}.bottom-nav{bottom:auto;flex-direction:column;left:max(22px,calc(50% - 520px));padding:8px;position:absolute;top:88px;transform:none;width:112px}.bottom-nav button{align-items:center;flex-direction:row;font-size:12px;gap:9px;justify-content:flex-start;padding:0 13px}.hero-time{margin-top:55px}.agenda-card{min-height:450px}.workspace{min-height:calc(100dvh - 65px)}.month-day{min-height:112px}}@media (max-width:390px){.hero-time{margin-top:48px}.agenda-card{padding:21px 17px 15px}.agenda-item{grid-template-columns:47px 5px minmax(0,1fr) auto}.agenda-item b{display:none}.task-item{grid-template-columns:47px 20px minmax(0,1fr)}.week-row{gap:0}.day-cell b{font-size:19px}}.planner,.planner button,.planner input{font-family:var(--font-ui)!important}.glass-light{--glass:rgba(249,252,255,.82);--ink:#10283d;--muted:#3d5a70;--border:rgba(89,116,138,.38);--focus:#005fcc;color:#10283d}.glass-light .background-scrim{background:linear-gradient(180deg,rgba(5,24,43,.18),rgba(5,24,43,.3) 46%,rgba(5,24,43,.42))}.glass-light .glass-card{box-shadow:0 12px 34px rgba(4,28,50,.18),inset 0 1px rgba(255,255,255,.92)}.glass-light .bottom-nav{background:rgba(249,252,255,.92);box-shadow:0 12px 32px rgba(4,28,50,.2)}.glass-light .agenda-item,.glass-light .settings-group,.glass-light .task-list,.glass-light .task-row,.glass-light .timeline-row>div{border-color:rgba(16,40,61,.16)}.glass-light .agenda-heading h1,.glass-light .agenda-item p,.glass-light .card-heading,.glass-light .task-row,.glass-light .workspace h1{color:#10283d}.glass-light .agenda-item:hover,.glass-light .day-cell:hover,.glass-light .task-item:hover{background:rgba(16,63,101,.08)}.glass-light .progress-track{background:rgba(16,40,61,.16)}.glass-light .progress-track span{background:#163f66}.glass-light .filter-chip,.glass-light .segmented,.glass-light .view-switcher{background:rgba(16,63,101,.1)}.glass-light .filter-chip.active,.glass-light .segmented button.active,.glass-light .view-switcher button.active{background:rgba(16,63,101,.18)}.glass-light .calendar-controls button,.glass-light .connect-calendar,.glass-light .mini-task{background:rgba(16,63,101,.1)}.glass-light .month-day{border-color:rgba(16,40,61,.16)}.glass-light .month-day.today{background:rgba(16,63,101,.1);border-color:rgba(16,63,101,.4)}.glass-light .green{color:#267523}.glass-light .orange{color:#8a5200}.glass-light .blue{color:#056da8}.glass-light .pink{color:#a52c50}.glass-light .add-task-button{color:#075fa2}.glass-light .primary-button{background:#0c5f9f;color:#fff}.glass-light .background-options .active{border-color:#0c5f9f}.glass-light .task-dialog input{background:#fff;border-color:rgba(16,40,61,.26)}.connection-status{align-items:center;color:#a7ec91;display:flex;font-size:13px;font-weight:600;gap:7px;margin:11px 2px 0}.connection-status.error{color:#ffb0bd}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.agenda-google-event{color:inherit;text-decoration:none}.agenda-google-event:hover{background:rgba(71,180,246,.12)}.agenda-google-event:focus-visible{outline:2px solid #47b4f6;outline-offset:2px}.background-custom .background-layer{background-position:50% var(--background-focal,50%)}.glass-card{backdrop-filter:blur(var(--glass-blur,32px)) saturate(165%) brightness(1.08);-webkit-backdrop-filter:blur(var(--glass-blur,32px)) saturate(165%) brightness(1.08)}.range-label{margin-top:20px}.settings-actions{display:grid;grid-gap:10px;gap:10px}.connect-calendar:disabled{cursor:not-allowed;opacity:.62}.text-button{background:none;border:0;color:#bcd9ff;font-size:13px;font-weight:650;margin-top:12px;min-height:44px;padding:0;text-align:left}.settings-message{color:var(--muted);font-size:13px;line-height:1.45;margin:12px 0 0}.task-search{align-items:center;background:rgba(255,255,255,.1);border:1px solid var(--border);border-radius:13px;display:flex;gap:9px;margin:-8px 0 13px;min-height:46px;padding:0 12px}.task-search input{background:transparent;border:0;color:inherit;min-height:44px;outline:0;width:100%}.recurrence-label{color:var(--muted);font-size:11px}.task-dialog select{background:rgba(255,255,255,.13);border:1px solid var(--border);border-radius:12px;color:inherit;min-height:50px;padding:0 13px}.task-dialog label+label{margin-top:15px}.connect-calendar{color:inherit;text-decoration:none}