*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}ul{margin:0;padding:0;list-style:none}:root{--bg:#f6f1eb;--bg-elev:#fffdf8b8;--bg-elev-2:#f0eae099;--line:#2c262212;--line-strong:#2c262221;--glass-border:#ffffff80;--glass-glow:#c85a3a0f;--text:#2c2622;--text-dim:#6b5f54;--text-mute:#8b7e72;--accent:#c85a3a;--accent-soft:#c85a3a1a;--accent-2:#3a7c6a;--accent-2-soft:#3a7c6a1a;--gold:#d4a853;--gold-soft:#d4a8531f;--warn:#d4a853;--danger:#b8453a;--radius:18px;--radius-sm:12px;--radius-lg:24px;--blur:16px;--blur-heavy:32px;--shadow-soft:0 1px 0 #fff9 inset, 0 20px 50px -20px #2c26221f;--shadow-card:0 4px 24px -4px #2c262214, 0 1px 2px #2c26220a;--shadow-glass:0 8px 32px -8px #2c26221a, inset 0 1px 0 #fff9;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");--seyes-line:#84a8cc2e;--font-serif:"Fraunces", "Instrument Serif", "Georgia", serif;--font-body:"General Sans", "Inter", -apple-system, system-ui, sans-serif;--font-hand:"Caveat", "Comic Neue", cursive}body.dark,body:not(.light){--bg:#111013;--bg-elev:#ffffff0f;--bg-elev-2:#ffffff0a;--line:#fff5e60f;--line-strong:#fff5e61a;--glass-border:#ffffff14;--glass-glow:#e8734f14;--text:#f0e8dc;--text-dim:#b0a494;--text-mute:#6a6058;--accent:#e8734f;--accent-soft:#e8734f1f;--accent-2:#5aae8c;--accent-2-soft:#5aae8c1a;--gold:#e8c76a;--gold-soft:#e8c76a1f;--shadow-soft:0 1px 0 #ffffff08 inset, 0 20px 50px -20px #00000080;--shadow-card:0 4px 24px -4px #0000004d, 0 1px 2px #0003;--shadow-glass:0 8px 32px -8px #0006, inset 0 1px 0 #ffffff0d;--seyes-line:#84a8cc0a}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;background-image:var(--paper-grain);background-attachment:fixed;min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 600px at 20% 10%,#e8734f12,#0000 60%),radial-gradient(500px 500px at 80% 20%,#5aae8c0d,#0000 60%),radial-gradient(700px 500px at 50% 90%,#e8c76a0a,#0000 60%);position:fixed;inset:0}.app{z-index:1;position:relative}.serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400}.italic{font-style:italic}.handwritten{font-family:var(--font-hand);letter-spacing:.01em}.app{max-width:1100px;margin:0 auto;padding:32px 28px 80px}.topbar{justify-content:space-between;align-items:center;margin-bottom:56px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-logo{filter:drop-shadow(0 1px 3px #c85a3a33);flex-shrink:0}.brand-name{font-family:var(--font-serif);letter-spacing:-.02em;font-variation-settings:"WONK" 1;font-size:18px;font-weight:500}.date-pill{font-family:var(--font-hand);color:var(--text-dim);border:1px solid var(--glass-border);background:var(--bg-elev);-webkit-backdrop-filter:blur(var(--blur));text-transform:lowercase;border-radius:999px;padding:6px 16px;font-size:16px}.icon-btn{border:1px solid var(--glass-border);background:var(--bg-elev);width:38px;height:38px;color:var(--text-dim);-webkit-backdrop-filter:blur(var(--blur));border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.hero{grid-template-columns:1fr auto;align-items:center;gap:40px;padding:8px 4px 56px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--text-mute);margin:0 0 18px;font-size:12px}.hero-title{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1.02}.hero-title .serif{color:var(--text);opacity:.92;font-size:1em}.hero-sub{color:var(--text-dim);max-width:480px;margin:0;font-size:15px}.ring-wrap{width:200px;height:200px;position:relative}.ring{filter:drop-shadow(0 0 20px #c85a3a1f);transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--line-strong);stroke-width:14px}.ring-fg{fill:none;stroke-width:14px;stroke-linecap:round;stroke-dasharray:540;stroke-dashoffset:540px;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1)}.ring-center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.ring-pct{font-family:var(--font-serif);letter-spacing:-.03em;font-variation-settings:"WONK" 1;font-size:52px;line-height:1}.ring-label{color:var(--text-dim);letter-spacing:.02em;font-size:12px}.stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);min-height:130px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--blur));flex-direction:column;gap:6px;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--paper-grain);pointer-events:none;opacity:.3;position:absolute;inset:0}.stat-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.stat-value{font-family:var(--font-serif);letter-spacing:-.03em;font-variation-settings:"WONK" 1;margin-top:auto;font-size:44px;line-height:1}.stat-value .unit{color:var(--text-dim);margin-left:4px;font-size:22px}.stat-trend{color:var(--text-dim);font-size:12px}.focus-card .stat-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:22px;font-style:italic;line-height:1.15;display:-webkit-box;overflow:hidden}.composer{margin-bottom:36px}.add-form{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-glass);align-items:center;gap:12px;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex}.add-form:focus-within{border-color:var(--accent);box-shadow:var(--shadow-glass), 0 0 0 1px var(--accent-soft)}.add-input-wrap{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.add-input{width:100%;padding:8px 6px;font-size:16px}.add-input::placeholder{color:var(--text-mute)}.add-meta{flex-wrap:wrap;gap:8px;display:flex}.slot-select{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text-dim);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 8px center;background-repeat:no-repeat;border-radius:999px;padding:6px 24px 6px 10px;font-size:12px}.add-btn{background:linear-gradient(135deg, var(--accent), #d46040);color:#fffdf8;letter-spacing:-.01em;border-radius:999px;align-self:stretch;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:transform .15s,filter .2s;display:inline-flex;box-shadow:0 4px 16px #e8734f4d}.add-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}.mic-btn{border:1px solid var(--glass-border);background:var(--bg-elev-2);width:44px;height:44px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.mic-btn:hover{color:var(--text);border-color:var(--line-strong)}.mic-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mic-btn.listening{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:1.5s ease-in-out infinite pulse-mic}@keyframes pulse-mic{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 8px #c85a3a0f}}.mic-btn.disabled{opacity:.4;cursor:not-allowed}.voice-status{color:var(--accent);text-align:center;margin-top:4px;font-size:12px}.lists{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;display:grid}.list-block{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);min-height:240px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--blur));background-image:repeating-linear-gradient(to bottom, transparent, transparent 31px, var(--seyes-line) 31px, var(--seyes-line) 32px);background-position:0 56px;flex-direction:column;padding:22px 22px 18px;display:flex}.list-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.list-title{align-items:center;gap:10px;display:flex}.list-title h2{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:500}.dot{border-radius:50%;width:8px;height:8px}.dot-morning{background:#d4a853;box-shadow:0 0 8px #d4a8534d}.dot-afternoon{background:#c85a3a;box-shadow:0 0 8px #c85a3a4d}.dot-evening{background:#3a7c6a;box-shadow:0 0 8px #3a7c6a4d}.list-count{color:var(--text-mute);border:1px solid var(--line);text-align:center;border-radius:999px;min-width:28px;padding:2px 10px;font-size:12px}.task-list{flex-direction:column;gap:6px;display:flex}.task{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 12px 12px 10px;transition:background .15s;animation:.25s ease-out slideIn;display:flex}.task:hover{background:var(--bg-elev-2)}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.check{border:1.5px solid var(--line-strong);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:inline-flex}.check:hover{border-color:var(--text-dim)}.task.done .check{background:var(--accent);border-color:var(--accent);color:#fffdf8}.task-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.task-text{word-wrap:break-word;font-size:14px;line-height:1.4;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;transition:color .2s,text-decoration-color .2s}.task.done .task-text{color:var(--text-mute);-webkit-text-decoration-color:var(--text-mute);text-decoration-color:var(--text-mute)}.task-meta{color:var(--text-mute);align-items:center;gap:8px;font-size:11px;display:flex}.prio-tag{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:10px}.prio-tag.high{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.prio-tag.med{color:var(--text-dim)}.prio-tag.low{color:var(--text-mute)}.del{width:28px;height:28px;color:var(--text-mute);opacity:0;border-radius:50%;flex-shrink:0;transition:opacity .2s,color .2s,background .2s}.task:hover .del{opacity:1}.del:hover{color:var(--danger);background:#ff7a8a14}.empty-state{color:var(--text-mute);font-family:var(--font-hand);text-align:center;flex:1;justify-content:center;align-items:center;padding:30px 0;font-size:18px;display:flex}.footer{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.ghost-btn{color:var(--text-dim);border:1px solid var(--glass-border);background:var(--bg-elev);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:8px 14px;font-size:13px;transition:color .2s,border-color .2s,box-shadow .2s}.ghost-btn:hover{color:var(--text);border-color:var(--line-strong);box-shadow:0 2px 8px #0000000f}.footer-meta{color:var(--text-mute);font-size:12px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text);text-align:center;cursor:pointer;pointer-events:auto;opacity:0;max-width:480px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--blur-heavy));padding:14px 20px;font-size:14px;transition:opacity .4s,transform .4s;transform:translateY(12px)}.toast-visible{opacity:1;transform:translateY(0)}.toast-leaving{opacity:0;transform:translateY(12px)}.toast-info{border-left:3px solid var(--accent)}.toast-warn{border-left:3px solid var(--warn)}.icon-btn,.check,.del{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}html{touch-action:manipulation;-webkit-text-size-adjust:100%}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.ring-wrap{width:160px;height:160px;margin:0 auto}.ring-pct{font-size:42px}.hero-title{font-size:clamp(32px,5vw,48px)}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:36px}.stat-card{min-height:110px;padding:16px 16px 14px}.lists{grid-template-columns:1fr}.list-block{min-height:180px}}@media (max-width:540px){.app{padding:12px 16px calc(100px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}body{background-image:none}body:before,.stat-card:after{display:none}.topbar{padding-top:env(safe-area-inset-top,0px);margin-bottom:8px}.date-pill{display:none}.icon-btn{width:34px;min-width:34px;height:34px;min-height:34px}.topbar-actions{gap:4px}.brand-name{font-size:15px}.hero{text-align:left;grid-template-columns:1fr auto;gap:14px;padding:4px 0 12px}.eyebrow{display:none}.hero-title{margin-bottom:2px;font-size:20px;line-height:1.15}.hero-title br{display:none}.hero-title .serif{font-size:.85em}.hero-sub{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.ring-wrap{width:52px;height:52px;margin:0;overflow:hidden}.ring-wrap svg.ring{width:100%;height:100%}.ring-pct{font-size:14px}.ring-label{display:none}.ring{filter:none}.stats{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.stats::-webkit-scrollbar{display:none}.stat-card{border-radius:var(--radius);flex:none;gap:3px;min-width:130px;min-height:auto;padding:12px 14px}.stat-value{font-size:22px}.stat-value .unit{font-size:13px}.stat-label{letter-spacing:.1em;font-size:10px}.stat-trend{font-size:10px}.focus-card,.circle-card{min-width:155px}.focus-card .stat-value{margin-top:4px;font-size:13px}.composer{z-index:50;background:var(--bg-elev);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-heavy));margin:0;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.add-form{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-rows:auto auto;grid-template-columns:1fr auto auto;gap:8px 10px;display:grid}.add-form:focus-within{box-shadow:none;border-color:#0000}.add-input-wrap{grid-area:1/1/2/2;gap:0;min-width:0}.add-input{min-height:40px;padding:6px 4px;font-size:16px}.mic-btn{flex-shrink:0;grid-area:1/2/2/3;align-self:center;width:40px;height:40px}.add-btn{border-radius:50%;flex-shrink:0;grid-area:1/3/2/4;justify-content:center;align-self:center;align-items:center;gap:0;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.add-btn span{display:none}.add-btn svg{width:20px;height:20px}.add-meta{grid-area:2/1/3/-1;gap:6px}.slot-select{flex:1;min-height:32px;font-size:16px}.lists{gap:10px;margin-bottom:16px}.list-block{border-radius:var(--radius);background-image:none;min-height:auto;padding:14px 16px 12px}.list-head{margin-bottom:6px}.task{gap:10px;min-height:44px;padding:10px 8px}.task-text{font-size:15px}.del{opacity:.5;width:32px;height:32px}.empty-state{padding:12px 0;font-size:15px}.footer{margin-bottom:8px}.footer-meta{display:none}.fog-banner{margin:0 0 12px;padding:14px 12px}.milestone-card{text-align:center;flex-direction:column;gap:10px;padding:14px 16px}.milestone-text{font-size:15px}.settings-panel{width:100vw;max-width:100vw;max-height:100vh;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0}.calendar-panel{width:100vw;max-width:100vw;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0}.toast-container{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.ring-fg{transition:stroke-dashoffset .1s linear}.task{animation:none}.toast{transition:opacity .1s linear}.task-text,.check{transition:none}}.task-removing{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-8px)}.streak-record{font-family:var(--font-serif);color:var(--text-mute);letter-spacing:-.01em;margin-top:4px;font-size:14px;font-style:italic}.stat-card.lifetime-card .stat-value{transition:opacity .4s}.stat-card.lifetime-card .stat-sub{color:var(--text-dim);margin-top:4px;font-size:12px}.topbar-actions{align-items:center;gap:8px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-overlay{z-index:100;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.settings-overlay.settings-visible{opacity:1;pointer-events:auto}.settings-backdrop{-webkit-backdrop-filter:blur(12px);background:#0009;position:absolute;inset:0}.settings-panel{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90vw;max-width:520px;max-height:85vh;box-shadow:var(--shadow-glass), 0 40px 80px #0000004d;-webkit-backdrop-filter:blur(var(--blur-heavy));padding:32px;position:relative;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.settings-title{margin:0;font-size:28px}.settings-close{flex-shrink:0}.settings-body{flex-direction:column;gap:28px;display:flex}.settings-section{flex-direction:column;gap:16px;display:flex}.settings-section-title{text-transform:uppercase;letter-spacing:.16em;color:var(--text-mute);margin:0;font-size:12px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text);font-size:14px}.settings-hint{color:var(--text-mute);margin-top:2px;font-size:12px;display:block}.settings-footer-info{text-align:center;color:var(--text-mute);font-size:12px}.settings-footer-info p{margin:0}.settings-toggle-group{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.toggle-opt{color:var(--text-dim);background:0 0;padding:6px 14px;font-size:13px;transition:background .2s,color .2s}.toggle-opt.active{background:var(--accent-soft);color:var(--text)}.switch{background:var(--line-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch-thumb{background:var(--bg);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch-thumb{transform:translate(20px)}.settings-select{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text-dim);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 8px center;background-repeat:no-repeat;border-radius:999px;padding:6px 28px 6px 12px;font-size:13px}.settings-export-btn,.settings-import-btn{cursor:pointer;align-items:center;font-size:13px;display:inline-flex}.milestone-card{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);opacity:0;-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-glass);justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-8px)}.milestone-card.milestone-visible{opacity:1;transform:translateY(0)}.milestone-card.milestone-leaving{opacity:0;transform:translateY(-8px)}.milestone-text{color:var(--text);font-size:18px}.milestone-dismiss{flex-shrink:0}.mic-tooltip{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);white-space:nowrap;opacity:0;z-index:50;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(4px);box-shadow:0 8px 24px #0000004d}.mic-tooltip.mic-tooltip-visible{opacity:1;transform:translateY(0)}.mic-tooltip-dismiss{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.mic-tooltip-dismiss:hover{color:var(--text);border-color:var(--line-strong)}.calendar-overlay{z-index:100;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.calendar-overlay.settings-visible{opacity:1;pointer-events:auto}.calendar-panel{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90vw;max-width:420px;box-shadow:var(--shadow-glass), 0 40px 80px #0000004d;-webkit-backdrop-filter:blur(var(--blur-heavy));padding:28px;position:relative}.calendar-header{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.calendar-title{text-align:center;min-width:160px;margin:0;font-size:22px}.cal-close{position:absolute;top:16px;right:16px}.cal-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.cal-weekday{color:var(--text-mute);text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-cell{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:background .15s;display:flex}.cal-cell:not(.cal-empty):not(.cal-future):not(.cal-pre-use):hover{background:var(--bg-elev-2)}.cal-empty{visibility:hidden}.cal-today{outline:2px solid var(--accent);outline-offset:-1px}.cal-future .cal-ring,.cal-pre-use .cal-ring{opacity:.25}.cal-day-num{color:var(--text-mute);font-size:10px}.cal-ring{display:block}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn:disabled:hover{transform:none}.cal-preview-modal{z-index:110;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.cal-preview-modal.settings-visible{opacity:1;pointer-events:auto}.cal-preview-panel{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;min-width:260px;box-shadow:var(--shadow-glass), 0 20px 60px #0000004d;-webkit-backdrop-filter:blur(var(--blur-heavy));padding:24px;position:relative}.cal-preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-preview-header h3{margin:0;font-size:20px}.cal-preview-empty{color:var(--text-dim);font-size:14px;font-style:italic}.cal-preview-stat{font-family:var(--font-serif);color:var(--text);font-size:24px}.history-overlay .history-panel{max-width:600px}.history-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.history-stat{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:16px}.history-stat-value{font-family:var(--font-serif);font-size:36px;line-height:1;display:block}.history-stat-label{color:var(--text-dim);margin-top:6px;font-size:12px;display:block}.history-section{flex-direction:column;gap:12px;display:flex}.history-milestones{flex-wrap:wrap;gap:8px;display:flex}.history-milestone{border:1px solid var(--accent-soft);color:var(--text);border-radius:999px;padding:8px 16px;font-size:14px}.history-chart{align-items:flex-end;gap:4px;height:140px;padding:0 4px;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.chart-bar{background:linear-gradient(to top, var(--accent), var(--accent-2));border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;min-height:2px;transition:height .3s;display:flex}.chart-bar-value{color:var(--text);margin-top:-16px;font-size:10px}.chart-bar-label{color:var(--text-mute);font-size:10px}.recurring-toggle{border:1px solid var(--glass-border);background:var(--bg-elev-2);height:32px;color:var(--text-mute);cursor:pointer;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.recurring-toggle:hover{color:var(--text);border-color:var(--line-strong)}.recurring-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 12px #e8734f26}.recurring-toggle svg{flex-shrink:0}.recurring-toggle-label{white-space:nowrap}.fog-banner{background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius);max-width:640px;-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-glass);margin:0 auto 20px;padding:20px 24px;animation:.3s fogSlideIn}@keyframes fogSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fog-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fog-icon{font-size:20px}.fog-title{color:var(--text);flex:1;font-size:16px}.fog-dismiss{color:var(--text-mute)}.fog-message{color:var(--text-dim);margin:0 0 16px;font-size:13px}.fog-spotlight{background:var(--accent-soft);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;display:flex}.fog-spotlight-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);font-size:11px}.fog-spotlight-task{align-items:center;gap:12px;animation:.35s fogSpotlightChange;display:flex}@keyframes fogSpotlightChange{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.fog-task-text{color:var(--text);flex:1;font-size:16px;font-weight:500}.fog-task-meta{font-size:12px}.fog-complete-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);touch-action:manipulation;align-self:stretch;min-height:48px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .15s}.fog-complete-btn:hover{opacity:.85}.fog-progress{align-items:center;gap:12px;display:flex}.fog-progress-bar{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.fog-progress-fill{background:linear-gradient(to right, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .3s}.fog-progress-text{color:var(--text-mute);white-space:nowrap;font-size:12px}.ritual-overlay{z-index:999;opacity:0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.ritual-overlay.ritual-visible{opacity:1}.ritual-backdrop{-webkit-backdrop-filter:blur(8px);background:#0009;position:absolute;inset:0}.ritual-panel{z-index:1;background:var(--bg-elev);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;width:92%;max-width:400px;-webkit-backdrop-filter:blur(var(--blur-heavy));box-shadow:var(--shadow-glass);padding:32px 28px;transition:transform .25s;position:relative;transform:scale(.95)}.ritual-visible .ritual-panel{transform:scale(1)}.ritual-emoji{margin-bottom:12px;font-size:48px}.ritual-greeting{color:var(--text);margin:0 0 8px;font-size:24px}.ritual-message{color:var(--text-dim);margin:0 0 24px;font-size:14px;line-height:1.5}.ritual-slots{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.ritual-slot{color:var(--text);align-items:center;gap:6px;font-size:14px;display:flex}.ritual-slot-count{text-align:center;min-width:20px;font-weight:600}.ritual-total{margin-bottom:12px}.ritual-total-count{color:var(--accent);font-size:36px;font-weight:600}.ritual-total-label{color:var(--text-mute);font-size:13px;display:block}.ritual-recurring-note{color:var(--text-mute);margin:8px 0 16px;font-size:12px}.ritual-stats{justify-content:center;gap:40px;margin-bottom:20px;display:flex}.ritual-stat{flex-direction:column;align-items:center;display:flex}.ritual-stat-value{color:var(--accent);font-size:28px;font-weight:600}.ritual-stat-label{color:var(--text-mute);font-size:12px}.ritual-streak{color:var(--gold);justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:14px;display:flex}.ritual-streak-flame{font-size:18px}.ritual-cta{background:var(--accent);color:#fff;border-radius:var(--radius-sm);touch-action:manipulation;min-height:48px;padding:12px 40px;font-size:15px;font-weight:500;transition:opacity .15s;display:inline-block}.ritual-cta:hover{opacity:.85}@media (max-width:540px){.ritual-greeting{font-size:20px}.ritual-message{margin-bottom:18px;font-size:13px}.ritual-slots{flex-wrap:wrap;justify-content:center;gap:14px}.ritual-slot{font-size:13px}.ritual-total-count{font-size:30px}.ritual-stat-value{font-size:24px}.fog-banner{border-radius:12px;margin:0 0 12px;padding:14px 12px}.fog-spotlight{padding:12px}.fog-title{font-size:15px}.fog-message{margin-bottom:12px;font-size:12px}.fog-task-text{font-size:15px}}.circle-card{border-left:3px solid var(--accent-2);background:var(--accent-2-soft)}.circle-value{color:var(--accent-2)!important;font-size:16px!important}.circle-collective{color:var(--text-dim);font-size:12px}.circle-message{color:var(--text-mute);font-size:12px;font-style:italic}@media (max-width:540px){.ritual-panel{width:100%;max-width:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.ritual-visible .ritual-panel{transform:translateY(0)}.ritual-overlay{align-items:flex-end}.ritual-emoji{margin-bottom:8px;font-size:32px}.ritual-cta{width:100%}.ritual-stats{gap:24px;margin-bottom:16px}.fog-complete-btn{width:100%}}