:root{font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1d2941;background:#f6f8fc;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg:#f6f8fc;--surface:#fff;--surface2:#f8faff;--ink:#202a41;--muted:#8a95a9;--stroke:#e9edf6;--blue:#6079dc;--bluewash:#edf1ff;--shadow:0 16px 52px rgba(37,48,86,.052);--glass:rgba(255,255,255,.76);--menu:#fff;--outline:#b9c7ed;}
:root[data-theme='dark']{--bg:#101725;--surface:#182133;--surface2:#1c2840;--ink:#e5ebf6;--muted:#95a3bb;--stroke:#2d3a4e;--blue:#9aacff;--bluewash:#2d3960;--shadow:0 16px 52px rgba(0,0,0,.18);--glass:rgba(28,37,57,.79);--menu:#182133;--outline:#617bbf;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--outline);outline-offset:2px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,strong{letter-spacing:-.025em}h1,h2{font-family:Manrope,'DM Sans',sans-serif}p{line-height:1.58}input,textarea,select{color:var(--ink)}.app-shell{min-height:100vh;display:flex;background:radial-gradient(ellipse 330px 380px at 95% 0%,rgba(216,224,255,.32),transparent 80%),radial-gradient(ellipse 360px 350px at 45% 110%,rgba(222,243,244,.42),transparent 74%),var(--bg)}
.sidebar{background:var(--glass);border-right:1px solid var(--stroke);width:267px;min-width:267px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:25;backdrop-filter:blur(30px) saturate(155%);box-shadow:4px 0 25px rgba(46,63,110,.018)}.brand-row{height:91px;padding:27px 25px;display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(135deg,#91a3ff,#596fd6 70%,#5870c2);box-shadow:inset 0 1px 1px #ffffff80,0 9px 22px #758ce665}.brand-type{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.065em;line-height:1}.brand-type span{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:.23em;color:var(--muted);margin-top:5px}.side-nav{padding:8px 13px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--stroke) transparent}.menu-link{height:42px;width:100%;border:0;background:transparent;display:flex;align-items:center;text-align:left;padding:0 14px;gap:14px;color:#738198;border-radius:13px;font-weight:600;margin:2px 0}.menu-link:hover,.area-link:hover,.project-link:hover{background:var(--surface2)}.menu-link.active{color:var(--blue);background:var(--bluewash);box-shadow:inset 0 0 0 1px rgba(112,136,242,.06)}.menu-link span:nth-child(2){flex:1}.menu-count{min-width:20px;text-align:center;background:var(--surface2);border-radius:7px;color:var(--muted);font-size:11px;padding:3px 5px}.side-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#9da9bd;letter-spacing:.12em;padding:24px 14px 9px}.side-label button{border:0;background:none;display:grid;place-items:center;border-radius:6px;color:#91a0bd}.area-link{display:flex;align-items:center;width:100%;border:0;background:none;border-radius:10px;padding:11px 13px 8px;gap:10px;font-size:13px;font-weight:800;text-align:left}.area-link.selected,.project-link.selected{background:var(--bluewash)}.area-link svg{color:#a6b0c3}.area-dot{display:inline-block;height:9px;width:9px;border-radius:50%;box-shadow:0 0 0 4px var(--surface2)}.area-count{margin-left:auto;color:var(--muted);font-size:11px}.projects{padding:0 0 6px 14px}.project-link{display:flex;gap:10px;align-items:center;height:31px;max-width:100%;width:100%;border:0;text-align:left;border-radius:9px;background:none;color:#8390a4;font-size:11px;font-weight:500;padding:4px 9px}.project-link span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-mini-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.66}.side-label-bottom{padding-top:19px}.side-bottom{margin-top:auto;padding:11px 14px 19px;border-top:1px solid var(--stroke)}.settings-link{display:flex;align-items:center;gap:10px;width:100%;height:42px;background:none;border:none;color:#8391a7;font-weight:600;text-align:left;padding:0 10px}.settings-link span{flex:1}.sidebar-account{display:flex;gap:10px;align-items:center;padding:16px 5px 0;margin-top:9px;border-top:1px solid var(--stroke)}.avatar{height:36px;width:36px;border-radius:13px;background:linear-gradient(135deg,#9aaee9,#d5d9ff);color:#304c93;display:grid;place-items:center;font-weight:800}.sidebar-account strong,.sidebar-account small{display:block}.sidebar-account strong{font-size:10px;font-weight:800}.sidebar-account small{font-size:10px;color:var(--muted);margin-top:3px}.online-dot{width:6px;height:6px;background:#5fc5ac;border-radius:50%;margin-left:auto}.workspace{width:calc(100% - 267px);min-width:0}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 49px;border-bottom:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(25px) saturate(180%);position:sticky;top:0;z-index:13}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}.crumb{color:var(--muted);font-size:12px;font-weight:600}.crumb-sep{color:#c4cbd7}.crumb-active{font-weight:800;font-size:12px}.topbar-actions{gap:16px}.icon-btn{width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;border-radius:10px;color:#78869d}.icon-btn:hover,.theme-toggle:hover{background:var(--surface2)}.topbar-divider{height:23px;width:1px;background:var(--stroke)}.theme-toggle{border:0;background:none;display:grid;place-items:center;width:34px;height:34px;color:#7b8ba5;border-radius:10px}.primary-btn,.light-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:0 16px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.primary-btn{background:linear-gradient(145deg,#7e93f2,#5974d9);color:white;box-shadow:0 6px 14px #617cdb44,inset 0 1px 1px #ffffff91}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 9px 16px #617cdb44}.light-btn{background:var(--surface2);border-color:var(--stroke);color:var(--ink)}.light-btn:hover{border-color:var(--outline)}.workspace-inner{max-width:1430px;margin:0 auto;padding:38px 48px 120px}.page-head{display:flex;justify-content:space-between;margin:0 0 29px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#97a4bd;text-transform:uppercase;margin-bottom:9px}.page-head h1{font-size:33px;line-height:1.2;font-weight:800;letter-spacing:-.07em}.page-head p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.65}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{position:relative;background:var(--surface);border:1px solid var(--stroke);border-radius:20px;min-height:122px;display:flex;align-items:flex-start;padding:22px;gap:15px;box-shadow:var(--shadow);overflow:hidden}.stat-card:after{content:"";position:absolute;width:100px;height:100px;right:-39px;top:-50px;border-radius:50%;background:linear-gradient(155deg,#edf1ff79,transparent)}.stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.stat-icon.blue{background:#eff2ff;color:#647fdb}.stat-icon.amber{background:#fff5e8;color:#e6a65b}.stat-icon.green{background:#e9f8f3;color:#43a992}.stat-card small{display:block;font-size:11px;font-weight:600;color:var(--muted);padding:3px 0 6px}.stat-card strong{font-family:Manrope,sans-serif;display:block;font-size:24px;font-weight:800;letter-spacing:-.055em}.stat-card strong span{color:#b0bbcb;font-size:13px;letter-spacing:0}.stat-note{position:absolute;left:79px;bottom:17px;font-size:10px;color:#b0bbcc}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.main-column,.right-column{display:flex;flex-direction:column;gap:20px}.panel{background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.focus-panel{padding:22px 24px 12px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:19px}.section-head h2{font-size:15px;font-weight:800;letter-spacing:-.04em}.label-with-icon{display:flex;align-items:center;gap:9px;color:var(--blue)}.label-with-icon h2{color:var(--ink)}.section-head p{color:var(--muted);font-size:11px;margin:7px 0 0 27px}.subtle-counter{font-size:10px;color:#96a4b8;border:1px solid var(--stroke);padding:6px 10px;background:var(--surface2);border-radius:8px;white-space:nowrap}.task-row{min-height:70px;display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--stroke);transition:background .17s}.task-row:hover{background:var(--surface2)}.task-focus{border:1px solid var(--stroke);background:var(--surface2);border-radius:13px;margin-bottom:9px;padding:9px 10px 9px 12px;min-height:74px}.task-focus:hover{background:var(--bluewash)}.focus-number{color:#a5b0c6;font:800 12px Manrope,sans-serif;padding:0 4px}.task-check{width:21px;height:21px;border:1.6px solid #b8c6d9;border-radius:7px;display:grid;place-items:center;background:var(--surface);flex-shrink:0;color:#fff}.task-check:hover{border-color:var(--blue)}.task-check.checked{background:#70bda6;border-color:#70bda6}.task-details{border:0;min-width:0;flex:1;background:none;text-align:left;padding:0;display:block}.task-details>strong{font-size:12px;font-weight:800;display:block;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.task-done .task-details>strong{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;align-items:center;gap:9px;color:#a5b0c1;font-size:10px;margin-top:5px;white-space:nowrap;min-width:0}.task-meta>span:nth-child(2){max-width:190px;overflow:hidden;text-overflow:ellipsis}.tag{font-size:9px;line-height:1;padding:5px 7px;border-radius:6px;letter-spacing:.01em;font-weight:800;flex-shrink:0}.area-tag{color:var(--tag);background:color-mix(in srgb,var(--tag),transparent 89%)}.muted-tag{color:#8290a6;background:var(--surface2)}.task-meta .due{display:inline-flex;align-items:center;gap:3px;color:#8394ad}.task-meta .overdue{color:#dd7e72}.task-commands{display:flex;align-items:center;gap:3px;margin-left:auto}.star-btn,.task-play{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;color:#a3afc1;background:transparent}.star-btn:hover,.task-play:hover{background:var(--bluewash)}.star-btn.on{color:#ecb557}.task-play{color:#8395b4}.task-play.playing{color:#5aaf98;background:#e7f7f0}.task-panel{padding:23px 0 0}.task-panel>.section-head{padding:0 23px 18px}.task-panel .quick-add{border-top:1px solid var(--stroke);padding:16px 22px 18px}.quick-add form{display:flex;align-items:center;gap:9px}.quick-add label{display:grid;color:#97a8c4;place-items:center}.quick-add input{flex:1;border:0;background:none;outline:none;min-width:0;font-size:12px}.quick-add input::placeholder{color:#a8b4c8}.quick-add form button{background:var(--bluewash);color:var(--blue);width:29px;height:29px;border:0;border-radius:8px;display:grid;place-items:center}.quick-add small{font-size:10px;display:block;color:#b1bac9;margin:3px 0 0 27px}.empty-task,.empty-sm{display:flex;align-items:center;flex-direction:column;text-align:center;padding:32px 18px;color:var(--muted);gap:5px}.empty-sm{flex-direction:row;text-align:left;padding:12px 4px 23px;gap:15px}.empty-task strong,.empty-sm strong{font-size:12px;color:var(--ink)}.empty-task p,.empty-sm p{font-size:11px;max-width:280px;margin-top:3px}.empty-icon{width:44px;height:44px;border-radius:14px;background:var(--bluewash);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.empty-sm .empty-icon{width:42px;height:42px}.compact-panel{padding-top:19px}.compact-panel>.section-head{padding:0 22px 12px}.counter-warn{font-size:10px;color:#ca806f}.mini-panel{padding:23px 20px}.right-head{align-items:center;padding-bottom:22px}.right-head svg{color:#9eacc1}.week-bars{display:flex;flex-direction:column;gap:7px}.week-bar-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 3px}.week-bar-top span{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.week-bar-top span i{height:6px;width:6px;border-radius:50%}.week-bar-top strong{font-size:11px;font-weight:800}.week-track{height:7px;background:var(--surface2);border-radius:9px;overflow:hidden;margin-bottom:12px}.week-track>div{height:100%;border-radius:9px;min-width:0;transition:width .2s}.text-link{border:0;background:none;display:flex;align-items:center;gap:7px;padding:6px 0;color:var(--blue);font-size:11px;font-weight:800;margin-top:9px}.area-summary{width:100%;display:flex;align-items:center;gap:11px;text-align:left;background:none;border:0;padding:10px 0}.area-summary:not(:last-of-type){border-bottom:1px solid var(--stroke)}.big-area-icon{height:39px;width:39px;border-radius:13px;background:color-mix(in srgb,var(--a),transparent 90%);color:var(--a);display:grid;place-items:center}.area-summary>span:nth-child(2){flex:1}.area-summary strong{display:block;font-size:12px}.area-summary small{font-size:10px;color:var(--muted);margin-top:4px;display:block}.area-summary>svg{color:#9cacc2}.hint-card{border-radius:17px;border:1px solid #e7e9fa;background:linear-gradient(135deg,#f0f0ff,#e9f1ff 70%,#e8f8f3);padding:22px 24px;min-height:152px;color:#465783}.hint-card strong{display:block;font-size:12px;margin:8px 0 6px}.hint-card p{font-size:11px;line-height:1.65;color:#7886a8}.hint-symbol{font-size:21px;color:#899ae7}.prototype-banner{display:flex;align-items:center;gap:9px;padding-top:32px;color:var(--muted);font-size:10px}.prototype-banner button{border:0;background:none;color:var(--blue);font-size:10px;font-weight:800;padding:0}.list-main{padding:0;min-height:170px}.list-toolbar{display:flex;align-items:center;gap:14px;padding:20px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:9px;background:var(--surface2);border:1px solid var(--stroke);border-radius:10px;height:40px;padding:0 12px;min-width:160px;flex:1;color:#9babc2}.search-field input{background:none;border:0;outline:none;width:100%;font-size:12px}.segmented{display:flex;background:var(--surface2);border-radius:11px;padding:4px;gap:2px;overflow-x:auto;max-width:100%}.segmented button{border:0;background:none;font-size:10px;white-space:nowrap;padding:7px 10px;border-radius:8px;color:var(--muted);font-weight:700}.segmented button.sel{background:var(--surface);box-shadow:0 2px 7px #111e3b0d;color:var(--ink)}.list-results{border-top:1px solid var(--stroke)}.journal-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.journal-total{display:flex;align-items:center;gap:14px}.journal-total>span{display:grid;place-items:center;background:var(--bluewash);color:var(--blue);border-radius:13px;width:44px;height:44px}.journal-total small{display:block;font-size:10px;color:var(--muted)}.journal-total strong{font-size:19px;font-family:Manrope,sans-serif}.journal-buttons{display:flex;gap:10px}.journal-actions+.panel>.section-head{padding:24px}.session-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--stroke);padding:16px 24px}.session-glyph{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);color:var(--blue)}.session-body{flex:1;min-width:0}.session-body strong{display:block;font-size:12px}.session-body p{font-size:11px;color:var(--muted);margin-top:4px}.session-body small{font-size:10px;color:#a7b1c3}.session-duration{font-weight:800;font-size:11px;white-space:nowrap}.big-week-panel{padding:23px;min-height:215px}.big-week-panel .week-bar-top{margin-bottom:7px}.weekly-note{border-top:1px solid var(--stroke);margin-top:16px;padding-top:14px;color:var(--muted);font-size:11px;line-height:1.5}.week-note{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--stroke)}.week-note .mini-dot{height:8px;width:8px;border-radius:50%;margin-top:5px}.week-note strong{display:block;font-size:11px}.week-note small{display:block;color:var(--muted);margin-top:3px}.running-timer{display:flex;align-items:center;gap:11px;background:color-mix(in srgb,#d9f1e8,var(--surface) 75%);border:1px solid #cae8df;border-radius:13px;padding:10px 14px;margin-bottom:18px}.pulse-dot{height:8px;width:8px;background:#51b89b;border-radius:50%;box-shadow:0 0 0 5px #c5f0e3;animation:pulse 2s infinite}.running-title{flex:1;min-width:0}.running-title small{font-size:10px;display:block;color:#5b9b84}.running-title strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-counter{font:800 14px Manrope,sans-serif}.timer-stop{background:#e1f4ed!important;color:#4b997e}@keyframes pulse{50%{box-shadow:0 0 0 8px #c5f0e300}}
.overlay,.modal-overlay,.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,26,50,.31);backdrop-filter:blur(4px);z-index:28}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(490px,100vw);background:var(--surface);z-index:29;box-shadow:-12px 0 50px #00000019;display:flex;flex-direction:column}.drawer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:17px 23px;font-weight:800;font-size:12px}.drawer-top>span{display:flex;align-items:center;gap:8px}.drawer form{min-height:0;display:flex;flex-direction:column;flex:1}.drawer-head{padding:25px 25px 18px}.field-label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:8px}.task-title-input{font:800 20px Manrope,sans-serif;letter-spacing:-.04em;width:100%;border:0;border-bottom:1px solid var(--stroke);padding:9px 0 15px;outline:none;background:transparent}.drawer-scroll{padding:2px 25px 25px;flex:1;overflow-y:auto;min-height:0}.drawer-scroll textarea,.modal textarea{width:100%;resize:vertical;background:var(--surface2);border:1px solid var(--stroke);border-radius:12px;padding:12px;font-size:12px;line-height:1.5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.field-grid label,.modal-body>label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.field-grid input,.field-grid select,.modal input,.modal select{height:40px;min-width:0;background:var(--surface2);border:1px solid var(--stroke);border-radius:10px;padding:0 10px;font-size:12px;width:100%}.drawer-timer{margin:24px 0 22px;background:var(--surface2);border:1px solid var(--stroke);border-radius:13px;padding:15px;display:flex;align-items:center;justify-content:space-between}.drawer-timer strong,.drawer-timer small{display:block}.drawer-timer strong{font-size:12px}.drawer-timer small{font-size:10px;margin-top:3px;color:var(--muted)}.drawer-section-title{font-size:12px;font-weight:800;margin:24px 0 10px}.drawer-history{border-left:2px solid #a1b0ea;padding:4px 0 8px 13px;margin:8px 0}.drawer-history strong{font-size:11px}.drawer-history p{font-size:11px;color:var(--muted);margin-top:5px}.hint-muted{color:var(--muted);font-size:11px}.event-text{font-size:11px;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--stroke)}.event-text span{color:var(--muted)}.drawer-bottom{border-top:1px solid var(--stroke);padding:16px 25px;display:flex;align-items:center;justify-content:space-between}.danger-text{display:flex;gap:7px;align-items:center;border:0;background:none;color:#d57272;font-size:11px;font-weight:800}.modal-overlay{z-index:32}.modal{position:fixed;top:50%;left:50%;width:min(455px,calc(100vw - 28px));transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--stroke);border-radius:21px;box-shadow:0 24px 100px #00000035;z-index:33;max-height:min(94vh,900px);overflow-y:auto}.modal-header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke)}.modal-header h2{font-size:17px}.modal-body{padding:21px 24px;display:flex;flex-direction:column;gap:18px}.modal-body .field-grid{margin:0}.modal-body label{gap:8px}.modal input,.modal select{margin-top:6px}.modal textarea{margin-top:6px}.modal-bottom{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:16px 24px;border-top:1px solid var(--stroke)}.form-help,.modal-info{font-size:11px;color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 15px;border-bottom:1px solid var(--stroke)}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:12px}.setting-row small{font-size:10px;color:var(--muted);margin-top:5px;max-width:230px}.setting-row .light-btn{flex-shrink:0}.privacy-info{border-radius:12px;background:var(--surface2);padding:14px;color:var(--muted);font-size:11px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:45;background:#263d65;color:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:12px 19px;box-shadow:0 14px 40px #0002;font-size:12px;font-weight:700}.mobile-nav,.mobile-close,.mobile-menu{display:none}
:root[data-theme='dark'] .hint-card{background:linear-gradient(140deg,#27304c,#20334b);color:#d7e0ff;border-color:#343e5a}:root[data-theme='dark'] .hint-card p{color:#9eafd2}:root[data-theme='dark'] .stat-icon.blue{background:#2f3b60;color:#9cacff}:root[data-theme='dark'] .stat-icon.green{background:#1f433e;color:#83d9c4}:root[data-theme='dark'] .stat-icon.amber{background:#483824;color:#ffcd8e}:root[data-theme='dark'] .pulse-dot{box-shadow:0 0 0 4px #305848}
:root.less-glass .sidebar,:root.less-glass .topbar{backdrop-filter:none;background:var(--surface)}
@media(max-width:1250px){.workspace-inner{padding:34px 32px 100px}.topbar{padding:0 32px}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.stat-card{padding:17px}.stat-note{left:71px}.task-row{padding:11px 15px}}@media(max-width:1080px){.right-column{display:grid;grid-template-columns:1fr 1fr}.content-grid{display:flex;flex-direction:column}.main-column,.right-column{width:100%}.right-column{gap:15px}.sidebar{width:240px;min-width:240px}.workspace{width:calc(100% - 240px)}}@media(max-width:820px){.sidebar{position:fixed;width:268px;min-width:268px;transform:translateX(-110%);transition:transform .22s ease;height:100dvh;z-index:31;box-shadow:12px 0 45px #1b274335}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{z-index:30}.mobile-close,.mobile-menu{display:grid}.mobile-close{margin-left:auto}.workspace{width:100%}.topbar{padding:0 20px;height:67px}.workspace-inner{padding:28px 21px 110px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:22;height:65px;display:flex;align-items:center;justify-content:space-around;border-radius:23px;background:var(--glass);border:1px solid #f2f4ff;box-shadow:0 12px 40px #5060902a,inset 0 1px 0 #ffffff80;backdrop-filter:blur(28px) saturate(180%);padding:0 8px}.mobile-nav button{flex:1;border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700;height:55px;min-width:0}.mobile-nav button.on{color:var(--blue)}.mobile-nav button.mobile-plus{flex:0 0 48px;width:48px;height:48px;background:linear-gradient(145deg,#889cf0,#5874d7);border-radius:17px;color:white;box-shadow:0 6px 15px #7086df70;margin-top:-16px}.toast{bottom:88px;white-space:nowrap}.prototype-banner{padding-bottom:24px}}
@media(max-width:620px){.topbar{padding:0 16px}.crumb{display:none}.crumb-sep{display:none}.crumb-active{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:5px}.topbar-divider,.top-search{display:none}.top-new{padding:0 12px;height:35px;border-radius:11px;font-size:11px}.workspace-inner{padding:25px 14px 120px}.page-head{margin-bottom:23px}.page-head h1{font-size:28px}.page-head p{font-size:11px;max-width:340px}.stat-grid{gap:8px;margin-bottom:14px}.stat-card{min-height:114px;display:block;padding:12px;border-radius:16px}.stat-icon{width:31px;height:31px;border-radius:11px}.stat-icon svg{width:17px;height:17px}.stat-card small{font-size:9px;margin-top:5px;min-height:26px;padding:0;line-height:1.35}.stat-card strong{font-size:19px}.stat-card strong span{font-size:11px}.stat-note{display:none}.main-column{gap:14px}.right-column{display:flex}.focus-panel{padding:18px 13px 9px}.section-head h2{font-size:13px}.section-head p{font-size:10px;line-height:1.4;margin-top:5px}.subtle-counter{font-size:9px;padding:5px 6px}.task-focus{margin-bottom:6px;padding:8px 7px;gap:7px;min-height:73px}.task-focus .focus-number{font-size:10px;padding:0}.task-row{gap:8px;padding:10px 11px;min-height:70px}.task-details>strong{font-size:11px}.task-meta{gap:6px;font-size:9px;flex-wrap:wrap}.task-meta>span:nth-child(2){max-width:150px}.task-meta .due{display:none}.task-commands{gap:0}.star-btn,.task-play{width:27px;height:27px}.star-btn svg,.task-play svg{width:15px}.task-panel{padding-top:18px}.task-panel>.section-head{padding:0 14px 16px}.quick-add{padding:13px!important}.mini-panel{padding:19px 17px}.hint-card{padding:18px}.list-toolbar{padding:13px;gap:9px}.search-field{flex:1 0 100%}.segmented{width:100%}.segmented button{font-size:9px;padding:7px 8px}.toolbar-add{display:none}.journal-actions{flex-direction:column;align-items:stretch}.journal-buttons{width:100%}.journal-buttons button{flex:1;padding:0 8px}.journal-total strong{font-size:18px}.big-week-panel{padding:17px}.field-grid{gap:9px}.drawer-head{padding:19px}.drawer-scroll{padding:0 18px 18px}.drawer-bottom{padding:14px 18px}.modal-body{padding:18px}.modal-bottom{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v0.3 — Trello / Atlassian color family. Native Apple typography when available.
   The three metric cards have exactly one title and one value each. */
:root {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', Inter, system-ui, 'Segoe UI', Roboto, Arial, sans-serif;
  font-synthesis:none;
  --bg:#F7F8F9;
  --surface:#FFFFFF;
  --surface2:#F1F3F6;
  --ink:#172B4D;
  --muted:#626F86;
  --stroke:#DFE1E6;
  --blue:#0C66E4;
  --bluewash:#E9F2FF;
  --shadow:0 4px 20px rgba(9,30,66,.035);
  --glass:rgba(255,255,255,.96);
  --menu:#172B4D;
  --outline:#579DFF;
  color-scheme:light;
}
:root[data-theme='dark'] {
  --bg:#1D2125;
  --surface:#22272B;
  --surface2:#2C333A;
  --ink:#DEE4EA;
  --muted:#9FADBC;
  --stroke:#38414A;
  --blue:#85B8FF;
  --bluewash:#1C3553;
  --shadow:0 5px 25px rgba(0,0,0,.13);
  --glass:rgba(34,39,43,.96);
  --menu:#15283D;
  --outline:#579DFF;
  color-scheme:dark;
}
body,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display',Inter,system-ui,'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:-.012em;}
h1,h2,h3,strong,.page-head h1,.brand-type,.brand-type span,.focus-number,.stat-card strong,.journal-total strong,.timer-counter,.today-date,.today-hero-footer h2{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Inter,system-ui,'Segoe UI',Roboto,Arial,sans-serif;
}
h1,h2,h3,strong{letter-spacing:-.025em;}
.app-shell{background:var(--bg);}
.workspace{background:var(--bg);}
/* Navigation */
.sidebar,.less-glass .sidebar{background:var(--menu)!important;color:#E6EDFA;border-right:1px solid #20385C;box-shadow:none;backdrop-filter:none;}
.brand-row{height:100px;padding:23px 24px;}
.brand-logo{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:#0C66E4;box-shadow:none;color:#fff;font-size:28px;font-weight:800;letter-spacing:-.065em;line-height:1;padding-right:3px;}
.brand-logo span{color:#B3D4FF;}
.brand-type{font-size:22px;font-weight:750;letter-spacing:-.055em;color:#F3F7FF;line-height:1.1;}
.brand-type span{font-size:8px;font-weight:700;letter-spacing:.18em;color:#A5B9D4;margin-top:6px;}
.sidebar .menu-link,.sidebar .project-link,.sidebar .settings-link{color:#B8C6DA;}
.sidebar .menu-link{border-radius:8px;height:44px;font-size:12px;font-weight:600;}
.sidebar .menu-link:hover,.sidebar .area-link:hover,.sidebar .project-link:hover,.sidebar .settings-link:hover{background:#233E63;color:#fff;}
.sidebar .menu-link.active{background:#275CA3;color:#fff;box-shadow:inset 3px 0 0 #85B8FF;}
.sidebar .side-label{color:#849BB9;letter-spacing:.13em;font-size:9px;padding-top:27px;}
.sidebar .side-label button,.sidebar .area-link svg{color:#A6B9D4;}
.sidebar .area-link{color:#EDF3FF;font-size:12px;border-radius:8px;}
.sidebar .area-link.selected,.sidebar .project-link.selected{background:#24446E;color:#fff;}
.sidebar .project-link{height:31px;color:#A5B9D4;font-size:11px;}
.sidebar .area-count{color:#B5C5DA;}
.sidebar .menu-count{background:#2A456B;color:#D7E7FF;}
.sidebar .area-dot{box-shadow:0 0 0 4px #2A4668;}
.sidebar .side-bottom,.sidebar .sidebar-account{border-color:#294361;}
.sidebar .avatar{background:#2A5B9B;color:#fff;border-radius:9px;}
.sidebar .sidebar-account strong{color:#E6EDFA;}
.sidebar .sidebar-account small{color:#A5B9D4;}
.sidebar .online-dot{background:#36B37E;}
.sidebar .icon-btn{color:#D3E3F8;}
/* Topbar and primary actions */
.topbar{height:70px;background:var(--glass);border-color:var(--stroke);backdrop-filter:blur(12px);box-shadow:none;}
.crumb,.icon-btn,.theme-toggle{color:var(--muted);}
.crumb-active{font-weight:750;}
.primary-btn{background:#0C66E4;color:#fff;border:1px solid #0C66E4;box-shadow:none;border-radius:9px;font-size:12px;font-weight:700;}
.primary-btn:hover{background:#0055CC;border-color:#0055CC;box-shadow:0 6px 16px rgba(12,102,228,.13);transform:none;}
:root[data-theme='dark'] .primary-btn{background:#579DFF;border-color:#579DFF;color:#102A43;}
:root[data-theme='dark'] .primary-btn:hover{background:#85B8FF;border-color:#85B8FF;}
.light-btn{background:var(--surface2);border-color:var(--stroke);border-radius:9px;}
.workspace-inner{padding-top:34px;}
/* Date remains more prominent than 'Bugün'. */
.today-hero{padding:7px 0 22px;margin:0 0 22px;border-bottom:1px solid var(--stroke);}
.today-day{display:flex;align-items:center;gap:9px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:700;margin-bottom:8px;}
.today-day-marker{width:8px;height:8px;border-radius:50%;background:#0C66E4;}
.today-date{font-size:clamp(59px,5.55vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:750;color:var(--ink);white-space:nowrap;}
.today-hero-footer{display:flex;align-items:center;margin-top:13px;}
.today-hero-footer h2{font-size:18px;font-weight:650;letter-spacing:-.025em;color:var(--muted);}
/* The three cards from v0.1 are restored, without any .stat-note elements. */
.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;}
.stat-card{min-height:125px;border-radius:15px;border:1px solid #314668;background:#172B4D;box-shadow:0 7px 18px rgba(9,30,66,.08);padding:20px 22px;gap:15px;align-items:center;}
.stat-card:after{width:85px;height:85px;right:-37px;top:-47px;background:linear-gradient(150deg,#ffffff16,transparent);}
.stat-card .stat-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.stat-icon{width:44px;height:44px;border-radius:13px;}
.stat-icon.blue{background:#284A80;color:#A8C7FA;}
.stat-icon.amber{background:#51492E;color:#FFD782;}
.stat-icon.green{background:#244E4B;color:#91D9CA;}
.stat-card small{font-size:12px;color:#B7C7DC;font-weight:650;padding:0 0 6px;line-height:1.3;}
.stat-card strong{font-size:28px;line-height:1.06;color:#fff;font-weight:750;letter-spacing:-.045em;white-space:nowrap;}
.stat-card strong span{color:#B7C7DC;font-size:15px;font-weight:600;letter-spacing:-.02em;}
.stat-note{display:none!important;}
/* Panels */
.content-grid{grid-template-columns:minmax(0,1fr) 286px;gap:20px;}
.main-column,.right-column{gap:18px;}
.panel{border-radius:13px;background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);}
.focus-panel{padding:23px 22px 12px;border-left:3px solid #0C66E4;}
.section-head{padding-bottom:17px;}
.section-head h2{font-size:14px;font-weight:700;letter-spacing:-.024em;}
.label-with-icon,.right-head svg,.text-link{color:var(--blue);}
.label-with-icon h2{color:var(--ink);}
.subtle-counter{border-radius:6px;background:var(--surface2);color:var(--muted);font-size:10px;}
.task-focus{background:var(--surface);border-radius:9px;min-height:73px;}
.task-focus:hover,.task-row:hover{background:var(--surface2);}
.task-details>strong{font-size:12px;font-weight:680;}
.task-meta{color:var(--muted);}
.task-check{border-color:#A6B0BF;border-radius:6px;}
.task-check.checked{background:#1F845A;border-color:#1F845A;}
.star-btn.on{color:#E2A52B;}
.star-btn,.task-play{color:var(--muted);}
.star-btn:hover,.task-play:hover{background:var(--bluewash);color:var(--blue);}
.focus-number{color:#7B8799;font-size:12px;}
.task-panel{padding-top:23px;}
.task-panel .quick-add{background:var(--surface2);}
.quick-add form button{border-radius:8px;}
.mini-panel{padding:23px 21px;}
.week-track{height:6px;background:var(--surface2);}
.week-bar-top span,.area-summary small{color:var(--muted);}
.big-area-icon{border-radius:9px;}
.empty-icon{background:var(--bluewash);color:var(--blue);}
.prototype-banner{color:var(--muted);}
.toast{background:#172B4D;border-radius:9px;}
:root[data-theme='dark'] .stat-card{background:#172B4D;border-color:#344969;}
:root.less-glass .topbar{background:var(--surface);}
@media(max-width:1250px){.workspace-inner{padding:32px 28px 100px}.content-grid{grid-template-columns:minmax(0,1fr) 250px}.stat-card{padding:17px;gap:12px}.today-date{font-size:clamp(54px,5.8vw,78px);}}
@media(max-width:1080px){.content-grid{display:flex;flex-direction:column}.main-column,.right-column{width:100%}.right-column{display:grid;grid-template-columns:1fr 1fr;}}
@media(max-width:820px){
  .sidebar{background:var(--menu);box-shadow:12px 0 35px rgba(9,30,66,.25);}
  .workspace-inner{padding:25px 20px 110px;}
  .topbar{height:66px;padding:0 20px;}
  .mobile-nav{background:color-mix(in srgb,var(--surface),transparent 3%);border:1px solid var(--stroke);box-shadow:0 12px 35px rgba(9,30,66,.11);border-radius:17px;}
  .mobile-nav button.mobile-plus{background:#0C66E4;box-shadow:0 5px 14px rgba(12,102,228,.2);border-radius:12px;}
  .today-date{font-size:clamp(49px,8.4vw,72px);}
}
@media(max-width:620px){
  .workspace-inner{padding:22px 14px 110px;}
  .topbar{padding:0 15px;}
  .top-new{border-radius:8px;}
  .today-hero{padding:8px 0 18px;margin-bottom:18px;}
  .today-day{font-size:10px;letter-spacing:.12em;}
  .today-date{font-size:clamp(37px,10.6vw,58px);letter-spacing:-.065em;white-space:normal;}
  .today-hero-footer{margin-top:11px;}
  .today-hero-footer h2{font-size:16px;}
  .stat-grid{gap:8px;margin-bottom:16px;}
  .stat-card{display:flex;flex-direction:column;align-items:flex-start;min-height:131px;padding:12px 11px;border-radius:12px;gap:8px;}
  .stat-icon{width:31px;height:31px;border-radius:8px;}
  .stat-icon svg{width:17px;height:17px;}
  .stat-card small{font-size:10px;margin:0;padding:0;min-height:26px;line-height:1.2;}
  .stat-card strong{font-size:21px;line-height:1.2;letter-spacing:-.04em;}
  .stat-card strong span{font-size:12px;}
  .focus-panel{padding:19px 12px 9px;}
  .right-column{display:flex;}
  .main-column,.right-column{gap:14px;}
  .section-head h2{font-size:13px;}
}
@media(max-width:360px){
  .stat-card{padding:10px 8px;}
  .stat-card strong{font-size:19px;}
  .stat-card small{font-size:9px;}
  .today-date{font-size:36px;}
}
/* ─────────────────────────────────────────────────────────────
   v0.4 / Liquid Glass treatment
   Material emphasis is on navigation, controls and floating cards.
   Content stays readable. No external font files are required.
   ───────────────────────────────────────────────────────────── */
:root {
  --bg: #ecf3fc;
  --surface: #ffffff;
  --surface2: #eff4fb;
  --ink: #172b4d;
  --muted: #5d6f89;
  --stroke: rgba(91, 126, 173, .19);
  --blue: #0c66e4;
  --bluewash: #e6f0ff;
  --shadow: 0 16px 44px rgba(29, 60, 107, .075);
  --glass: rgba(248, 252, 255, .63);
  --menu: #102c54;
  --outline: #438ffe;
  --glass-edge: rgba(255,255,255,.86);
  --glass-panel: rgba(255,255,255,.82);
}
:root[data-theme='dark'] {
  --bg: #0b1423;
  --surface: #172438;
  --surface2: #23344d;
  --ink: #f0f5fc;
  --muted: #a6b8d2;
  --stroke: rgba(149, 184, 233, .2);
  --blue: #85b8ff;
  --bluewash: #1b3c66;
  --shadow: 0 20px 55px rgba(0, 0, 0, .20);
  --glass: rgba(27, 45, 72, .64);
  --menu: #091d37;
  --glass-edge: rgba(198, 224, 255, .18);
  --glass-panel: rgba(22, 38, 61, .82);
}
body { background: var(--bg); }
.app-shell {
  position:relative;
  background:
    radial-gradient(ellipse 590px 460px at 94% 1%, rgba(74, 151, 249, .19) 0%,transparent 77%),
    radial-gradient(ellipse 460px 540px at 43% 70%, rgba(141, 207, 249, .16) 0%,transparent 83%),
    radial-gradient(ellipse 540px 400px at 100% 90%, rgba(141, 181, 255, .14) 0%,transparent 78%),
    linear-gradient(165deg,#f5f9ff 0%,#eaf2fc 58%,#f7faff 100%);
  background-attachment:fixed;
}
:root[data-theme='dark'] .app-shell {
  background:
    radial-gradient(ellipse 590px 470px at 98% 0%,rgba(43,115,224,.18),transparent 78%),
    radial-gradient(ellipse 510px 550px at 37% 65%,rgba(31,79,153,.16),transparent 80%),
    linear-gradient(145deg,#0d1b31,#101d32 63%,#0a1729);
}
.workspace{background:transparent;}
/* Floating glass top bar */
.topbar {
  margin:14px 22px 0;
  top:13px;
  height:66px;
  padding:0 25px;
  border:1px solid var(--glass-edge);
  border-radius:20px;
  background: linear-gradient(145deg,rgba(255,255,255,.76),rgba(239,247,255,.54)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  backdrop-filter:blur(24px) saturate(165%);
  box-shadow:0 14px 36px rgba(28,67,120,.095), inset 0 1px 0 rgba(255,255,255,.99), inset 0 -1px 0 rgba(156,192,242,.18);
}
:root[data-theme='dark'] .topbar {
  background:linear-gradient(135deg,rgba(43,67,102,.83),rgba(25,43,73,.68)) !important;
  box-shadow:0 14px 38px #0004,inset 0 1px 0 rgba(209,232,255,.15);
}
.topbar:before{
  content:"";position:absolute;top:1px;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  pointer-events:none;
}
.icon-btn,.theme-toggle{
  border:1px solid transparent;
  border-radius:12px;
  transition: background .2s ease, border-color .2s ease,transform .2s ease;
}
.icon-btn:hover,.theme-toggle:hover {
  background:rgba(255,255,255,.48);
  border-color:rgba(255,255,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
:root[data-theme='dark'] .icon-btn:hover,:root[data-theme='dark'] .theme-toggle:hover{
  background:rgba(114,159,223,.13);
  border-color:rgba(169,203,255,.22);
}
/* Tinted translucent navigation. The opaque base protects contrast. */
.sidebar,.less-glass .sidebar {
  background:linear-gradient(155deg,rgba(27,62,109,.94),rgba(12,34,68,.97) 55%,rgba(8,27,55,.95)) !important;
  border-right:1px solid rgba(190,221,255,.21);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.07), 8px 0 30px rgba(24,66,124,.08);
}
.sidebar .brand-row {position:relative;isolation:isolate;}
.sidebar .brand-row:before{
  content:"";position:absolute;z-index:-1;left:8px;right:8px;top:0;bottom:0;
  background:radial-gradient(ellipse 170px 76px at 16% 0,rgba(105,177,255,.17),transparent 89%);
  pointer-events:none;
}
.brand-logo{
  border:1px solid rgba(255,255,255,.55);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(144,200,255,.91),rgba(12,102,228,.82) 54%,rgba(4,58,153,.94));
  box-shadow:inset 0 2px 2px #ffffff75,inset 0 -2px 5px #08398255,0 7px 18px #071c4366;
}
.sidebar .menu-link{border:1px solid transparent;border-radius:13px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
.sidebar .menu-link:hover,.sidebar .area-link:hover,.sidebar .project-link:hover,.sidebar .settings-link:hover {
  background:rgba(189,215,255,.12);color:#fff;
}
.sidebar .menu-link.active{
  background:linear-gradient(125deg,rgba(122,182,255,.34),rgba(43,102,177,.3));
  color:#fff;
  border:1px solid rgba(202,227,255,.37);
  box-shadow:inset 0 1px 0 rgba(235,246,255,.29),0 7px 15px #071d3729;
}
.sidebar .area-link.selected,.sidebar .project-link.selected{
  background:rgba(139,192,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  border-radius:11px;
}
.sidebar .side-bottom{background:linear-gradient(0deg,rgba(3,17,40,.21),transparent);}
.sidebar .avatar{
  border:1px solid rgba(204,226,255,.22);
  background:linear-gradient(145deg,rgba(152,203,255,.41),rgba(35,115,217,.4));
  box-shadow:inset 0 1px 0 #ffffff45;
  border-radius:12px;
}
/* Date is still the most visually prominent label. */
.workspace-inner {padding-top:30px;}
.today-hero {border-bottom:1px solid rgba(72,115,181,.2);}
.today-day-marker {box-shadow:0 0 0 4px rgba(12,102,228,.12);}
.today-date{font-weight:750;letter-spacing:-.067em;}
/* Refractive statistic tiles. Keep all three titles and values. */
.stat-grid{gap:17px;}
.stat-card{
  isolation:isolate;
  position:relative;
  border-radius:24px;
  border:1px solid rgba(225,240,255,.47);
  background:
    radial-gradient(ellipse 180px 100px at 0 0,rgba(149,202,255,.31),transparent 88%),
    linear-gradient(123deg,rgba(43,93,166,.84),rgba(14,42,87,.92) 72%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 15px 32px rgba(25,65,128,.14),inset 0 1.5px 0 rgba(255,255,255,.44),inset 0 -1px 0 rgba(13,46,100,.32);
  transition:transform .24s ease,box-shadow .24s ease;
}
.stat-card:nth-child(2){background:radial-gradient(ellipse 150px 110px at 0 0,rgba(156,201,252,.25),transparent 83%),linear-gradient(126deg,rgba(44,82,140,.86),rgba(18,41,78,.94));}
.stat-card:nth-child(3){background:radial-gradient(ellipse 150px 110px at 0 0,rgba(135,224,217,.23),transparent 85%),linear-gradient(130deg,rgba(32,85,129,.85),rgba(12,41,75,.94));}
.stat-card:before {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  inset:1px;border-radius:22px;
  background:linear-gradient(140deg,rgba(255,255,255,.1) 0%,transparent 38%,rgba(7,27,67,.06) 80%,rgba(255,255,255,.06) 100%);
}
.stat-card:after{
  content:"";
  pointer-events:none;
  width:120px;height:120px;right:-23px;top:-79px;
  border:1px solid rgba(244,251,255,.36);
  border-radius:50%;
  background:linear-gradient(155deg,rgba(255,255,255,.27),rgba(190,222,255,.045) 55%,rgba(255,255,255,.01));
  box-shadow:inset 2px 3px 7px rgba(255,255,255,.20),0 5px 15px #061d3914;
}
.stat-card:hover {transform:translateY(-2px);box-shadow:0 20px 40px rgba(18,61,124,.19),inset 0 1.5px 0 rgba(255,255,255,.5);}
.stat-card .stat-copy{z-index:1;}
.stat-card small{color:#cfdef5;}
.stat-card strong{color:#fff;}
.stat-card strong span{color:#c5d6ec;}
.stat-icon{z-index:1;border:1px solid rgba(255,255,255,.21);border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);}
.stat-icon.blue{background:rgba(159,199,255,.2);color:#e0eeff;}
.stat-icon.amber{background:rgba(246,204,121,.20);color:#ffe4a4;}
.stat-icon.green{background:rgba(118,221,193,.18);color:#b6ffe2;}
/* Content cards get a calm satin material, not a second floating navigation layer. */
.panel {
  border-radius:22px;
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(152deg,rgba(255,255,255,.94),rgba(246,250,255,.81));
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  backdrop-filter:blur(12px) saturate(130%);
  box-shadow:0 14px 34px rgba(39,75,126,.075),inset 0 1px 0 rgba(255,255,255,.99),0 0 0 1px rgba(76,128,196,.065);
}
:root[data-theme='dark'] .panel{
  border:1px solid rgba(173,204,255,.19);
  background:linear-gradient(140deg,rgba(37,57,84,.88),rgba(19,36,62,.87));
  box-shadow:0 12px 36px #0003,inset 0 1px 0 rgba(205,228,255,.12);
}
.focus-panel{border-left:1px solid rgba(255,255,255,.9);}
:root[data-theme='dark'] .focus-panel{border-left:1px solid rgba(173,204,255,.19);}
.task-focus{
  border-radius:15px;
  background:rgba(255,255,255,.39);
  border:1px solid rgba(120,158,210,.21);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.task-focus:hover,.task-row:hover{background:rgba(200,224,254,.22);}
:root[data-theme='dark'] .task-focus{background:rgba(128,169,224,.08);border-color:rgba(172,204,255,.17);}
:root[data-theme='dark'] .task-focus:hover,:root[data-theme='dark'] .task-row:hover{background:rgba(144,184,238,.14);}
.subtle-counter{border:1px solid var(--stroke);background:rgba(124,165,224,.1);border-radius:999px;padding:6px 11px;}
.task-panel .quick-add{background:rgba(154,198,255,.075);}
.quick-add form button,.tag,.big-area-icon{border-radius:11px;}
.week-track{background:rgba(95,137,188,.13);}
/* Glass controls: bevel + crisp stroke; visible focus retained. */
.primary-btn{
  background:linear-gradient(165deg,#4b9aff 0%,#0c66e4 50%,#0855cb 100%);
  border:1px solid rgba(206,229,255,.75);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50),inset 0 -2px 5px rgba(0,44,119,.19),0 7px 18px rgba(12,102,228,.24);
  text-shadow:0 1px 1px #0d3d861f;
}
.primary-btn:hover{background:linear-gradient(165deg,#68adff,#1673e9 52%,#0a55c6);border-color:#d8ecff;box-shadow:0 10px 24px #0c66e444,inset 0 1px 0 #ffffff99;transform:translateY(-1px);}
:root[data-theme='dark'] .primary-btn{background:linear-gradient(160deg,#83c2ff,#3b90f7 55%,#1770e5);border-color:#cae7ff;color:#081e41;}
.light-btn,.quick-add form button{
  background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(216,232,255,.49));
  border:1px solid rgba(255,255,255,.85);
  border-radius:13px;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 3px 12px rgba(32,76,130,.07);
}
:root[data-theme='dark'] .light-btn,:root[data-theme='dark'] .quick-add form button{background:linear-gradient(145deg,rgba(113,159,221,.21),rgba(44,70,108,.35));border-color:rgba(199,225,255,.22);}
.light-btn:hover{border-color:rgba(90,156,242,.43);}
.task-check{background:var(--surface);}
/* Details stay legible even when layered over the backdrop. */
.modal,.drawer {
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,247,255,.93));
  -webkit-backdrop-filter:blur(28px) saturate(165%);
  backdrop-filter:blur(28px) saturate(165%);
  border:1px solid rgba(255,255,255,.87);
  box-shadow:0 26px 80px rgba(6,31,65,.24),inset 0 1px 0 rgba(255,255,255,.87);
}
.modal{border-radius:25px;}
.drawer{border-radius:22px 0 0 22px;}
:root[data-theme='dark'] .modal,:root[data-theme='dark'] .drawer{background:linear-gradient(145deg,rgba(38,58,87,.98),rgba(17,32,56,.98));border-color:rgba(203,227,255,.18);}
.modal-overlay,.overlay,.sidebar-backdrop{background:rgba(10,30,56,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.field-grid input,.field-grid select,.modal input,.modal select,.modal textarea,.drawer-scroll textarea{
  background:var(--glass-panel);
  border:1px solid var(--stroke);
}
/* Mobile floating navigation stays on top of the content. */
@media(max-width:820px){
  .topbar{height:62px;margin:10px 12px 0;top:8px;padding:0 17px;border-radius:19px;}
  .workspace-inner{padding-top:25px;}
  .sidebar{box-shadow:18px 0 50px #051b3d55;}
  .mobile-nav{
    background:linear-gradient(160deg,rgba(255,255,255,.83),rgba(218,235,255,.58));
    border:1px solid rgba(255,255,255,.83);
    border-radius:25px;
    -webkit-backdrop-filter:blur(29px) saturate(175%);
    backdrop-filter:blur(29px) saturate(175%);
    box-shadow:0 12px 33px rgba(19,64,115,.17),inset 0 1.5px 0 #fff,inset 0 -1px 0 #bbd7ff57;
  }
  :root[data-theme='dark'] .mobile-nav{background:linear-gradient(145deg,rgba(57,82,118,.89),rgba(23,42,68,.84));border-color:rgba(184,216,255,.24);box-shadow:0 14px 32px #0006,inset 0 1px 0 #ffffff1f;}
  .mobile-nav button.mobile-plus{background:linear-gradient(145deg,#6cb3ff,#0c66e4 75%);border:1px solid #c8e2ffb3;box-shadow:0 8px 17px rgba(14,86,190,.27),inset 0 1px 0 #ffffff8f;border-radius:15px;}
  .mobile-nav button.on:not(.mobile-plus){background:rgba(128,185,255,.14);border-radius:12px;}
}
@media(max-width:620px){
  .stat-grid{gap:9px;}
  .stat-card{border-radius:19px;padding:12px 10px;min-height:133px;}
  .stat-card:before{border-radius:18px;}
  .stat-card:after{width:76px;height:76px;top:-54px;right:-16px;}
  .stat-card small{font-size:10px;}
  .panel{border-radius:19px;}
  .topbar{padding:0 13px;}
}
/* Glass-off state is intentional, not a nonfunctional control. */
:root.less-glass .app-shell{background:var(--bg);}
:root.less-glass .sidebar{background:var(--menu)!important;-webkit-backdrop-filter:none;backdrop-filter:none;}
:root.less-glass .topbar,:root.less-glass .panel,:root.less-glass .mobile-nav,:root.less-glass .modal,:root.less-glass .drawer,
:root.less-glass .stat-card,:root.less-glass .light-btn {
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  box-shadow:var(--shadow);background:var(--surface) !important;
  border-color:var(--stroke);
}
:root.less-glass .stat-card{background:#172b4d !important;border-color:#314668;}
:root.less-glass .stat-card:before,:root.less-glass .stat-card:after,.less-glass .topbar:before{display:none;}
:root.less-glass .stat-card .stat-icon{box-shadow:none;}
:root.less-glass .primary-btn{background:#0c66e4;box-shadow:none;}
:root.less-glass[data-theme='dark'] .primary-btn{background:#579dff;color:#172b4d;}
/* Access / performance fallback */
@media(prefers-reduced-transparency:reduce){
  :root:not(.less-glass) .topbar,:root:not(.less-glass) .panel,:root:not(.less-glass) .mobile-nav,:root:not(.less-glass) .modal,:root:not(.less-glass) .drawer{background:var(--surface)!important;-webkit-backdrop-filter:none;backdrop-filter:none;}
  :root:not(.less-glass) .sidebar{background:var(--menu)!important;-webkit-backdrop-filter:none;backdrop-filter:none;}
  :root:not(.less-glass) .stat-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#172b4d;}
}
@supports not (backdrop-filter:blur(1px)){
  .topbar,.mobile-nav,.modal,.drawer{background:var(--surface)!important;}
}
@media(prefers-reduced-motion:reduce){
  .stat-card,.primary-btn,.sidebar .menu-link{transform:none!important;transition:none!important;}
}

/* v0.5 · authentication + synchronization, same v0.4 Liquid Glass palette */
.save-indicator{color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}
.sync-notice{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:var(--glass-panel);border:1px solid var(--glass-edge);border-radius:14px;padding:12px 15px;margin-top:24px;font-size:12px;color:var(--muted);box-shadow:0 4px 24px #234f8712;backdrop-filter:blur(20px)}
.sync-notice button{font:inherit;color:var(--blue);background:transparent;border:0;cursor:pointer;font-weight:700;padding:5px}
.sync-notice.sync-warning{border-color:#dfa45d99}
.logout-link{width:100%;border:0;background:transparent;color:#bed3f2;text-align:left;font-size:11px;cursor:pointer;padding:9px 11px;border-radius:9px}
.logout-link:hover{background:#ffffff10}
.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:30px 16px;background:radial-gradient(circle at 18% 20%,#b0cfff88,transparent 45%),radial-gradient(circle at 88% 92%,#bedef55e,transparent 37%),var(--bg);color:var(--text)}
.auth-card{width:min(100%,420px);background:var(--glass-panel);border:1px solid var(--glass-edge);border-radius:28px;box-shadow:0 25px 70px #1a458536,inset 0 1px #ffffffa3;padding:38px;backdrop-filter:blur(32px) saturate(150%)}
.auth-emblem{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(145deg,#0c66e4,#6f9ffb);color:white;border-radius:19px;font-size:35px;font-weight:800;letter-spacing:-5px;padding-right:4px;box-shadow:0 8px 18px #1550b551}
.auth-emblem span{color:#bee4ff}.auth-kicker{display:block;letter-spacing:.18em;color:var(--muted);margin:27px 0 9px;font-size:11px;font-weight:750}
.auth-card h1{font-size:32px;letter-spacing:-1.1px;margin:0 0 24px}.auth-card p{font-size:13px;line-height:1.6;color:var(--muted)}
.auth-card form{display:flex;flex-direction:column;gap:13px}.auth-card label{font-size:12px;font-weight:750}.auth-card input{width:100%;height:46px;border:1px solid var(--stroke);border-radius:12px;padding:0 13px;background:var(--surface);color:var(--text);font:inherit;font-size:16px}
.auth-card form .primary-btn{height:46px;justify-content:center;margin-top:7px}.auth-card .auth-error{color:#c93739;margin:0}
.auth-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.auth-actions button{flex:1;justify-content:center;min-height:42px}
@media(max-width:620px){.save-indicator{display:none}.auth-card{padding:26px;border-radius:23px}.auth-card h1{font-size:27px}}