@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap";:root{--bg:#0a0a0a;--bg2:#141414;--bg3:#1e1e1e;--bg4:#282828;--text:#e8e4dc;--text-mid:#8a8a8a;--text-dim:#4a4a4a;--accent:#d4ff00;--accent-contrast:#1a1a1a;--accent-dim:#d4ff001f;--ocean:#1b4f72;--border:#e8e4dc12;--border-mid:#e8e4dc24;--shadow:0 4px 24px #0006;--radius:10px;--radius-sm:6px;--sidebar-w:385px;--right-w:310px;--header-h:56px;--p1:#ff6b6b;--p2:#ffb347;--p3:#7b8cde;--font-display:"Bebas Neue", sans-serif;--font-serif:"DM Serif Display", serif;--font-mono:"DM Mono", monospace;--font-sans:"DM Sans", sans-serif;--radius-lg:14px;--surface:#151515;--border-card:#e8e4dc17;--shadow-card:0 1px 2px #00000059;--shadow-card-hover:0 6px 18px #00000073;--surface-raised:#2a2a2a;--field:#1f1f1f;--event-bg:#1b4f72;--event-edge:#d4ff00;--event-text:#f2f0ea;--event-soft:#f2f0eab8;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg:#f7f8fa;--bg2:#edeff2;--bg3:#e2e5ea;--bg4:#d6dae0;--text:#16191d;--text-mid:#5a616b;--text-dim:#8c929c;--accent:#1b4f72;--accent-contrast:#fff;--accent-dim:#1b4f721a;--border:#14181e14;--border-mid:#14181e26;--shadow:0 4px 24px #0000001f;--p1:#c0392b;--p2:#c0700a;--p3:#3a4fa8;--surface:#fff;--border-card:#14181e14;--shadow-card:0 1px 2px #1018280d, 0 1px 3px #1018280d;--shadow-card-hover:0 6px 18px #10182817;--surface-raised:#fff;--field:#f2f4f7;--event-bg:#1b4f72;--event-edge:#0e2f45;--event-text:#fff;--event-soft:#fffc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:2px}.app-shell{grid-template-rows:auto 1fr;height:100dvh;display:grid;overflow:hidden}.main-layout{grid-template-columns:var(--sidebar-w) 1fr var(--right-w);grid-template-rows:1fr;display:grid;position:relative;overflow:hidden}.col-resizer{cursor:col-resize;z-index:20;touch-action:none;width:9px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.col-resizer:after{content:"";background:var(--border);width:1px;transition:background .15s,width .15s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.col-resizer:hover:after,.col-resizer:active:after{background:var(--accent);width:3px}.main-panel{padding:24px;transition:background .3s;overflow-y:auto}.left-col{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.left-col .main-panel{flex:none;padding:16px;overflow:visible}.mail-col{flex-direction:column;min-height:0;padding:12px 16px 0;display:flex;overflow:hidden}.mail-col .gmail-drawer{flex-direction:column;flex:1;min-height:0;display:flex}.mail-col .gmail-drawer.open .gmail-drawer-body{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.mail-col .gmail-message-list{flex:1;min-height:0;overflow-y:auto}.mail-col .gmail-accounts-row,.mail-col .gmail-search-bar{flex-shrink:0}@media (width>=769px){.main-layout.week-expanded .calendar-wrap{border-left:1px solid var(--border);z-index:5;width:calc(100% + 220px);margin-left:-220px;position:relative}}.main-layout.week-expanded .task-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.header{padding:6px 20px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);background:var(--bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:16px;display:flex;position:relative}.header-logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);align-items:center;gap:10px;font-size:22px;display:flex}.header-logo-img{object-fit:cover;border-radius:7px;flex-shrink:0;width:28px;height:28px}.header-tagline{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);white-space:nowrap;padding-left:2px;font-size:9px}.logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-date{font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.header-spacer{flex:1}.sync-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:20px;padding:4px 10px;font-size:10px}.sync-pill.idle{color:var(--text-dim);border-color:var(--border-mid)}.sync-pill.saving{color:#ffb347;border-color:#ffb3474d}.sync-pill.saved{color:#4ecdc4;border-color:#4ecdc44d}.sync-pill.error{color:var(--p1);border-color:#ff6b6b4d}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-mid);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--bg3);color:var(--text)}.user-avatar{object-fit:cover;cursor:pointer;border-radius:50%;width:30px;height:30px}.user-btn{border-radius:var(--radius-sm);color:var(--text-mid);align-items:center;gap:8px;padding:4px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.user-btn:hover{background:var(--bg3);color:var(--text)}.alloc-bar{background:var(--bg2);border:1px solid var(--border-mid);border-radius:6px;align-items:center;height:20px;display:flex;position:relative;overflow:hidden}.alloc-fill{background:color-mix(in srgb, var(--project-color,var(--accent)) 60%, transparent);border-radius:4px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.alloc-pct{z-index:1;font-family:var(--font-mono);color:var(--text-mid);pointer-events:none;padding-left:6px;font-size:9px;position:relative}.color-swatch-sm{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:transform .12s,border-color .12s}.color-swatch-sm:hover{transform:scale(1.2)}.color-swatch-sm.selected{border-color:var(--text)}.tasks-view{flex-direction:column;display:flex}.tasks-head{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.tasks-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--title-color,var(--text));text-overflow:ellipsis;white-space:nowrap;font-size:30px;font-weight:400;line-height:1;overflow:hidden}.tasks-summary{font-family:var(--font-mono);color:var(--text-mid);white-space:nowrap;margin-left:auto;font-size:12px}.project-filter-btn{font-family:var(--font-sans);border:1px solid var(--border-card);background:var(--surface);color:var(--text-mid);white-space:nowrap;transition:background .2s, color .2s, border-color .2s, transform .2s var(--ease-spring);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.project-filter-btn:hover{color:var(--text);border-color:var(--border-mid)}.project-filter-btn:active{transform:scale(.95)}.project-filter-btn.has-dot:before{content:"";background:var(--pfb-color);border-radius:50%;width:8px;height:8px}.project-filter-btn.active{background:color-mix(in srgb, var(--pfb-color,var(--accent)) 16%, var(--surface));border-color:color-mix(in srgb, var(--pfb-color,var(--accent)) 55%, transparent);color:var(--text)}.project-filter-btn.has-dot{background-image:linear-gradient(90deg, color-mix(in srgb, var(--pfb-color) 18%, transparent) var(--pfb-fill,0%), transparent var(--pfb-fill,0%))}.pfb-count{font-family:var(--font-mono);text-align:center;min-width:18px;color:var(--text-mid);background:var(--bg2);border-radius:999px;padding:1px 5px;font-size:11px}.project-filter-btn.active .pfb-count{background:color-mix(in srgb, var(--pfb-color) 25%, transparent);color:var(--text)}.project-filter-btn.pfb-add{color:var(--text-mid);border-style:dashed;padding-left:11px;padding-right:11px}.project-filter-btn.pfb-add:hover{color:var(--accent);border-color:var(--accent)}.tasks-head-btn{width:34px;height:34px;color:var(--text-mid);background:var(--surface);border:1px solid var(--border-card);transition:color .15s, border-color .15s, transform .2s var(--ease-spring);border-radius:10px;flex-shrink:0;align-self:center;place-items:center;display:grid}.tasks-head-btn:hover{color:var(--accent);border-color:var(--accent)}.tasks-head-btn:active{transform:scale(.92)}.project-bar{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--project-color) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--project-color) 35%, transparent);animation:barIn .32s var(--ease-out) backwards;margin:-2px 0 14px;padding:12px 12px 12px 16px;position:relative;overflow:hidden}.project-bar:before{content:"";background:var(--project-color);width:4px;position:absolute;top:0;bottom:0;left:0}@keyframes barIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.project-bar-load{color:var(--text-mid);align-items:center;gap:10px;font-size:13px;display:flex}.project-bar-load strong{color:var(--text);font-weight:600}.project-bar-load-text{flex:1;min-width:0}.project-bar-pct{font-family:var(--font-mono);color:var(--text-mid);white-space:nowrap;font-size:12px}.project-bar-meter{background:color-mix(in srgb, var(--project-color) 15%, transparent);border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.project-bar-meter>div{border-radius:inherit;background:var(--project-color);height:100%;animation:meterIn .7s var(--ease-out) backwards;transform-origin:0;transition:width .5s var(--ease-out)}@keyframes meterIn{0%{transform:scaleX(0)}}.project-bar-actions{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.pb-split{display:inline-flex}.pb-split .pb-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.pb-split .pb-btn.pb-edit{color:var(--text-mid);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;padding:0 9px}.pb-btn{height:34px;color:var(--text);background:var(--surface);border:1px solid var(--border-mid);white-space:nowrap;transition:border-color .15s, color .15s, background .15s, transform .2s var(--ease-spring);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pb-btn:hover{border-color:var(--project-color,var(--accent))}.pb-btn:active{transform:scale(.95)}.pb-btn.pb-empty{color:var(--text-mid);background:0 0;border-style:dashed}.pb-btn.pb-block{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.pb-btn.pb-more{height:30px;color:var(--text-mid);padding:0 8px}.pb-btn.pb-more.open{color:var(--text);background:var(--bg2)}.pb-btn.pb-danger{color:#fff;background:var(--p1);border-color:var(--p1)}.pb-label{text-overflow:ellipsis;max-width:110px;overflow:hidden}.project-bar-menu{border-top:1px solid color-mix(in srgb, var(--project-color) 25%, transparent);animation:pickerIn .25s var(--ease-out) both;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.pb-menu-row{align-items:center;gap:10px;min-height:34px;display:flex}.pb-menu-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);flex-shrink:0;width:56px;font-size:11px}.pb-menu-label.danger{width:auto;color:var(--p1);text-transform:none;letter-spacing:0;font-family:var(--font-sans);flex:1;font-size:13px}.pb-swatches{flex-wrap:wrap;gap:8px;display:flex}.pb-swatches .color-swatch-sm{width:22px;height:22px}.pb-menu-link{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pb-menu-link:hover{color:var(--accent)}.pb-menu-link.danger{color:var(--p1)}.pb-menu-confirm{gap:6px;display:flex}.pb-rename{flex:1;gap:6px;display:flex}.pb-rename .form-input{flex:1;padding:6px 10px}.project-filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pri-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.pri-tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);min-width:0;box-shadow:var(--shadow-card);text-align:left;transition:background .25s, border-color .25s, transform .25s var(--ease-spring), box-shadow .25s;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 9px 9px 10px;display:flex;position:relative;overflow:hidden}.pri-tile:after{content:"";background:var(--tile-color);transform-origin:0;height:3px;transition:transform .35s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.pri-tile:hover{border-color:var(--border-mid)}.pri-tile:active{transform:scale(.96)}.pri-tile.active{background:color-mix(in srgb, var(--tile-color) 13%, var(--surface));border-color:color-mix(in srgb, var(--tile-color) 55%, transparent)}.pri-tile.active:after{transform:scaleX(1)}.pri-tile-count{font-family:var(--font-display);color:var(--tile-color);font-size:32px;line-height:.95}.pri-tile.empty .pri-tile-count{color:var(--text-dim)}.pri-tile-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.pri-tile-time{font-family:var(--font-mono);color:var(--text-mid);font-size:11px}.new-task-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);flex-direction:column;margin-bottom:6px;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex}.new-task-card:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-dim)}.new-task-card .new-task-input{background:0 0;border:none;padding:6px 8px;font-size:15px}.new-task-options-wrap{opacity:0;transition:grid-template-rows .3s var(--ease-out), opacity .25s;grid-template-rows:0fr;display:grid}.new-task-card:focus-within .new-task-options-wrap,.new-task-card.has-text .new-task-options-wrap{opacity:1;grid-template-rows:1fr}.new-task-options{grid-template-columns:1fr 1fr;gap:6px;min-height:0;padding-top:8px;display:grid;overflow:hidden}.new-task-select{background-color:var(--bg2);border:1px solid var(--border);min-width:0;height:36px;color:var(--text);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-mid) 50%), linear-gradient(135deg, var(--text-mid) 50%, transparent 50%);cursor:pointer;text-overflow:ellipsis;background-position:calc(100% - 14px),calc(100% - 10px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:10px;padding:0 26px 0 10px;font-size:13px}.new-task-select:focus{border-color:var(--border-mid)}.new-task-add{height:36px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-contrast);transition:transform .2s var(--ease-spring), opacity .2s;border-radius:10px;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.new-task-add:hover:not(:disabled){transform:scale(1.02)}.new-task-add:active:not(:disabled){transform:scale(.94)}.new-task-add:disabled{opacity:.35;cursor:default}.new-task-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:9px 14px;font-size:13px;transition:border-color .15s}.new-task-input:focus{border-color:var(--border-mid)}.new-task-input::placeholder{color:var(--text-dim)}.btn-primary{background:var(--accent);color:#0a0a0a;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:opacity .15s, transform .2s var(--ease-spring);border-radius:10px;padding:9px 18px;font-size:12px;font-weight:500}.btn-primary:hover{opacity:.85}[data-theme=light] .btn-primary{color:#fff}.task-section{margin-top:18px}.task-section-head{text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:0 2px;display:flex}.task-section-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--sec-color,var(--text-mid));font-size:21px;line-height:1}.task-section-count{font-family:var(--font-mono);color:var(--sec-color,var(--text-mid));background:color-mix(in srgb, var(--sec-color,var(--text-mid)) 14%, transparent);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:500}.task-section-time{font-family:var(--font-mono);color:var(--text-mid);margin-left:auto;font-size:11.5px}.task-section-toggle{cursor:pointer}.task-section-toggle:hover .task-section-name{color:var(--text)}.task-section-chevron{color:var(--text-mid);transition:transform .3s var(--ease-out);margin-left:auto}.task-section-toggle.open .task-section-chevron{transform:rotate(180deg)}.task-list{flex-direction:column;gap:8px;display:flex}.tasks-empty{padding:32px 16px}.tasks-footer{justify-content:center;margin-top:20px;display:flex}.tasks-footer-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;transition:color .15s,background .15s;display:inline-flex}.tasks-footer-btn:hover{color:var(--text-mid);background:var(--bg2)}.tasks-footer-btn.active{color:var(--p1)}.deleted-list{gap:4px;margin-top:10px}.deleted-task-row{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-card);animation:taskIn .3s var(--ease-out) backwards;align-items:center;gap:8px;padding:9px 12px;display:flex}.deleted-task-title{color:var(--text-mid);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;text-decoration:line-through;overflow:hidden}.deleted-task-action{font:500 10px/1 var(--font-mono);color:var(--accent);border:1px solid var(--border-mid);white-space:nowrap;border-radius:6px;padding:5px 8px}.deleted-task-action:hover{border-color:var(--accent)}.deleted-task-action.danger{color:var(--p1)}.deleted-task-action.danger:hover{border-color:var(--p1)}.task-item{--pri:var(--text-dim);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:border-color .2s, box-shadow .25s, transform .25s var(--ease-out), background .2s;animation:taskIn .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms);align-items:flex-start;gap:12px;padding:13px 10px 12px 16px;display:flex;position:relative;overflow:hidden}.task-item.pri-p1{--pri:var(--p1)}.task-item.pri-p2{--pri:var(--p2)}.task-item.pri-p3{--pri:var(--p3)}.task-item.pri-p4{--pri:var(--text-dim)}.task-item:before{content:"";background:var(--task-project-color,transparent);width:4px;position:absolute;top:0;bottom:0;left:0}.task-item:hover{border-color:var(--border-mid);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}@keyframes taskIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes taskOut{to{opacity:0;transform:translate(24px)scale(.98)}}.task-check{cursor:pointer;flex-shrink:0;width:24px;height:24px;margin-top:-1px;position:relative}.task-checkbox{appearance:none;border:2px solid var(--pri);cursor:pointer;width:24px;height:24px;transition:background .2s, border-color .2s, transform .2s var(--ease-spring);background:0 0;border-radius:50%;display:block}.task-check:hover .task-checkbox{background:color-mix(in srgb, var(--pri) 14%, transparent)}.task-checkbox:checked{background:var(--accent);border-color:var(--accent);animation:checkPop .35s var(--ease-spring)}.task-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-check-mark{pointer-events:none;fill:none;width:24px;height:24px;stroke:var(--accent-contrast);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .3s var(--ease-out) 50ms;position:absolute;inset:0}.task-checkbox:checked+.task-check-mark{stroke-dashoffset:0}@keyframes checkPop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.task-body{cursor:pointer;flex:1;min-width:0}.task-title{color:var(--text);overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.38;transition:color .25s}.task-title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .3s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 58%/0 1.5px no-repeat}.task-item.completing .task-title{color:var(--text-dim)}.task-item.completing .task-title span{background-size:100% 1.5px}.task-item.completing{animation:taskOut .28s var(--ease-out) .2s forwards}.task-item.completed{box-shadow:none;background:0 0}.task-item.completed .task-title{color:var(--text-dim)}.task-item.completed .task-title span{background-size:100% 1.5px;transition:none}.task-meta{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:7px;display:flex}.task-pri-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--pri);background:color-mix(in srgb, var(--pri) 13%, transparent);border:1px solid color-mix(in srgb, var(--pri) 35%, transparent);transition:background .15s, transform .2s var(--ease-spring);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.task-pri-badge:hover,.task-pri-badge.open{background:color-mix(in srgb, var(--pri) 24%, transparent)}.task-pri-badge:active{transform:scale(.92)}.task-item.pri-p4 .task-pri-badge{color:var(--text-mid)}.task-project{color:var(--text-mid);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:50%;font-size:12.5px;font-weight:500;display:inline-flex;overflow:hidden}.task-project:before{content:"";background:var(--task-project-color,var(--text-dim));border-radius:50%;flex-shrink:0;width:7px;height:7px}.task-time-chip{font-family:var(--font-mono);color:var(--text-mid);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.task-meta-icon{color:var(--text-mid);align-items:center;display:inline-flex}.task-meta-icon.scheduled{color:var(--accent)}.task-pri-picker{animation:pickerIn .25s var(--ease-out) both;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}@keyframes pickerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-pri-option{--opt:var(--text-mid);color:var(--text-mid);background:var(--bg2);border:1px solid var(--border);white-space:nowrap;transition:background .15s, border-color .15s, color .15s, transform .2s var(--ease-spring);border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;font-size:11px;display:flex}.task-pri-option strong{font-family:var(--font-mono);color:var(--opt);font-size:12px;font-weight:500}.task-pri-option.p1{--opt:var(--p1)}.task-pri-option.p2{--opt:var(--p2)}.task-pri-option.p3{--opt:var(--p3)}.task-pri-option:hover{border-color:color-mix(in srgb, var(--opt) 50%, transparent);color:var(--text)}.task-pri-option:active{transform:scale(.94)}.task-pri-option.active{background:color-mix(in srgb, var(--opt) 15%, transparent);border-color:color-mix(in srgb, var(--opt) 55%, transparent);color:var(--text)}.task-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.task-item:hover .task-actions{opacity:1}@media (hover:none){.task-actions{display:none}}.task-action-btn{width:28px;height:28px;color:var(--text-dim);border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.task-action-btn:hover{background:var(--bg3);color:var(--text)}.task-action-btn.delete:hover{color:var(--p1)}.task-action-btn.active{background:var(--bg4);color:var(--text);opacity:1}@media (prefers-reduced-motion:reduce){.new-task-options-wrap{transition:none}.project-bar,.project-bar-meter>div,.project-bar-menu,.task-item,.task-item.completing,.deleted-task-row,.task-pri-picker,.task-checkbox:checked{animation:none}.task-item:hover{transform:none}}.task-detail-modal{flex-direction:column;gap:12px;display:flex}.task-detail-title{font-size:15px;font-weight:500}.task-detail-notes{resize:vertical;min-height:100px;font-family:var(--font-sans);font-size:13px;line-height:1.6}.task-detail-fields{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=520px){.task-detail-fields{grid-template-columns:1fr}}.btn-danger{font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--p1);border:1px solid var(--p1);background:0 0;border-radius:10px;padding:8px 14px;transition:background .15s,color .15s}.btn-danger:hover{background:var(--p1);color:#fff}.empty-state{text-align:center;color:var(--text-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.06em;padding:48px 24px}.right-col{border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;position:relative;overflow:visible}.top-card-area{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}@media (width>=769px){.top-card-area .pom-ring{width:150px}.top-card-area .pom-timer{font-size:42px}.top-card-area .focus-goal-num{font-size:44px}}.calendar-wrap{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;container-type:inline-size}.top-card-body{animation:fadeSlide .25s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-card-tabs{background:var(--bg2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:2px;margin:12px 16px 2px;padding:3px;display:grid}.top-card-tab{height:34px;color:var(--text-mid);border-radius:9px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.top-card-tab:hover{color:var(--text)}.top-card-tab.active{color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow-card)}.panel-section{padding:10px 16px 14px}.panel-section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;display:flex}.cal-panel{flex-direction:column;flex:1;min-height:0;padding:12px 16px 0;display:flex;overflow:hidden}.cal-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cal-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:30px;font-weight:400;line-height:1}.cal-add-btns{gap:6px;margin-left:auto;display:flex}.cal-add-btn{border:1px solid var(--border-mid);background:var(--surface);height:34px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);white-space:nowrap;transition:background .15s, color .15s, border-color .15s, transform .2s var(--ease-spring);border-radius:10px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.cal-add-btn:hover{border-color:var(--accent)}.cal-add-btn:active{transform:scale(.95)}.cal-add-btn.block{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cal-day-nav{align-items:center;gap:4px;margin-bottom:12px;display:flex}.cal-nav-btn{width:34px;height:34px;color:var(--text-mid);transition:background .15s, color .15s, transform .2s var(--ease-spring);border-radius:10px;place-items:center;display:grid}.cal-nav-btn:hover{background:var(--bg2);color:var(--text)}.cal-nav-btn:active{transform:scale(.9)}.cal-day-title{align-items:center;min-width:0;display:flex;overflow:hidden}.cal-day-label{color:var(--text);white-space:nowrap;animation:fadeSlide .25s var(--ease-out);font-size:16px;font-weight:600}.cal-day-label.today{color:var(--accent)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.cal-today-badge,.cal-today-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-left:4px;padding:4px 9px;font-size:11px;font-weight:500}.cal-today-badge{background:var(--accent-dim);color:var(--accent)}.cal-today-btn{border:1px solid var(--border-mid);color:var(--text-mid)}.cal-today-btn:hover{color:var(--text);border-color:var(--text-mid)}.cal-view-btns{background:var(--bg2);border-radius:11px;gap:2px;margin-left:auto;padding:3px;display:flex}.cal-view-btn{height:30px;color:var(--text-mid);border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.cal-view-btn:hover{color:var(--text)}.cal-view-btn.active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-card)}.cal-notice{background:var(--surface);border:1px solid var(--border-card);color:var(--text-mid);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.cal-notice.error{color:var(--p1);border-color:color-mix(in srgb, var(--p1) 40%, transparent)}.cal-notice-btn{height:30px;color:var(--accent-contrast);background:var(--accent);border-radius:9px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:500}.day-view-scroll{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.day-view{width:100%;position:relative}.hour-row{pointer-events:none;align-items:flex-start;display:flex;position:absolute;left:0;right:0}.hour-label{font-family:var(--font-mono);color:var(--text-mid);width:40px;min-width:40px;padding-top:0;font-size:11px;transform:translateY(-1px)}.hour-line{background:var(--border);flex:1;height:1px;margin-top:7px}.cal-empty{color:var(--text-mid);pointer-events:none;font-size:14px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.now-line{background:var(--p1);z-index:6;pointer-events:none;height:2px;transition:top .6s var(--ease-out);margin-top:6px;position:absolute;left:40px;right:0}.week-grid-day-body .now-line{margin-top:-1px;left:0}.now-dot{background:var(--p1);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px}.now-dot:after{content:"";background:var(--p1);border-radius:50%;animation:2s ease-out infinite nowPulse;position:absolute;inset:0}@keyframes nowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.day-event{background:var(--event-bg);border-left:3px solid var(--event-edge);cursor:pointer;z-index:2;transition:transform .2s var(--ease-out), box-shadow .2s, filter .15s;animation:evtIn .35s var(--ease-out) backwards;border-radius:8px;margin-top:7px;padding:5px 9px;position:absolute;left:58px;right:4px;overflow:hidden;box-shadow:0 1px 2px #0000001f}.day-event:hover{filter:brightness(1.08);box-shadow:0 4px 12px #0000002e}@keyframes evtIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.day-time-block{cursor:pointer;z-index:1;background:color-mix(in srgb, var(--block-color) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--block-color) 50%, transparent);animation:evtIn .35s var(--ease-out) backwards;border-radius:8px;margin-top:7px;padding:5px 9px 5px 12px;transition:box-shadow .2s,filter .15s;position:absolute;left:40px;right:4px;overflow:hidden}.day-time-block:before{content:"";background:var(--block-color);width:4px;position:absolute;top:0;bottom:0;left:0}.day-time-block:hover{box-shadow:0 4px 12px #0000001f}.day-time-block.moving{z-index:7;box-shadow:0 8px 24px #00000040}.day-time-block .day-event-time{color:var(--text-mid)}.day-time-block .day-event-title{color:var(--text);font-weight:600}.block-resize-handle{cursor:ns-resize;z-index:10;height:8px;position:absolute;left:0;right:0}.block-resize-handle.top{top:0}.block-resize-handle.bottom{bottom:0}.block-resize-handle:hover{background:color-mix(in srgb, var(--block-color) 40%, transparent)}.day-block-proj{font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:10.5px}.day-event-time{font-family:var(--font-mono);color:var(--event-soft);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:inline-flex}.day-event-title{color:var(--event-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.day-evt-compact-row{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.day-evt-compact-row .day-event-title{flex:1}.week-grid-scroll{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--surface);flex:1;min-height:0;margin-bottom:12px;overflow:auto}.week-grid-wrap{min-width:560px;display:flex}.week-grid-gutter{z-index:4;background:var(--surface);flex-shrink:0;width:38px;position:sticky;left:0}.week-grid-corner{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;height:44px;position:sticky;top:0}.week-grid-time-lbl{height:44px;font-family:var(--font-mono);color:var(--text-mid);text-align:right;border-top:1px solid var(--border);padding-top:2px;padding-right:5px;font-size:10px}.week-grid-day{border-left:1px solid var(--border);flex:1;min-width:0}.week-grid-day-hdr{border-bottom:1px solid var(--border);background:var(--surface);z-index:3;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:44px;transition:background .12s;display:flex;position:sticky;top:0}.week-grid-day-hdr:hover{background:var(--bg2)}.week-grid-dow{font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.week-grid-day.today .week-grid-dow{color:var(--accent)}.week-grid-date{color:var(--text);border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;font-weight:600;line-height:1;display:grid}.week-grid-date.today-num{color:var(--accent-contrast);background:var(--accent)}.week-grid-day-body{position:relative}.week-grid-hour-row{border-top:1px solid var(--border);height:44px}.week-grid-day.today .week-grid-hour-row{background:var(--accent-dim);background:color-mix(in srgb, var(--accent) 4%, transparent)}.week-grid-evt{cursor:pointer;background:var(--event-bg);border-left:2px solid var(--event-edge);z-index:1;border-radius:5px;padding:3px 5px;line-height:1.2;transition:filter .15s;position:absolute;left:2px;right:2px;overflow:hidden}.week-grid-evt:hover{filter:brightness(1.08);z-index:5}.week-grid-evt.block{background:color-mix(in srgb, var(--block-color) 22%, var(--surface));border-left-color:var(--block-color)}.week-grid-evt.block .week-grid-evt-time{color:var(--text-mid)}.week-grid-evt.block .week-grid-evt-title{color:var(--text)}.week-grid-evt-time{font-family:var(--font-mono);color:var(--event-soft);white-space:nowrap;align-items:center;gap:2px;font-size:9px;display:inline-flex}.week-grid-evt-title{color:var(--event-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.week-grid-evt.compact{flex-direction:row;align-items:center;gap:3px;display:flex;overflow:hidden}.week-grid-evt.compact .week-grid-evt-time{flex-shrink:0}.week-grid-evt.compact .week-grid-evt-title{flex:1}@container (width<=340px){.cal-title{font-size:24px}.cal-add-btn{gap:3px;height:30px;padding:0 9px;font-size:11px}.cal-day-nav{flex-wrap:wrap;row-gap:8px}.cal-day-label{font-size:14px}.cal-view-btns{order:5;width:100%;margin-left:0}.cal-view-btn{flex:1}}@media (prefers-reduced-motion:reduce){.day-event,.day-time-block,.cal-day-label,.now-dot:after{animation:none}}.pomodoro{--pom-color:var(--accent);flex-direction:column;align-items:center;gap:16px;padding:6px 0 10px;display:flex}.pomodoro.break{--pom-color:var(--p3)}.pom-ring{aspect-ratio:1;width:min(220px,70vw);position:relative}.pom-ring svg{width:100%;height:100%}.pom-ring-track{fill:none;stroke:var(--bg2);stroke-width:10px}.pom-ring-progress{fill:none;stroke:var(--pom-color);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.pomodoro.running .pom-ring{animation:4s ease-in-out infinite pomBreathe}@keyframes pomBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.pom-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.pom-timer{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:60px;line-height:1}.pom-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pom-color);font-size:11px}.pom-controls{gap:8px;display:flex}.pom-btn{min-width:110px;height:44px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:background .15s, color .15s, transform .2s var(--ease-spring);border-radius:12px;padding:0 22px;font-size:13px;font-weight:500}.pom-btn:active{transform:scale(.95)}.pom-btn.start{background:var(--accent);color:var(--accent-contrast)}.pom-btn.pause{background:var(--surface-raised);color:var(--text);border:1px solid var(--border-mid)}.pom-btn.reset{color:var(--text-mid);border:1px solid var(--border-mid);background:0 0}.pom-btn.reset:hover{color:var(--text)}.pom-dots{gap:8px;display:flex}.pom-dot{border:2px solid var(--border-mid);width:10px;height:10px;transition:background .3s, border-color .3s, transform .3s var(--ease-spring);background:0 0;border-radius:50%}.pom-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.pulse-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.pulse-stat{background:var(--bg3);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border);padding:10px}.pulse-stat-value{font-family:var(--font-display);color:var(--text);font-size:24px}.pulse-stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);margin-top:2px;font-size:9px}.alloc-stacked{border-radius:3px;height:6px;margin-bottom:10px;display:flex;overflow:hidden}.alloc-stacked-seg{height:100%;transition:width .4s}.pulse-legend{flex-direction:column;gap:6px;display:flex}.pulse-legend-row{color:var(--text-mid);align-items:center;gap:8px;font-size:11px;display:flex}.pulse-legend-dot{border-radius:50%;width:8px;min-width:8px;height:8px}.pulse-legend-name{flex:1}.pulse-legend-pct{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.focus-card{flex-direction:column;gap:10px;display:flex}.focus-box{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);padding:14px}.focus-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);text-align:center;margin-bottom:8px;font-size:11px}.focus-goal-row{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.focus-adj-btn{border:1px solid var(--border-mid);width:40px;height:40px;color:var(--text);font-family:var(--font-mono);transition:background .12s, border-color .12s, transform .2s var(--ease-spring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.focus-adj-btn:hover{border-color:var(--accent)}.focus-adj-btn:active{transform:scale(.9)}.focus-goal-display{cursor:text;flex-direction:column;align-items:center;gap:2px;min-width:120px;display:flex}.focus-goal-num{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;animation:numPop .3s var(--ease-spring);font-size:56px;line-height:.9}@keyframes numPop{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:none}}.focus-goal-unit{color:var(--text-mid);font-size:13px}.focus-goal-input{background:var(--bg2);border:1px solid var(--accent);width:120px;font-family:var(--font-display);color:var(--text);text-align:center;border-radius:12px;outline:none;padding:6px 10px;font-size:44px}.focus-meter{background:var(--bg2);border-radius:999px;height:8px;overflow:hidden}.focus-meter>div{border-radius:inherit;transform-origin:0;height:100%;transition:width .6s var(--ease-out), background .4s;animation:meterIn .8s var(--ease-out) backwards}.focus-meter-labels{font-family:var(--font-mono);color:var(--text-mid);justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.focus-meter-labels .over{color:var(--p1)}.focus-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.focus-stat{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);padding:12px 10px 10px}.focus-stat-num{font-family:var(--font-display);color:var(--stat-color,var(--text));font-size:32px;line-height:.95}.focus-stat-label{color:var(--text-mid);margin-top:3px;font-size:12.5px;font-weight:500}.health{flex-direction:column;gap:10px;display:flex}.health-head{align-items:center;gap:16px;display:flex}.health-ring{flex-shrink:0;width:84px;height:84px;position:relative}.health-ring svg{width:100%;height:100%}.health-ring-track{fill:none;stroke:var(--bg2);stroke-width:7px}.health-ring-progress{fill:none;stroke:var(--health-color);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out), stroke .6s;animation:ringIn 1s var(--ease-out) backwards}@keyframes ringIn{0%{stroke-dashoffset:214px}}.health-score{font-family:var(--font-display);color:var(--health-color);place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.health-status{font-family:var(--font-display);letter-spacing:.03em;color:var(--health-color);font-size:26px;line-height:1}.health-detail{color:var(--text-mid);margin-top:4px;font-size:13.5px;line-height:1.4}.health-goal-row,.health-load-row{color:var(--text-mid);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.health-goal-row strong{color:var(--text);font-weight:600}.health-load-row span:last-child{font-family:var(--font-mono);font-size:12px}.health-edit-btn{border:1px solid var(--border-mid);height:28px;color:var(--text);border-radius:8px;padding:0 10px;font-size:12px;font-weight:500}.health-edit-btn:hover{border-color:var(--accent)}.health-ok{color:var(--text-mid);text-align:center;padding:6px 0;font-size:13px}.health-flags{flex-direction:column;gap:6px;display:flex}.health-flag{color:var(--text);background:color-mix(in srgb, var(--flag-color) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--flag-color) 30%, transparent);border-left:4px solid var(--flag-color);animation:taskIn .35s var(--ease-out) backwards;border-radius:12px;padding:10px 12px 10px 14px;font-size:13px;line-height:1.4}.health-flag:nth-child(2){animation-delay:60ms}.health-flag:nth-child(3){animation-delay:.12s}@media (prefers-reduced-motion:reduce){.focus-goal-num,.focus-meter>div,.health-ring-progress,.health-flag,.pom-ring-progress{transition:none;animation:none}}.weekly-goal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.weekly-goal-card{background:var(--surface);border:1px solid var(--border-card);width:min(360px,100vw - 32px);animation:scaleIn .3s var(--ease-out);border-radius:20px;padding:32px;box-shadow:0 24px 64px #0000004d}.weekly-goal-heading{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);margin-bottom:8px;font-size:34px;line-height:1.1}.weekly-goal-sub{color:var(--text-mid);margin-bottom:24px;font-size:13px;line-height:1.5}.weekly-goal-input-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.weekly-goal-input{background:var(--field);border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:100px;font-family:var(--font-display);color:var(--text);letter-spacing:.04em;text-align:center;padding:10px 14px;font-size:28px}.weekly-goal-input:focus{border-color:var(--accent);outline:none}.weekly-goal-unit{font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.1em;font-size:12px}.weekly-goal-hint{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;margin-bottom:20px;font-size:10px;line-height:1.5}.lp-wrap{background:var(--bg);grid-template-columns:1fr 400px;min-height:100vh;display:grid}.lp-left{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;gap:32px;padding:52px 60px;display:flex;overflow-y:auto}.lp-nav{align-items:center;gap:12px;display:flex}.lp-logo{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);align-items:center;gap:10px;font-size:28px;display:flex}.lp-logo-sub{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;margin-left:4px;font-size:9px}.lp-hero{flex-direction:column;gap:14px;display:flex}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:9px}.lp-headline{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-size:clamp(42px,5.5vw,72px);line-height:.95}.lp-accent{color:var(--accent)}.lp-lead{font-family:var(--font-sans);color:var(--text-mid);max-width:520px;font-size:15px;font-weight:300;line-height:1.7}.lp-features-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.lp-features{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lp-feat{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.lp-feat-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:8px}.lp-feat-title{font-family:var(--font-sans);color:var(--text);margin-bottom:4px;font-size:13px;font-weight:400}.lp-feat-desc{font-family:var(--font-sans);color:var(--text-mid);font-size:12px;font-weight:300;line-height:1.5}.lp-proof{font-family:var(--font-mono);color:var(--text-dim);border-left:2px solid var(--border-mid);padding-left:16px;font-size:11px;font-style:italic;line-height:1.6}.lp-right{flex-direction:column;justify-content:center;gap:16px;padding:60px 40px;display:flex}.lp-form-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:8px}.lp-form-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:28px;line-height:1}.lp-form-sub{font-family:var(--font-sans);color:var(--text-mid);margin-bottom:8px;font-size:13px;font-weight:300;line-height:1.6}.google-btn{border-radius:var(--radius);background:var(--bg3);border:1px solid var(--border-mid);width:100%;color:var(--text);justify-content:center;align-items:center;gap:12px;padding:13px 20px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.google-btn:hover{background:var(--bg4);border-color:var(--text-mid)}.lp-privacy{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);text-align:center;font-size:9px;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(3px);-webkit-overflow-scrolling:touch;z-index:1000;background:#0a0c1080;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--surface);border:1px solid var(--border-card);width:100%;max-width:460px;animation:scaleIn .25s var(--ease-out);border-radius:20px;margin:auto;padding:24px;position:relative;box-shadow:0 24px 64px #0000004d}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.modal-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin-bottom:20px;padding-right:40px;font-size:28px;line-height:1}.modal-close{width:36px;height:36px;color:var(--text-mid);background:var(--bg2);transition:background .15s, color .15s, transform .2s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text)}.modal-close:active{transform:scale(.9)}.form-group{margin-bottom:14px}.form-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);margin-bottom:6px;font-size:11px;display:block}.form-input{background:var(--field);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.form-input::placeholder{color:var(--text-dim)}.form-select{background-color:var(--field);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-mid) 50%), linear-gradient(135deg, var(--text-mid) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;padding:10px 32px 10px 12px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-actions>button{min-height:40px}.btn-secondary{background:var(--bg2);color:var(--text);transition:background .15s, color .15s, transform .2s var(--ease-spring);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500}.btn-secondary:hover{background:var(--bg3)}.btn-secondary:active,.btn-primary:active{transform:scale(.96)}@media (width<=768px){.modal-overlay{padding:0;overflow:hidden}.modal-card{-webkit-overflow-scrolling:touch;max-width:none;max-height:92dvh;padding:28px 20px calc(20px + env(safe-area-inset-bottom));animation:sheetUp .35s var(--ease-out);border-bottom:none;border-radius:22px 22px 0 0;margin:auto 0 0;overflow-y:auto}.modal-card:before{content:"";background:var(--border-mid);border-radius:999px;width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}.modal-close{top:18px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.modal-card,.modal-overlay{animation:none}}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:border-color .15s,transform .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text)}@media (width<=768px){.main-layout{height:calc(100dvh - var(--header-h) - env(safe-area-inset-top,0px) - 60px - env(safe-area-inset-bottom,0px));grid-template-rows:1fr;grid-template-columns:1fr;overflow:hidden}.main-panel,.right-col,.left-col,.mail-col,.col-resizer{display:none!important}.left-col.mobile-active,.mail-col.mobile-active{border:none;flex-direction:column;width:100%;height:100%;overflow-y:auto;display:flex!important}.left-col.mobile-active .main-panel{border:none;flex-direction:column;flex:none;height:auto;max-height:none;overflow:visible;display:flex!important}.mail-col.mobile-active{overflow:hidden}.main-panel.mobile-active,.right-col.mobile-active{border:none;flex-direction:column;width:100%;height:100%;overflow-y:auto;display:flex!important}.main-panel.mobile-active{padding:16px;display:block!important}.right-col.mobile-active .top-card-area{border-left:none;display:block}.right-col.mobile-active .calendar-wrap,.right-col.mobile-active.show-cal .top-card-area{display:none!important}.right-col.mobile-active.show-cal .calendar-wrap{flex:1;display:flex!important}.lp-wrap{grid-template-columns:1fr}.lp-left{display:none}.lp-right{padding:40px 24px}.mobile-nav{background:var(--bg2);border-top:1px solid var(--border);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:200;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{min-width:60px;color:var(--text-mid);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;padding:2px 4px;font-size:10px;transition:color .2s;display:flex}.mobile-nav-icon{width:50px;height:28px;transition:background .25s, transform .3s var(--ease-spring);border-radius:999px;place-items:center;display:grid}.mobile-nav-btn:active .mobile-nav-icon{transform:scale(.9)}.mobile-nav-btn.active{color:var(--text)}.mobile-nav-btn.active .mobile-nav-icon{background:var(--accent-dim);color:var(--accent)}[data-theme=dark] .mobile-nav-btn.active{color:var(--accent)}.main-panel.mobile-active,.left-col.mobile-active .main-panel{padding:12px 12px 16px}.tasks-head{margin-bottom:10px}.tasks-title{font-size:28px}.tasks-head-btn{width:32px;height:32px}.project-filter-bar{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:10px;margin-left:-12px;margin-right:-12px;padding:0 12px 2px;overflow-x:auto}.project-filter-btn{gap:6px;padding:6px 11px;font-size:12.5px}.project-bar{margin-bottom:10px;padding:10px 10px 10px 14px}.pb-btn{height:32px;padding:0 10px;font-size:12.5px}.pri-tiles{gap:6px;margin-bottom:10px}.pri-tile{border-radius:12px;gap:2px;padding:8px 8px 7px 9px}.pri-tile-count{font-size:26px}.pri-tile-label{font-size:11.5px}.pri-tile-time{font-size:10.5px}.new-task-card{border-radius:12px;padding:6px}.new-task-card .new-task-input{padding:5px 8px}.new-task-select,.new-task-add{height:34px}.task-section{margin-top:14px}.task-section-head{margin-bottom:8px}.task-section-name{font-size:19px}.task-list{gap:6px}.task-item{border-radius:12px;gap:10px;padding:10px 8px 10px 14px}.task-title{font-size:15px;line-height:1.35}.task-meta{gap:4px 7px;margin-top:5px}.task-check,.task-checkbox,.task-check-mark{width:22px;height:22px}.task-pri-badge{padding:2px 7px;font-size:10.5px}.task-project{font-size:12px}.task-time-chip{font-size:11px}.cal-panel{padding:8px 12px 0}.cal-head{margin-bottom:6px}.cal-title{font-size:26px}.cal-add-btn{height:32px;padding:0 10px;font-size:11.5px}.cal-day-nav{margin-bottom:8px}.cal-nav-btn{width:32px;height:32px}.cal-day-label{font-size:15px}.cal-view-btn{height:28px;padding:0 11px;font-size:12.5px}.day-event-title{font-size:13px}.day-event-time{font-size:10.5px}.top-card-tabs{margin:8px 12px 0}.top-card-tab{height:30px;font-size:12.5px}.panel-section{padding:8px 12px 12px}.focus-card,.health{gap:8px}.focus-box{border-radius:12px;padding:12px}.focus-goal-row{margin-bottom:10px}.focus-goal-num{font-size:46px}.focus-adj-btn{width:36px;height:36px}.focus-stat{border-radius:12px;padding:10px 9px 8px}.focus-stat-num{font-size:26px}.pomodoro{gap:12px}.pom-ring{width:min(190px,60vw)}.pom-timer{font-size:50px}.pom-btn{min-width:100px;height:40px}.health-ring{width:72px;height:72px}.health-score{font-size:26px}.health-status{font-size:23px}.health-flag{padding:8px 10px 8px 12px;font-size:12.5px}.project-filter-bar::-webkit-scrollbar{display:none}.header{padding:6px 12px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);gap:8px}.header-tagline,.sync-pill{display:none}.right-col.mobile-active .top-card-area{flex:1;overflow:hidden auto}input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.email-view-window{border-radius:8px;inset:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) 8px!important;left:8px!important;top:calc(8px + env(safe-area-inset-top))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;position:fixed!important;transform:none!important}.email-view-titlebar{cursor:default}.reply-body-input,.rich-text-editable,.reply-from-select,.gmail-compose-input,.gmail-compose-panel textarea,.gmail-compose-panel select,.gmail-search-input,.email-tag-new-input,.form-input,.form-select,.new-task-select,.new-task-input{font-size:16px!important}}@media (width>=769px){.mobile-nav{display:none}}.gmail-drawer{width:100%}.gmail-drawer-header{width:100%;color:var(--text);align-items:center;gap:6px;padding:8px 4px 10px;display:flex}.gmail-drawer-title{color:var(--text);align-items:center;gap:10px;display:inline-flex}.gmail-drawer-label{font-family:var(--font-display);letter-spacing:.04em;font-size:30px;line-height:1}.gmail-unread-badge{background:var(--accent);color:var(--accent-contrast);font:600 12px/1 var(--font-mono);text-align:center;min-width:22px;animation:badgePop .4s var(--ease-spring);border-radius:999px;padding:3px 8px}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}}.gmail-drawer-spacer{flex:1}.gmail-compose-btn{background:var(--accent);height:34px;color:var(--accent-contrast);font:500 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .2s var(--ease-spring), opacity .15s;border-radius:10px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.gmail-compose-btn:hover{opacity:.9}.gmail-compose-btn:active{transform:scale(.95)}.gmail-refresh-btn{width:34px;height:34px;color:var(--text-mid);border-radius:10px;place-items:center;transition:color .15s,background .15s;display:grid}.gmail-refresh-btn:hover{color:var(--text);background:var(--bg2)}.gmail-refresh-btn .spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mail-col .gmail-collapse-btn{display:none}.gmail-drawer-body{max-height:0;transition:max-height .25s;overflow:hidden}.gmail-drawer.open .gmail-drawer-body{max-height:600px;overflow-y:auto}.gmail-empty-state{text-align:center;padding:32px 12px}.gmail-connect-btn{background:var(--accent);height:42px;color:var(--accent-contrast);font:500 14px/1 var(--font-sans);border-radius:12px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.gmail-connect-btn:hover{opacity:.9}.gmail-accounts-row{scrollbar-width:none;align-items:center;gap:6px;padding:0 0 10px;display:flex;overflow-x:auto}.gmail-accounts-row::-webkit-scrollbar{display:none}.gmail-account-tab,.gmail-account-add{flex-shrink:0}.gmail-account-tab{background:var(--surface);border:1px solid var(--border-card);height:36px;color:var(--text-mid);cursor:pointer;transition:background .2s, border-color .2s, color .2s, transform .2s var(--ease-spring);border-radius:999px;align-items:center;gap:7px;padding:0 8px 0 4px;display:inline-flex}.gmail-account-tab:hover{color:var(--text);border-color:var(--border-mid)}.gmail-account-tab:active{transform:scale(.96)}.gmail-account-tab.active{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.gmail-account-avatar{color:#fff;width:28px;height:28px;font:600 11px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-account-name{font:500 13px/1 var(--font-sans)}.gmail-account-reconnect{font:600 10px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-contrast);background:var(--accent);border-radius:6px;padding:4px 7px}.gmail-account-remove{color:var(--text-dim);border-radius:50%;align-items:center;padding:4px;display:flex}.gmail-account-remove:hover{color:var(--p1)}.gmail-account-add{border:1px dashed var(--border-mid);color:var(--text-mid);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gmail-account-add:hover{border-color:var(--accent);color:var(--accent)}.gmail-compose-panel{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);animation:barIn .3s var(--ease-out);margin:0 0 12px;padding:14px}.gmail-compose-backdrop{z-index:1190;background:#00000073;position:fixed;inset:0}.gmail-compose-panel.popped{z-index:1200;left:50%;top:calc(6vh + env(safe-area-inset-top));background:var(--bg2);width:620px;max-width:94vw;height:66vh;min-height:320px;max-height:92dvh;box-shadow:var(--shadow);resize:vertical;flex-direction:column;margin:0;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.gmail-compose-panel.popped .gmail-compose-form{flex:1;min-height:0;overflow-y:auto}.gmail-compose-panel.popped .reply-body-input{resize:none;flex:1;min-height:160px}.gmail-compose-panel.popped .rich-text-input{flex-direction:column;flex:1;min-height:0;display:flex}.gmail-compose-panel.popped .rich-text-editable{flex:1;min-height:160px}.gmail-compose-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gmail-compose-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:22px;line-height:1}.gmail-compose-close{color:var(--text-mid);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.gmail-compose-close:hover{background:var(--bg2);color:var(--p1)}.gmail-compose-form{flex-direction:column;gap:6px;display:flex}.gmail-compose-input,.gmail-compose-panel textarea,.gmail-compose-panel select{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--text);font:400 14px/1.4 var(--font-sans);box-sizing:border-box;resize:vertical;border-radius:10px;outline:none;padding:9px 12px}.gmail-compose-input:focus,.gmail-compose-panel textarea:focus{border-color:var(--accent)}.gmail-view-tabs{background:var(--bg2);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 0 10px;padding:3px;display:grid}.gmail-view-tab{color:var(--text-mid);font:500 13px/1 var(--font-sans);border-radius:9px;height:34px;transition:background .2s,color .2s,box-shadow .2s}.gmail-view-tab:hover{color:var(--text)}.gmail-view-tab.active{color:var(--text);background:var(--surface-raised);box-shadow:var(--shadow-card)}.gmail-label-row{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:0 0 10px;display:flex}.gmail-label-chip{font:500 12px/1 var(--font-sans);color:var(--text-mid);background:var(--surface);border:1px solid var(--border-card);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;max-width:160px;padding:7px 12px;transition:color .15s,border-color .15s,background .15s;display:inline-flex;overflow:hidden}.gmail-label-chip:hover{color:var(--text);border-color:var(--border-mid)}.gmail-label-chip.active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.gmail-search-bar{background:var(--surface);border:1px solid var(--border-card);border-radius:12px;align-items:center;gap:8px;height:42px;margin:0 0 10px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.gmail-search-bar:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-dim)}.gmail-search-icon{color:var(--text-mid);flex-shrink:0}.gmail-search-input{color:var(--text);font:400 14px/1.3 var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:0}.gmail-search-input::placeholder{color:var(--text-dim)}.gmail-search-clear{color:var(--text-mid);border-radius:50%;flex-shrink:0;align-items:center;padding:4px;display:flex}.gmail-search-clear:hover{color:var(--text);background:var(--bg2)}.gmail-status-row{text-align:center;padding:28px 12px}.gmail-status-text{font:400 13px/1.4 var(--font-sans);color:var(--text-mid)}.gmail-status-error .gmail-status-text{color:var(--p1)}.gmail-retry-btn{border:1px solid var(--border-mid);color:var(--text);font:500 13px/1 var(--font-sans);border-radius:10px;margin:10px auto 0;padding:8px 14px;display:block}.gmail-retry-btn:hover{border-color:var(--accent);color:var(--accent)}.gmail-message-list{flex-direction:column;gap:6px;padding:0 0 12px;display:flex}.gmail-message-row{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .2s, box-shadow .25s, transform .25s var(--ease-out);animation:taskIn .35s var(--ease-out) backwards;flex-shrink:0;align-items:flex-start;gap:12px;padding:12px 8px 12px 12px;display:flex;position:relative;overflow:hidden}.gmail-message-row:nth-child(2){animation-delay:30ms}.gmail-message-row:nth-child(3){animation-delay:60ms}.gmail-message-row:nth-child(4){animation-delay:90ms}.gmail-message-row:nth-child(5){animation-delay:.12s}.gmail-message-row:nth-child(n+6){animation-delay:.15s}.gmail-message-row:hover{border-color:var(--border-mid);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.gmail-message-row:active{transform:scale(.99)}.gmail-message-row.loading{opacity:.5;pointer-events:none}.gmail-message-row.unread:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.gmail-msg-avatar{color:#fff;width:38px;height:38px;font:600 13px/1 var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gmail-message-row:not(.unread) .gmail-msg-avatar{opacity:.8}.gmail-msg-body{flex:1;min-width:0}.gmail-msg-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gmail-msg-from{font:500 15px/1.3 var(--font-sans);color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gmail-message-row.unread .gmail-msg-from{color:var(--text);font-weight:600}.gmail-msg-date{font:400 11.5px/1 var(--font-mono);color:var(--text-mid);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.gmail-message-row.unread .gmail-msg-date{color:var(--text)}.gmail-msg-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.gmail-msg-replied{color:var(--accent);flex-shrink:0}.gmail-msg-subject{font:400 14px/1.35 var(--font-sans);color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.gmail-message-row.unread .gmail-msg-subject{color:var(--text);font-weight:500}.gmail-msg-snippet{font:400 13px/1.4 var(--font-sans);color:var(--text-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.gmail-msg-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.gmail-msg-tag{background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);font:500 10.5px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:140px;padding:3px 7px;overflow:hidden}.gmail-msg-delete{color:var(--text-dim);opacity:0;border-radius:8px;flex-shrink:0;align-self:center;align-items:center;padding:6px;transition:color .12s,background .12s,opacity .15s;display:flex}.gmail-message-row:hover .gmail-msg-delete{opacity:1}@media (hover:none){.gmail-msg-delete{opacity:1}}.gmail-msg-delete:hover{color:var(--p1);background:var(--bg2)}@media (prefers-reduced-motion:reduce){.gmail-message-row,.gmail-unread-badge,.email-view-window,.gmail-compose-panel{animation:none}}.reply-error{color:var(--p1);font:400 10px/1.3 var(--font-sans);padding:2px 0}.reply-cancel-btn{border:1px solid var(--border-mid);color:var(--text-mid);height:36px;font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px}.reply-cancel-btn:hover{border-color:var(--text-dim)}.reply-send-btn,.gmail-compose-send{background:var(--accent);color:var(--accent-contrast);height:36px;font:600 13px/1 var(--font-sans);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.reply-send-btn:disabled,.gmail-compose-send:disabled{opacity:.4;cursor:default}.reply-send-btn:hover:not(:disabled){filter:brightness(1.1)}.email-attachments{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;padding:8px 14px}.email-attachments-label{font:600 10px/1 var(--font-mono);color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;gap:4px;margin-bottom:6px;display:flex}.email-attachments-label:hover{color:var(--text)}.email-attachments.collapsed .email-attachments-label{margin-bottom:0}.email-attachments-list{flex-wrap:wrap;gap:6px;max-height:150px;display:flex;overflow-y:auto}.email-attachment-chip{background:var(--bg);border:1px solid var(--border);border-radius:5px;align-items:stretch;display:inline-flex;overflow:hidden}.email-attachment-chip:hover{border-color:var(--accent)}.email-attachment-open{font:400 11px/1 var(--font-sans);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:5px 10px;display:flex}.email-attachment-open:hover{color:var(--accent)}.email-attachment-open:disabled{cursor:default;opacity:.7}.email-attachment-dl{cursor:pointer;color:var(--text-mid);border:none;border-left:1px solid var(--border);background:0 0;justify-content:center;align-items:center;padding:0 8px;display:flex}.email-attachment-dl:hover{color:var(--accent)}.email-attachment-dl:disabled{cursor:default;opacity:.5}.email-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.email-attachment-size{color:var(--text-mid);font-size:9px}.reply-attachment-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.reply-attach-btn{font:500 12px/1 var(--font-sans);border:1px solid var(--border-mid);height:32px;color:var(--text-mid);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:5px;padding:0 11px;display:flex}.reply-attach-btn:hover{border-color:var(--accent);color:var(--accent)}.reply-attachment-chip{font:400 10px/1 var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;display:flex}.reply-attachment-open{cursor:pointer;font:inherit;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:180px;padding:0;text-decoration:underline;overflow:hidden}.reply-attachment-open:hover{filter:brightness(1.1)}.reply-attachment-size{color:var(--text-dim);font-size:9px}.reply-attachment-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.reply-attachment-remove:hover{color:var(--p1)}.reply-drop-hint{text-align:center;font:500 11px/1 var(--font-mono);color:var(--accent);border:2px dashed var(--accent);background:var(--accent-dim);border-radius:6px;margin-top:6px;padding:8px}.reply-compose.drag-over,.gmail-compose-panel.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.email-view-overlay{z-index:900;pointer-events:none;position:fixed;inset:0}.email-view-window{left:calc(50% - 300px);top:calc(9vh + env(safe-area-inset-top));background:var(--bg);border:1px solid var(--border-mid);z-index:901;width:600px;min-width:380px;max-width:95vw;height:80vh;min-height:320px;max-height:92vh;animation:sheetIn .32s var(--ease-out);pointer-events:auto;resize:both;border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #00000059}.email-view-titlebar{background:var(--surface);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 12px 18px;display:flex}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.email-view-titlebar:active{cursor:grabbing}.email-view-title{font:600 16px/1.3 var(--font-sans);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:10px;overflow:hidden}.email-view-close{color:var(--text-mid);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.email-view-close:hover{color:var(--text);background:var(--border)}.email-view-meta{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 18px}.email-view-meta-row{font:400 13.5px/1.4 var(--font-sans);align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.email-meta-label{color:var(--text-mid);min-width:42px;font:500 10.5px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.email-meta-value{color:var(--text);word-break:break-word}.email-meta-dim{color:var(--text-mid)}.email-view-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.email-view-tags{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.email-view-tag{font:500 11px/1 var(--font-mono);background:var(--bg2);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;border-radius:7px;align-items:center;gap:3px;padding:6px 9px;display:flex}.email-view-tag.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.email-view-tag-add{font:500 11px/1 var(--font-mono);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:3px;padding:6px 9px;display:flex}.email-view-tag-add:hover{border-color:var(--text-mid)}.email-tag-menu-wrap{position:relative}.email-tag-menu{background:var(--bg2);border:1px solid var(--border);z-index:10;border-radius:6px;min-width:140px;max-height:200px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.email-tag-menu-item{text-align:left;width:100%;font:400 11px/1.3 var(--font-sans);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:5px 8px;display:block}.email-tag-menu-item:hover{background:var(--border)}.email-tag-menu-new{color:var(--accent);align-items:center;gap:4px;display:flex}.email-tag-new-form{gap:4px;padding:4px;display:flex}.email-tag-new-input{font:400 11px/1 var(--font-mono);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:3px 6px}.email-view-actions{flex-wrap:wrap;gap:6px;display:flex}.email-view-reply-btn,.email-view-delete{font:500 13px/1 var(--font-sans);background:var(--surface);border:1px solid var(--border-mid);height:34px;color:var(--text);cursor:pointer;transition:border-color .15s, color .15s, transform .2s var(--ease-spring);border-radius:10px;align-items:center;gap:6px;padding:0 12px;display:flex}.email-view-reply-btn:active,.email-view-delete:active{transform:scale(.95)}.email-view-reply-btn:hover{border-color:var(--accent);color:var(--accent)}.email-view-delete:hover{border-color:var(--p1);color:var(--p1)}.email-view-divider{background:var(--border);flex-shrink:0;height:1px}.rsvp-bar{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.rsvp-label{font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-mid)}.rsvp-btns{gap:6px;display:flex}.rsvp-btn{cursor:pointer;font:500 11px/1 var(--font-sans);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:5px;align-items:center;gap:4px;padding:5px 12px;transition:background .12s,border-color .12s,color .12s;display:flex}.rsvp-btn:hover:not(:disabled){border-color:var(--text-mid)}.rsvp-btn:disabled{opacity:.5;cursor:default}.rsvp-btn.yes.active{color:#fff;background:#2e7d32;border-color:#2e7d32}.rsvp-btn.maybe.active{color:#1a1a1a;background:#ed9c28;border-color:#ed9c28}.rsvp-btn.no.active{background:var(--p1);border-color:var(--p1);color:#fff}.rsvp-status{font:400 11px/1.2 var(--font-sans);color:var(--text-mid)}.rsvp-status.ok{color:#4caf50}.rsvp-status.err{color:var(--p1)}.email-view-body{flex:1;min-height:150px;padding:14px;overflow-y:auto}.email-view-iframe{background:#fff;border:none;border-radius:10px;width:100%;height:100%;min-height:300px}.email-view-text{font:400 15px/1.6 var(--font-sans);color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0}.email-orig-toggle{cursor:pointer;width:100%;font:600 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--bg2);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-mid);text-align:left;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;display:flex}.email-orig-toggle:hover{color:var(--text)}.reply-compose{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;padding:10px 14px}.reply-compose.expanded,.reply-compose.expanded form{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.reply-compose.expanded .reply-body-input{resize:none;flex:1;min-height:120px}.reply-compose.expanded .rich-text-input{flex-direction:column;flex:1;min-height:0;display:flex}.reply-compose.expanded .rich-text-editable{flex:1;min-height:120px}.reply-compose-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.reply-compose-label{font:600 10px/1 var(--font-mono);color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em}.reply-from-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.reply-field-label{font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;color:var(--text-mid);text-transform:uppercase;min-width:40px}.reply-from-select{font:400 13px/1.3 var(--font-sans);background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:8px 10px}.reply-recipient-input{width:100%;font:400 11px/1.3 var(--font-mono);background:var(--bg);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:3px;outline:none;padding:4px 8px}.reply-recipient-input:focus{border-color:var(--accent)}.reply-recipient-input::placeholder{color:var(--text-mid);opacity:.7}.recipient-input-wrap{flex:1;position:relative}.gmail-compose-form .recipient-input-wrap{flex:none}.recipient-suggest{z-index:20;background:var(--bg2);border:1px solid var(--border);border-radius:6px;max-height:200px;padding:4px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.recipient-suggest-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:1px;width:100%;padding:5px 8px;display:flex}.recipient-suggest-item.active{background:var(--border)}.recipient-suggest-item .rs-name{font:500 11px/1.2 var(--font-sans);color:var(--text)}.recipient-suggest-item .rs-email{font:400 10px/1.2 var(--font-mono);color:var(--text-mid)}.reply-cc-toggles{flex-shrink:0;gap:4px;display:flex}.reply-cc-toggles button{font:600 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:1px solid var(--border);color:var(--text-mid);background:0 0;border-radius:3px;padding:4px 7px}.reply-cc-toggles button:hover{border-color:var(--accent);color:var(--accent)}.reply-body-input{width:100%;min-height:80px;font:400 12px/1.5 var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;padding:8px 10px}.reply-body-input:focus{border-color:var(--accent)}.reply-body-input::placeholder{color:var(--text-mid);opacity:.7}.rich-text-input{border:1px solid var(--border);background:var(--bg);border-radius:6px;overflow:hidden}.rich-text-input:focus-within{border-color:var(--accent)}.rich-text-toolbar{border-bottom:1px solid var(--border);background:var(--bg2);align-items:center;gap:2px;padding:4px 6px;display:flex}.rich-text-toolbar button{width:26px;height:26px;color:var(--text-mid);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.rich-text-toolbar button:hover{background:var(--border);color:var(--text)}.rich-text-color-wrap{display:flex;position:relative}.rich-text-palette{z-index:20;background:var(--bg2);border:1px solid var(--border);border-radius:6px;gap:5px;padding:6px;display:flex;position:absolute;top:30px;left:0;box-shadow:0 4px 14px #00000040}.rich-text-swatch{cursor:pointer;border:1px solid #0003;border-radius:50%;width:18px;height:18px;padding:0}.rich-text-swatch:hover{transform:scale(1.12)}.rich-text-editable{width:100%;min-height:80px;font:400 12px/1.5 var(--font-sans);color:var(--text);background:var(--bg);box-sizing:border-box;outline:none;padding:8px 10px;overflow-y:auto}.rich-text-editable:empty:before{content:attr(data-placeholder);color:var(--text-mid);opacity:.7;pointer-events:none}.rich-text-editable ul{margin:4px 0;padding-left:22px;list-style:outside}.rich-text-editable ol{margin:4px 0;padding-left:22px}.reply-draft-btn{height:36px;font:500 13px/1 var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border-mid);cursor:pointer;border-radius:10px;padding:0 14px}.reply-draft-btn:hover:not(:disabled){border-color:var(--text-dim);color:var(--text)}.reply-draft-btn:disabled{opacity:.4;cursor:default}.sig-field{margin-top:6px}.sig-field-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sig-field-toggle{cursor:pointer;font:400 11px/1 var(--font-mono);color:var(--text-mid);align-items:center;gap:6px;display:flex}.sig-field-toggle input{accent-color:var(--accent);cursor:pointer}.sig-field-preview-btn{font:400 11px/1 var(--font-mono);color:var(--text-dim);align-items:center;gap:3px;display:flex}.sig-field-preview-btn:hover{color:var(--text-mid)}.sig-field-preview{background:var(--bg2);border:1px solid var(--border);max-height:160px;color:var(--text-mid);border-radius:6px;margin-top:6px;padding:8px 10px;font-size:12px;overflow:auto}.sig-field-preview img{max-width:100%;height:auto}.reply-actions{background:inherit;justify-content:flex-end;gap:8px;margin-top:8px;padding:8px 0 2px;display:flex;position:sticky;bottom:0}.gmail-compose-panel .reply-actions{background:var(--surface)}.meet-toggle{cursor:pointer;text-align:left;background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--text-mid);border-radius:8px;align-items:center;gap:9px;padding:9px 12px;transition:border-color .15s,color .15s;display:flex}.meet-toggle:hover{border-color:var(--border-mid)}.meet-toggle.on{color:var(--text);border-color:var(--accent)}.meet-toggle-text{font:500 12px/1.3 var(--font-sans);flex:1}.meet-toggle-switch{background:var(--border-mid);border-radius:999px;flex-shrink:0;width:34px;height:18px;transition:background .15s;position:relative}.meet-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.meet-toggle-switch.on{background:var(--accent)}.meet-toggle-switch.on:after{transform:translate(16px)}.evt-bell{vertical-align:middle;color:var(--accent);flex-shrink:0;margin-top:-1px;margin-right:3px;display:inline-block}.event-reminder-stack{top:calc(64px + env(safe-area-inset-top));z-index:1000;pointer-events:none;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;right:16px}.event-reminder-toast{background:var(--bg2);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:auto;align-items:flex-start;gap:10px;padding:10px 12px;animation:.25s ease-out reminderSlideIn;display:flex}@keyframes reminderSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.event-reminder-icon{background:var(--accent-dim);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.event-reminder-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.event-reminder-title{font:600 12px/1.3 var(--font-sans);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-reminder-sub{font:400 11px/1.3 var(--font-mono);color:var(--text-mid)}.event-reminder-join{background:var(--accent);color:#000;font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:3px 8px;text-decoration:none;display:inline-flex}.event-reminder-join:hover{opacity:.85}.event-reminder-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.event-reminder-close:hover{color:var(--text)}.update-banner{background:var(--accent);color:var(--accent-contrast,#fff);font:500 13px/1.3 var(--font-sans);align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 1px 4px #00000026}.update-banner-icon{flex-shrink:0}.update-banner-text{flex:1;min-width:0}.update-banner-refresh{cursor:pointer;font:600 12px/1 var(--font-sans);color:var(--accent);background:var(--accent-contrast);border:none;border-radius:6px;flex-shrink:0;padding:5px 14px}.update-banner-refresh:hover{filter:brightness(.95)}.update-banner-close{cursor:pointer;width:24px;height:24px;color:var(--accent-contrast,#fff);opacity:.85;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.update-banner-close:hover{opacity:1;background:#0000001f}@media (width<=768px){.mail-col{padding:8px 12px 0}.gmail-drawer-header{padding:4px 2px 8px}.gmail-drawer-label{font-size:26px}.gmail-compose-btn,.gmail-refresh-btn,.gmail-account-tab{height:32px}.gmail-account-avatar{width:24px;height:24px;font-size:10px}.gmail-account-name{font-size:12.5px}.gmail-account-add{width:32px;height:32px}.gmail-search-bar{height:38px;margin-bottom:8px}.gmail-view-tabs{margin-bottom:8px}.gmail-view-tab{height:30px;font-size:12.5px}.gmail-message-list{gap:5px}.gmail-message-row{border-radius:12px;gap:10px;padding:9px 6px 9px 10px}.gmail-msg-avatar{width:32px;height:32px;font-size:11.5px}.gmail-msg-from{font-size:14px}.gmail-msg-subject{margin-top:1px;font-size:13px}.gmail-msg-snippet{margin-top:1px;font-size:12.5px}}