@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-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}[data-theme=light]{--bg:#f7f8fa;--bg2:#edeff2;--bg3:#e2e5ea;--bg4:#d6dae0;--text:#16191d;--text-mid:#5a616b;--text-dim:#8c929c;--accent:#1b4f72;--accent-dim:#1b4f721a;--border:#14181e14;--border-mid:#14181e26;--shadow:0 4px 24px #0000001f;--p1:#c0392b;--p2:#c0700a;--p3:#3a4fa8}*,: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}.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)}.project-sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:20px 16px;display:flex;overflow-y:auto}.sidebar-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;padding:0 4px;font-size:10px}.project-card{border-radius:var(--radius);background:var(--bg2);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.project-card-fill{background:color-mix(in srgb, var(--project-color) 22%, transparent);pointer-events:none;border-radius:var(--radius) 0 0 var(--radius);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.project-card-content{z-index:1;padding:8px 10px;position:relative}.project-card:before{content:"";background:var(--project-color,var(--text-dim));border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.project-card:hover{border-color:var(--border-mid);background:var(--bg4)}.project-card.active{border-color:var(--project-color,var(--accent));background:var(--bg4)}.project-card-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);margin-bottom:4px;padding-left:8px;font-size:14px;line-height:1.2}.project-pills{flex-wrap:wrap;gap:4px;margin-bottom:4px;padding-left:8px;display:flex}.priority-pill{font-family:var(--font-mono);border:1px solid;border-radius:10px;padding:2px 6px;font-size:10px}.priority-pill.p1{color:var(--p1);background:#ff6b6b14;border-color:#ff6b6b4d}.priority-pill.p2{color:var(--p2);background:#ffb34714;border-color:#ffb3474d}.priority-pill.p3{color:var(--p3);background:#7b8cde14;border-color:#7b8cde4d}.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}.project-card-row{justify-content:space-between;align-items:center;gap:6px;padding:0 0 0 6px;display:flex}.proj-delete-btn{opacity:0;flex-shrink:0;transition:opacity .15s}.project-card:hover .proj-delete-btn{opacity:1}.project-color-dot{cursor:pointer;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .15s,box-shadow .15s}.project-color-dot:hover{box-shadow:0 0 0 2px var(--bg3);transform:scale(1.3)}.project-color-picker{flex-wrap:wrap;gap:6px;padding:8px 8px 4px;display:flex}.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)}.alloc-row{align-items:center;gap:4px;margin-top:6px;padding-left:8px;padding-right:4px;display:flex}.alloc-btn{border:1px solid var(--border-mid);background:var(--bg2);width:22px;height:22px;color:var(--text-mid);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .1s,color .1s;display:flex}.alloc-btn:hover{background:var(--bg4);color:var(--text)}.proj-confirm-delete{background:var(--bg2);color:var(--text-mid);border:1px solid #ff6b6b4d;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;font-size:11px;display:flex}.add-project-btn{border-radius:var(--radius);border:1px dashed var(--border-mid);color:var(--text-mid);align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:flex}.add-project-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.report-btn{border-radius:var(--radius-sm);border:1px solid var(--border-mid);background:var(--bg2);color:var(--text-mid);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:7px;margin-bottom:10px;padding:7px 12px;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:flex}.report-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.tasklist-header{margin-bottom:16px}.tasklist-greeting{font-family:var(--font-serif);color:var(--text);font-size:26px;font-weight:400;line-height:1.1}.tasklist-subtitle{font-family:var(--font-serif);color:color-mix(in srgb, var(--text) 35%, transparent);margin-top:2px;font-size:16px;font-style:italic}.tasklist-project-name{font-family:var(--font-serif);color:color-mix(in srgb, var(--text) 35%, transparent);margin-top:2px;font-size:15px;font-style:italic}.project-filter-bar{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.project-filter-btn{font-family:var(--font-mono);border:1px solid var(--border-mid);color:var(--text-mid);letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;transition:background .12s,color .12s,border-color .12s}.project-filter-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--text) 30%, transparent)}.project-filter-btn.active{background:color-mix(in srgb, var(--pfb-color,var(--accent)) 18%, transparent);border-color:color-mix(in srgb, var(--pfb-color,var(--accent)) 60%, transparent);color:var(--pfb-color,var(--accent))}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.filter-tab{font-family:var(--font-mono);border:1px solid var(--border-mid);color:var(--text-mid);letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;transition:background .12s,color .12s,border-color .12s}.filter-tab:hover{color:var(--text);border-color:color-mix(in srgb, var(--text) 30%, transparent)}.filter-tab.active[data-id=all]{background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent)}.filter-tab.active[data-id=p1]{color:var(--p1);background:#ff6b6b1f;border-color:#ff6b6b80}.filter-tab.active[data-id=p2]{color:var(--p2);background:#ffb3471f;border-color:#ffb34780}.filter-tab.active[data-id=p3]{color:var(--p3);background:#7b8cde1f;border-color:#7b8cde80}.filter-tab.active[data-id=p4]{background:var(--bg3);border-color:var(--border-mid);color:var(--text)}.new-task-row{align-items:center;gap:8px;margin-bottom:20px;display:flex}.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;border-radius:var(--radius-sm);padding:9px 16px;font-size:11px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.85}[data-theme=light] .btn-primary{color:#fff}.task-section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;padding:8px 0 6px;font-size:10px}.task-list{flex-direction:column;gap:2px;display:flex}.task-item{border-radius:var(--radius-sm);group:true;border:1px solid #0000;align-items:flex-start;gap:10px;padding:9px 10px;transition:background .15s,border-color .15s;animation:.2s slideIn;display:flex;position:relative}.task-item:hover{background:var(--bg3);border-color:var(--border)}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-checkbox{border:1.5px solid var(--border-mid);appearance:none;cursor:pointer;background:0 0;border-radius:4px;width:16px;min-width:16px;height:16px;margin-top:1px;transition:background .15s,border-color .15s;position:relative}.task-checkbox:checked{background:var(--accent);border-color:var(--accent)}.task-checkbox:checked:after{content:"";border:2px solid #0a0a0a;border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.task-body{flex:1;min-width:0}.task-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;transition:color .15s;overflow:hidden}.task-item.completed .task-title{color:var(--text-dim);text-decoration:line-through}.task-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.task-tag{font-family:var(--font-mono);background:var(--bg4);color:var(--text-mid);border:1px solid var(--border);border-radius:10px;padding:2px 7px;font-size:10px}.task-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.task-item:hover .task-actions{opacity:1}.task-action-btn{width:26px;height:26px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.task-action-btn:hover{background:var(--bg4);color:var(--text)}.task-action-btn.delete:hover{color:var(--p1)}.task-time-select{font-family:var(--font-mono);background:var(--bg3);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;opacity:.5;border-radius:4px;min-width:40px;padding:2px 4px;font-size:10px;transition:opacity .15s}.task-item:hover .task-time-select{opacity:1}.task-notes{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-sans);resize:vertical;min-height:64px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.5;transition:border-color .12s}.task-notes:focus{border-color:var(--accent);outline:none}.task-action-btn.active{background:var(--bg4);color:var(--text);opacity:1}.task-time-chip{font-family:var(--font-mono);color:var(--text-dim);background:var(--bg3);border-radius:3px;padding:1px 5px;font-size:10px}.task-has-notes{color:var(--text-dim);font-size:11px;line-height:1}.task-add-note{font:400 9px/1 var(--font-mono);color:var(--text-dim);opacity:0;cursor:pointer;transition:opacity .15s}.task-item:hover .task-add-note{opacity:.6}.task-add-note:hover{color:var(--accent);opacity:1!important}.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{border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--p1);border:1px solid var(--p1);background:0 0;padding:8px 14px;transition:background .15s,color .15s}.btn-danger:hover{background:var(--p1);color:#fff}.task-pri-btns{opacity:1;gap:2px;display:flex}.proj-cal-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-mid);color:var(--text-mid);opacity:.7;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;transition:background .15s,color .15s,border-color .15s;display:flex}.proj-cal-btn:hover{background:var(--bg4);color:var(--accent);border-color:var(--accent);opacity:1}.task-pri-btn{font-family:var(--font-mono);color:var(--text-dim);opacity:.35;letter-spacing:.04em;border:1px solid #0000;border-radius:3px;padding:2px 5px;font-size:9px;transition:background .12s,color .12s,border-color .12s,opacity .12s}.task-pri-btn:hover{opacity:.7;background:var(--bg4);color:var(--text)}.task-pri-btn.active-p1{color:var(--p1);opacity:1;background:#ff6b6b14;border-color:#ff6b6b66}.task-pri-btn.active-p2{color:var(--p2);opacity:1;background:#ffb34714;border-color:#ffb34766}.task-pri-btn.active-p3{color:var(--p3);opacity:1;background:#7b8cde14;border-color:#7b8cde66}.task-pri-btn.active-p4{color:var(--text-mid);border-color:var(--border-mid);background:var(--bg3);opacity:1}.priority-dot{border-radius:50%;width:6px;min-width:6px;height:6px;margin-top:5px}.priority-dot.p1{background:var(--p1)}.priority-dot.p2{background:var(--p2)}.priority-dot.p3{background:var(--p3)}.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}.calendar-wrap{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.top-card-body{animation:.18s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-card-tabs{border-bottom:1px solid var(--border);display:flex}.top-card-tab{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:2px solid #0000;flex:1;padding:10px;font-size:10px;transition:color .15s,border-color .15s}.top-card-tab.active{color:var(--text);border-bottom-color:var(--accent)}.panel-section{padding:8px 16px}.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-day-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-day-title{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;display:flex}.cal-today-badge{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:9px}.day-view-scroll{flex:1;min-height:0;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-dim);letter-spacing:.04em;width:34px;min-width:34px;padding-top:2px;font-size:9px}.hour-line{background:var(--border);flex:1;height:1px;margin-top:6px}.day-event{background:var(--ocean);border-left:3px solid var(--accent);cursor:pointer;z-index:2;border-radius:4px;padding:3px 7px;transition:opacity .15s;position:absolute;left:42px;right:4px;overflow:hidden}.day-event:hover{opacity:.85}.day-time-block{cursor:pointer;z-index:1;border-radius:4px;padding:3px 7px;transition:opacity .15s;position:absolute;left:4px;right:4px;overflow:hidden}.day-time-block:hover{filter:brightness(1.1)}.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:#00000026}.day-block-proj{font-family:var(--font-mono);color:var(--block-color);opacity:.8;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.cal-add-btn{border-radius:var(--radius-sm);border:1px solid var(--border-mid);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:flex}.cal-add-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--text-mid)}.cal-add-btn.block{border-color:var(--accent);color:var(--accent)}.cal-add-btn.block:hover{background:var(--accent-dim)}.cal-view-btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-mid);color:var(--text-dim);background:0 0;padding:4px 10px;font-size:9px;transition:background .12s,color .12s}.cal-view-btn:first-child{border-radius:4px 0 0 4px}.cal-view-btn:last-child{border-left:none;border-radius:0 4px 4px 0}.cal-view-btn.active{background:var(--bg3);color:var(--text)}.week-grid-scroll{border:1px solid var(--border);border-radius:4px;flex:1;min-height:0;margin-top:2px;overflow:auto}.week-grid-wrap{min-width:500px;display:flex}.week-grid-gutter{z-index:4;background:var(--bg);flex-shrink:0;width:34px;position:sticky;left:0}.week-grid-corner{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;height:32px;position:sticky;top:0}.week-grid-time-lbl{height:44px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;text-align:right;border-top:1px solid var(--border);padding-top:2px;padding-right:4px;font-size:7px}.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(--bg);z-index:3;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:32px;transition:background .12s;display:flex;position:sticky;top:0}.week-grid-day-hdr:hover{background:var(--bg2)}.week-grid-day.today .week-grid-day-hdr{background:var(--accent-dim)}.week-grid-dow{font-family:var(--font-mono);color:var(--text-mid);letter-spacing:.08em;text-transform:uppercase;font-size:7px}.week-grid-day.today .week-grid-dow{color:var(--accent)}.week-grid-date{font-family:var(--font-mono);color:var(--text);font-size:12px;line-height:1}.week-grid-date.today-num{color:var(--accent);font-weight:600}.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:#d4ff0003}.week-grid-evt{cursor:pointer;z-index:1;background:#1b4f728c;border:1px solid #1b4f72b3;border-radius:3px;padding:2px 4px;line-height:1.2;transition:opacity .15s;position:absolute;left:1px;right:1px;overflow:hidden}.week-grid-evt:hover{opacity:.8;z-index:5}.week-grid-evt.block{opacity:.9;border-width:1px}.week-grid-evt-time{font-family:var(--font-mono);color:#fff9;letter-spacing:.04em;white-space:nowrap;font-size:7px}.week-grid-evt-title{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}[data-theme=light] .week-grid-evt{background:var(--accent);border-color:var(--accent)}[data-theme=light] .week-grid-evt-time{color:#fffc}[data-theme=light] .week-grid-evt-title{color:#fff}[data-theme=light] .day-event{background:var(--accent);border-color:var(--accent)}[data-theme=light] .day-event-time{color:#fffc!important}[data-theme=light] .day-event-title{color:#fff!important}.day-event-time{font-family:var(--font-mono);color:#e8e4dc99;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:9px}.day-event-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.day-evt-compact-row{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.day-evt-compact-row .day-event-title{flex:1}.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}@keyframes spin{to{transform:rotate(360deg)}}.pomodoro{flex-direction:column;align-items:center;gap:12px;display:flex}.pom-timer{font-family:var(--font-display);letter-spacing:.05em;color:var(--text);font-size:48px;line-height:1}.pom-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);font-size:10px}.pom-controls{gap:8px;display:flex}.pom-btn{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 18px;font-size:11px;transition:background .15s,color .15s}.pom-btn.start{background:var(--accent);color:#0a0a0a}.pom-btn.pause{background:var(--bg4);color:var(--text)}.pom-btn.reset{background:var(--bg3);color:var(--text-mid)}.pom-btn:hover{opacity:.85}.pom-dots{gap:6px;display:flex}.pom-dot{border:1.5px solid var(--border-mid);background:0 0;border-radius:50%;width:8px;height:8px;transition:background .2s,border-color .2s}.pom-dot.filled{background:var(--accent);border-color:var(--accent)}.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-goal-row{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.focus-adj-btn{border-radius:var(--radius-sm);border:1px solid var(--border-mid);width:32px;height:32px;color:var(--text-mid);font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:background .12s,color .12s;display:flex}.focus-adj-btn:hover{background:var(--bg3);color:var(--text)}.focus-goal-display{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);cursor:text;flex-direction:column;align-items:center;gap:1px;padding:6px 20px;transition:border-color .12s;display:flex}.focus-goal-display:hover{border-color:var(--accent)}.focus-goal-num{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;font-size:33px;line-height:1}.focus-goal-unit{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.06em;font-size:14px}.focus-goal-input{background:var(--bg2);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-display);color:var(--text);text-align:center;letter-spacing:.04em;outline:none;flex:1;padding:6px 10px;font-size:28px}.focus-stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex:1;padding:8px 4px}.focus-stat-num{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;font-size:22px;line-height:1}.focus-stat-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:8px}.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(--bg2);border:1px solid var(--border-mid);border-radius:var(--radius);width:360px;box-shadow:var(--shadow);padding:36px 40px}.weekly-goal-heading{font-family:var(--font-serif);color:var(--text);margin-bottom:8px;font-size:26px;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(--bg3);border:1px solid var(--border-mid);border-radius:var(--radius-sm);width:90px;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}.project-card-rename-input{background:var(--bg3);border:1px solid var(--accent);min-width:0;font-family:var(--font-display);letter-spacing:.06em;color:var(--text);border-radius:4px;outline:none;flex:1;padding:2px 6px;font-size:14px}.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{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg2);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow);padding:28px;animation:.15s scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{font-family:var(--font-serif);color:var(--text);margin-bottom:20px;font-size:20px}.modal-close{width:28px;height:28px;color:var(--text-mid);border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--bg3);color:var(--text)}.form-group{margin-bottom:14px}.form-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);margin-bottom:6px;font-size:10px;display:block}.form-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:9px 12px;font-size:13px;transition:border-color .15s}.form-input:focus{border-color:var(--border-mid);outline:none}.form-input::placeholder{color:var(--text-dim)}.form-select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;appearance:none;padding:9px 12px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg3);color:var(--text-mid);padding:8px 16px;font-size:13px;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--bg4);color:var(--text)}.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}.project-sidebar,.main-panel,.right-col,.col-resizer{display:none!important}.project-sidebar.mobile-active,.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:8px 0;padding-bottom:calc(8px + 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{color:var(--text-mid);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;font-size:9px;transition:color .15s;display:flex}.mobile-nav-btn.active{color:var(--accent)}.header{padding:6px 12px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);gap:8px}.header-tagline,.sync-pill{display:none}.new-task-row{flex-wrap:wrap}.new-task-row .new-task-input{min-width:100%}.right-col.mobile-active .top-card-area{flex:1;overflow:hidden auto}.cal-controls-row{flex-wrap:wrap;gap:6px}.cal-view-btns{margin-left:0!important}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,.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-input{font-size:16px!important}}@media (width>=769px){.mobile-nav{display:none}}.gmail-drawer{width:100%}.gmail-drawer-header{cursor:pointer;width:100%;color:var(--text);font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;display:flex}.gmail-drawer-label{font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:1px}.gmail-unread-badge{background:var(--accent);color:var(--bg);text-align:center;border-radius:10px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700}.gmail-drawer-spacer{flex:1}.gmail-compose-btn{background:var(--accent-dim);border-radius:var(--radius-sm);color:var(--accent);font:700 10px/1 var(--font-mono);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:1px solid #d4ff0040;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.gmail-compose-btn:hover{background:#d4ff0033}.gmail-refresh-btn{color:var(--text-mid);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.gmail-refresh-btn:hover{color:var(--text)}.gmail-refresh-btn .spinning{animation:.8s linear infinite spin}.gmail-drawer-body{max-height:0;transition:max-height .25s;overflow:hidden}.gmail-drawer.open .gmail-drawer-body{max-height:600px;overflow-y:auto}.project-sidebar.mail-mode{padding-top:8px}.project-sidebar.mail-mode .gmail-drawer{flex-direction:column;flex:1;min-height:0;display:flex}.project-sidebar.mail-mode .gmail-drawer.open .gmail-drawer-body{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.sidebar-projects{flex-direction:column;gap:8px;transition:max-height .25s;display:flex}@media (width>=769px){.project-sidebar.mail-open .sidebar-projects{flex:0 auto;min-height:0;max-height:35%;overflow-y:auto}.project-sidebar.mail-open .gmail-drawer{flex-direction:column;flex:1;min-height:0;display:flex}.project-sidebar.mail-open .gmail-drawer.open .gmail-drawer-body{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.project-sidebar.mail-open .gmail-message-list{flex:1;min-height:0;overflow-y:auto}.project-sidebar.mail-open .gmail-accounts-row{flex-shrink:0}}.project-sidebar.mail-mode .gmail-message-list{flex:1;min-height:0;overflow-y:auto}.project-sidebar.mail-mode .gmail-accounts-row{flex-shrink:0}.gmail-empty-state{text-align:center;padding:16px 12px}.gmail-connect-btn{background:var(--accent-dim);color:var(--accent);border-radius:var(--radius-sm);font:500 11px/1 var(--font-sans);cursor:pointer;border:1px solid #d4ff0033;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.gmail-connect-btn:hover{background:#d4ff002e}.gmail-accounts-row{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.gmail-account-tab{background:var(--accent-dim);font:500 11px/1 var(--font-sans);color:var(--accent);cursor:pointer;border:1px solid #d4ff0033;border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 4px;transition:background .15s;display:inline-flex}.gmail-account-tab.active{border-color:var(--accent);background:#d4ff0033}.gmail-account-tab:hover{background:#d4ff0026}.gmail-account-avatar{background:var(--accent);width:18px;height:18px;color:var(--bg);font:700 10px/1 var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.gmail-account-name{font:500 11px/1 var(--font-sans)}.gmail-account-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 0 0 2px;display:flex}.gmail-account-remove:hover{color:var(--p1)}.gmail-account-add{border:1px dashed var(--text-dim);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.gmail-account-add:hover{border-color:var(--accent);color:var(--accent)}.gmail-compose-panel{background:var(--bg3);border:1px solid var(--border-mid);border-radius:var(--radius-sm);margin:6px 12px;padding:10px}.gmail-compose-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gmail-compose-title{font:600 11px/1 var(--font-mono);color:var(--text);text-transform:uppercase;letter-spacing:.5px}.gmail-compose-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.gmail-compose-close:hover{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-mid);width:100%;color:var(--text);font:400 11px/1.4 var(--font-sans);box-sizing:border-box;resize:vertical;border-radius:4px;outline:none;padding:6px 8px}.gmail-compose-input:focus,.gmail-compose-panel textarea:focus{border-color:var(--accent)}.gmail-view-tabs{gap:0;padding:4px 12px;display:flex}.gmail-view-tab{color:var(--text-dim);font:600 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 10px}.gmail-view-tab.active{color:var(--text);border-bottom-color:var(--accent)}.gmail-view-tab:hover{color:var(--text-mid)}.gmail-search-bar{background:var(--bg2);border:1px solid var(--border-mid);border-radius:var(--radius-sm);align-items:center;gap:6px;margin:6px 12px 4px;padding:5px 8px;transition:border-color .15s;display:flex}.gmail-search-bar:focus-within{border-color:var(--accent)}.gmail-search-icon{color:var(--text-dim);flex-shrink:0}.gmail-search-input{color:var(--text);font:400 11px/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-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.gmail-search-clear:hover{color:var(--text)}.gmail-labels-bar{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 12px;display:flex}.gmail-label-chip{background:var(--bg3);border:1px solid var(--border);font:500 10px/1 var(--font-sans);color:var(--text-mid);cursor:pointer;border-radius:12px;align-items:center;gap:3px;padding:2px 8px;transition:all .15s;display:inline-flex}.gmail-label-chip:hover{border-color:var(--accent);color:var(--accent)}.gmail-label-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.gmail-label-new{border-style:dashed}.gmail-new-label-form{align-items:center;gap:4px;padding:4px 12px;display:flex}.gmail-new-label-input{background:var(--bg2);border:1px solid var(--border-mid);color:var(--text);font:400 11px/1 var(--font-sans);border-radius:4px;outline:none;flex:1;padding:4px 8px}.gmail-new-label-input:focus{border-color:var(--accent)}.gmail-new-label-submit{background:var(--accent-dim);color:var(--accent);font:600 10px/1 var(--font-mono);cursor:pointer;border:1px solid #d4ff0033;border-radius:4px;padding:4px 10px}.gmail-no-labels{font:400 10px/1 var(--font-sans);color:var(--text-dim);padding:4px 12px}.gmail-status-row{text-align:center;padding:12px}.gmail-status-text{font:400 11px/1 var(--font-sans);color:var(--text-dim)}.gmail-status-error .gmail-status-text{color:var(--p1)}.gmail-retry-btn{border:1px solid var(--border-mid);color:var(--text-mid);font:500 10px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;margin-top:6px;padding:4px 10px}.gmail-retry-btn:hover{border-color:var(--accent);color:var(--accent)}.gmail-message-list{padding:0 4px 8px}.gmail-message-row{border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:8px;padding:8px;transition:background .12s;display:flex;position:relative}.gmail-message-row:hover{background:var(--bg3)}.gmail-message-row.loading{opacity:.5;pointer-events:none}.gmail-msg-dot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.gmail-message-row.unread .gmail-msg-dot{background:var(--accent)}.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 12px/1.3 var(--font-sans);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gmail-message-row.unread .gmail-msg-from{font-weight:700}.gmail-msg-date{font:400 10px/1 var(--font-mono);color:var(--text-dim);white-space:nowrap}.gmail-msg-subject{font:400 11px/1.3 var(--font-sans);color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gmail-msg-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.gmail-msg-tag{background:var(--accent-dim);color:var(--accent);font:600 9px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d4ff0033;border-radius:10px;max-width:140px;padding:2px 7px;overflow:hidden}.gmail-msg-delete{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-self:center;align-items:center;padding:4px;transition:color .12s,background .12s;display:flex}.gmail-msg-delete:hover{color:var(--p1);background:var(--bg2)}.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);font:500 11px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;padding:5px 12px}.reply-cancel-btn:hover{border-color:var(--text-dim)}.reply-send-btn,.gmail-compose-send{background:var(--accent);color:var(--bg);font:600 11px/1 var(--font-sans);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:5px 14px;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;align-items:center;gap:4px;margin-bottom:6px;display:flex}.email-attachments-list{flex-wrap:wrap;gap:6px;display:flex}.email-attachment-chip{font:400 11px/1 var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;display:flex}.email-attachment-chip:hover{border-color:var(--accent);color:var(--accent)}.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 10px/1 var(--font-mono);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:3px;padding:4px 8px;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-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);z-index:901;pointer-events:auto;resize:both;border-radius:10px;flex-direction:column;width:600px;min-width:380px;max-width:95vw;height:80vh;min-height:320px;max-height:92vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #0009}.email-view-titlebar{background:var(--bg2);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:10px 14px;display:flex}.email-view-titlebar:active{cursor:grabbing}.email-view-title{font:600 12px/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-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.email-view-close:hover{color:var(--text);background:var(--border)}.email-view-meta{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px}.email-view-meta-row{font:400 11px/1.4 var(--font-sans);align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.email-meta-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:36px;font-size:10px;font-weight:600}.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-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.email-view-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex}.email-view-tag{font:500 9px/1 var(--font-mono);background:var(--bg2);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;border-radius:3px;align-items:center;gap:3px;padding:3px 7px;display:flex}.email-view-tag.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.email-view-tag-add{font:500 10px/1 var(--font-mono);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:3px;padding:3px 8px;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;flex-shrink:0;gap:6px;display:flex}.email-view-reply-btn,.email-view-delete{font:500 10px/1 var(--font-mono);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;display:flex}.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:4px;width:100%;height:100%;min-height:300px}.email-view-text{font:400 12px/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{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.reply-compose.expanded form{flex-direction:column;flex:1;min-height:0;display:flex}.reply-compose.expanded .reply-body-input{resize:none;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:600 9px/1 var(--font-mono);color:var(--text-mid);text-transform:uppercase;min-width:32px}.reply-from-select{font:400 11px/1.3 var(--font-mono);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:3px 6px}.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}.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{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.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)}