:root{--bg: #f6efe6;--bg-glow: #fbe3d0;--surface: #fffaf4;--surface-2: #f1e7db;--border: #e6d8c8;--ink: #2e2622;--ink-2: #5f534b;--muted: #6e625a;--primary: #a8512f;--primary-ink: #ffffff;--primary-soft: #f6dccd;--sage: #4f7360;--sage-soft: #dbe7dd;--gold: #b7862b;--danger: #a3322a;--danger-soft: #f7dcd8;--focus: #2f6fde;--grid: #e7dbcd;--on-sage: #ffffff;--sage-ink: #3a5848;--on-danger: #ffffff;--freeze-bg: #8fb7d8;--freeze-ink: #0f2a40;--chart-axis: #6e625a;--g-bg: #ffffff;--g-stroke: #747775;--g-text: #1f1f1f;--apple-bg: #ffffff;--apple-text: #000000;--apple-stroke: #000000;--shadow: 0 1px 2px rgb(60 40 25 / 6%), 0 6px 20px rgb(60 40 25 / 8%);--radius: 18px;--radius-sm: 12px;--font: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-h: 68px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--gutter: 20px;--card-pad: 20px;--item-pad-y: 14px;--item-pad-x: 16px;--control-pad-y: 12px;--control-pad-x: 16px;--control-h: 48px;--cell-pad-y: 10px;--cell-pad-x: 14px;--select-arrow-space: 44px;color-scheme:light}:root[data-theme=dark]{--bg: #1e1a17;--bg-glow: #33251c;--surface: #2a2420;--surface-2: #342c27;--border: #5a4c43;--ink: #f3eae0;--ink-2: #d6c8bb;--muted: #bcaea0;--primary: #ec9e78;--primary-ink: #2a1a12;--primary-soft: #4a3024;--sage: #94bba3;--sage-soft: #2c3a31;--on-sage: #14221a;--sage-ink: #94bba3;--gold: #e0b45c;--danger: #f0958c;--on-danger: #2a1210;--danger-soft: #4a2723;--freeze-bg: #7fa8cb;--freeze-ink: #0d1f30;--focus: #8ab4ff;--grid: #3d342e;--chart-axis: #bcaea0;--g-bg: #131314;--g-stroke: #8e918f;--g-text: #e3e3e3;--apple-bg: #000000;--apple-text: #ffffff;--apple-stroke: #8e918f;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 25%);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1e1a17;--bg-glow: #33251c;--surface: #2a2420;--surface-2: #342c27;--border: #5a4c43;--ink: #f3eae0;--ink-2: #d6c8bb;--muted: #bcaea0;--primary: #ec9e78;--primary-ink: #2a1a12;--primary-soft: #4a3024;--sage: #94bba3;--sage-soft: #2c3a31;--on-sage: #14221a;--sage-ink: #94bba3;--gold: #e0b45c;--danger: #f0958c;--on-danger: #2a1210;--danger-soft: #4a2723;--freeze-bg: #7fa8cb;--freeze-ink: #0d1f30;--focus: #8ab4ff;--grid: #3d342e;--chart-axis: #bcaea0;--g-bg: #131314;--g-stroke: #8e918f;--g-text: #e3e3e3;--apple-bg: #000000;--apple-text: #ffffff;--apple-stroke: #8e918f;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 20px rgb(0 0 0 / 25%);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:radial-gradient(1200px 600px at 50% -200px,var(--bg-glow),transparent 70%),var(--bg);background-attachment:fixed;min-height:100dvh}@media (min-width: 640px){:root{--gutter: 28px;--card-pad: 24px;--item-pad-x: 20px}}@media (min-width: 1024px){:root{--gutter: 32px;--card-pad: 28px;--item-pad-y: 16px;--item-pad-x: 22px}}h1,h2,h3{line-height:1.25;margin:0 0 var(--space-2);letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 var(--space-3)}a{color:var(--primary)}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:var(--surface);padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top)) var(--gutter) var(--space-2);max-width:960px;width:100%;margin:0 auto}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none}.brand svg{width:30px;height:30px}.main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:var(--space-2) var(--gutter) calc(var(--nav-h) + var(--space-8) + env(safe-area-inset-bottom))}.main.wide{max-width:1024px}.stack{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.main>.stack{gap:var(--space-5)}}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 420px){.grid-3{gap:var(--space-2)}.grid-3 .stat .value{font-size:1.5rem}.grid-2.stack-sm{grid-template-columns:1fr}}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.78rem}.spacer{flex:1}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottomnav ul{list-style:none;margin:0 auto;padding:0;display:flex;max-width:720px;height:var(--nav-h)}.bottomnav li{flex:1}.bottomnav a,.bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:700;background:none;border:0;width:100%;cursor:pointer}.bottomnav svg{width:24px;height:24px}.bottomnav a.active{color:var(--primary)}.bottomnav .record-tab span.bubble{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;margin-top:-18px;box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-pad);box-shadow:var(--shadow)}.card.soft{background:var(--surface-2);box-shadow:none}.card.accent{background:linear-gradient(140deg,var(--primary-soft),var(--surface))}.card.sage{background:linear-gradient(140deg,var(--sage-soft),var(--surface))}.card h2{margin-bottom:var(--space-2)}.card .card{padding:var(--space-4)}.stat{display:flex;flex-direction:column;gap:2px}.stat .value{font-size:1.8rem;font-weight:800;line-height:1.1}.stat .label{color:var(--muted);font-size:.85rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:var(--space-3) var(--space-6);border-radius:999px;text-align:center;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .2s;background:var(--primary);color:var(--primary-ink)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--primary);border-color:transparent}.btn.danger{background:var(--danger);color:var(--on-danger)}.btn.small{min-height:40px;padding:var(--space-2) var(--space-4);font-size:.875rem}.btn.block{width:100%}.btn svg{width:20px;height:20px;flex:none}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;color:var(--ink);flex:none}.icon-btn svg{width:20px;height:20px}.icon-btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent}.link-btn{background:none;border:0;color:var(--primary);font-weight:700;cursor:pointer;padding:var(--space-1) 0;text-decoration:underline;text-underline-offset:3px}label.field{display:flex;flex-direction:column;gap:var(--space-2);font-weight:700;font-size:.92rem}.field .hint{font-weight:500;color:var(--muted);font-size:.82rem}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=time],input[type=search],select,textarea{width:100%;min-height:var(--control-h);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-weight:500}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--select-arrow-space);text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23887a6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--control-pad-x) center;background-size:12px 8px;cursor:pointer}textarea{min-height:96px;resize:vertical}input,select,textarea,.lang-switch select{font-size:max(16px,1rem)}.check{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;cursor:pointer;font-weight:600}.check input{width:22px;height:22px;accent-color:var(--primary);flex:none;margin-top:1px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.switch-row:last-child{border-bottom:0}.switch{position:relative;width:52px;height:30px;flex:none}.switch input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border);transition:background .2s}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch input:checked+.track{background:var(--sage)}.switch input:checked+.track:after{transform:translate(22px)}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.choice-list{display:flex;flex-direction:column;gap:var(--space-3)}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--item-pad-y) var(--item-pad-x);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;font-weight:700;text-align:left;width:100%}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.choice .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);flex:none;display:grid;place-items:center}.choice[aria-pressed=true] .dot,.choice[aria-checked=true] .dot{border-color:var(--primary);background:var(--primary)}.segmented{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:var(--space-1);gap:var(--space-1);flex-wrap:wrap}.segmented button{border:0;background:transparent;padding:var(--space-2) var(--space-4);border-radius:999px;font-weight:700;cursor:pointer;color:var(--ink-2);min-height:38px}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--surface-2);font-size:.82rem;font-weight:700}.note-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;box-shadow:0 0 0 2px var(--surface)}.badge-pill{font-size:.75rem;font-weight:800;padding:var(--space-1) var(--space-3);white-space:nowrap;border-radius:999px;background:var(--sage-soft);color:var(--sage-ink)}.banner{padding:var(--space-3) var(--space-4);margin:0;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.banner.info{background:var(--sage-soft);color:var(--ink)}.banner.warn{background:var(--primary-soft);color:var(--ink)}.banner.error{background:var(--danger-soft);color:var(--ink)}.mock-banner{text-align:center;font-size:.78rem;font-weight:700;background:var(--sage-soft);padding:var(--space-1) var(--gutter)}.bar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:999px}.dots{display:flex;gap:10px}.dots .d{width:18px;height:18px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border)}.dots .d.on{background:var(--sage);border-color:var(--sage)}.results-head h1{margin-bottom:var(--space-1)}.results-head p{margin:0}.strongest{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;color:var(--ink)}.player{gap:var(--space-3)}.player-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.player-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.player-title{flex:1;min-width:0}.player-title h2{margin:0;font-size:1.05rem;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.player-title p{margin:0}.player-head .btn{flex:none;padding-inline:var(--space-5)}.player-now{display:flex;flex-direction:column;gap:var(--space-1)}.player-steps{display:flex;gap:var(--space-1)}.player-steps span{flex:1;height:5px;border-radius:3px}.track-list{gap:var(--space-2)}.track-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.track-row.playing{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.track-art{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:none}.track-meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}.track-meta .title,.track-meta .pair{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta .title{font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;gap:var(--space-1)}.track-meta .pair{font-size:.78rem;color:var(--muted)}.track-meta .counted{color:var(--sage);display:inline-flex}.track-actions{display:flex;gap:var(--space-1);flex:none}.track-details{flex-basis:100%;padding:var(--space-1) 0 var(--space-1) calc(40px + var(--space-3));display:flex;flex-direction:column;gap:2px}.icon-btn.sm{width:38px;height:38px}.icon-btn.sm svg{width:18px;height:18px}.seek{width:100%;accent-color:var(--primary);margin:0}@media (max-width: 480px){.track-row{border-left:6px solid var(--track-colour, var(--border));padding-left:var(--space-3)}.track-art{display:none}.track-details{padding-left:0}.player-title p{display:none}.player-card{padding:var(--space-3) var(--space-4)}.player-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "toggle btn";gap:var(--space-2) var(--space-3);align-items:center}.player-title{display:contents}.player-title h2{grid-area:title}.player-head .colour-toggle{grid-area:toggle;margin:0;font-size:.75rem;justify-self:start;padding:2px 2px 2px var(--space-2);gap:var(--space-1);min-height:32px}.player-head .pill-track{width:34px;height:20px}.player-head .pill-knob{width:14px;height:14px}.player-head .pill-switch[aria-checked=true] .pill-knob{transform:translate(14px)}.player-head .btn{grid-area:btn;padding-inline:var(--space-3);gap:var(--space-1);font-size:.9rem}.player-head .btn svg{width:18px;height:18px}.mock-banner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--border);overflow-x:auto}.tabs button{border:0;background:none;padding:var(--space-3) var(--space-4);font-weight:800;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--primary)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border)}table{border-collapse:collapse;width:100%;font-size:.85rem;font-variant-numeric:tabular-nums}th,td{padding:var(--cell-pad-y) var(--cell-pad-x);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:var(--surface)}thead th{background:var(--surface-2);font-weight:800}thead th:first-child{background:var(--surface-2)}tr:last-child td{border-bottom:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--item-pad-y) var(--item-pad-x);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit}.avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;flex:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.prompt-card{font-size:1.3rem;font-weight:700;line-height:1.45}.record-btn{width:96px;height:96px;border-radius:50%;border:0;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 8px var(--primary-soft),var(--shadow);margin:0 auto}.record-btn svg{width:40px;height:40px}.timer{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.target-band{position:relative;height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.target-band .zone{position:absolute;top:0;bottom:0;left:50%;right:0;background:var(--sage-soft)}.target-band .fill{position:absolute;top:0;bottom:0;left:0;background:var(--primary);border-radius:999px}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal .cell{aspect-ratio:1;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--muted)}.cal .cell.on{background:var(--sage);color:var(--on-sage)}.cal .cell.s2{background:color-mix(in srgb,var(--sage) 80%,var(--ink))}.cal .cell.s3{background:color-mix(in srgb,var(--sage) 60%,var(--ink))}.cal .cell.freeze{background:var(--freeze-bg);color:var(--freeze-ink)}.cal .cell.empty{background:transparent}.cal .dow{font-size:.7rem;color:var(--muted);text-align:center;font-weight:700}.chart{width:100%;height:260px}.chart.tall{height:320px}.chart.short{height:180px}.chart{margin-top:var(--space-2)}.legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:.82rem;font-weight:700;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.tooltip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-2) var(--space-3);box-shadow:var(--shadow);font-size:.82rem}.callout{display:flex;gap:12px;align-items:flex-start}.callout .icon{font-size:1.4rem;line-height:1}.badge-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-4) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.badge-tile .emoji{font-size:2rem}.badge-tile.locked{opacity:.5;filter:grayscale(1)}.ring-wrap{position:relative;width:140px;height:140px;flex:none}.ring-wrap .ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-wrap .ring-label strong{font-size:2rem;line-height:1}.onb-card{min-height:60dvh;display:flex;flex-direction:column;justify-content:center;gap:16px}.onb-emoji{font-size:3rem}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:999px;font-weight:700;z-index:50;box-shadow:var(--shadow);max-width:calc(100% - 2 * var(--gutter))}.lang-switch select{min-height:40px;width:auto;border-radius:999px;font-weight:700;padding:var(--space-2) calc(var(--space-4) + 22px) var(--space-2) var(--space-4);background-position:right var(--space-4) center}.spinner{width:28px;height:28px;border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.breathe{width:120px;height:120px;border-radius:50%;margin:0 auto;background:radial-gradient(circle,var(--primary-soft),transparent 70%)}.footer-note{text-align:center;font-size:.78rem;color:var(--muted);padding:var(--space-4) 0;margin:0}.provider-btn{justify-content:flex-start;padding-left:var(--space-5)}.provider-btn svg{width:22px;height:22px}details summary{cursor:pointer;font-weight:700}hr{border:0;border-top:1px solid var(--border);margin:var(--space-3) 0}.today-card{display:flex;flex-direction:column;gap:var(--space-3)}.today-card hr{margin:0}.day-steps{display:grid;grid-template-columns:calc(50% - var(--space-1) / 2) repeat(3,1fr);gap:var(--space-1)}.day-step{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.day-step:before{content:"";display:block;height:12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);grid-area:1 / 1}.day-step{position:relative}.day-step .seg{position:absolute;top:0;left:0;right:0;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--sage),var(--gold));transform-origin:left center}.day-step.link{text-decoration:none;color:inherit;border-radius:var(--radius-sm)}.day-step.link .lbl{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.day-step .lbl{font-size:.75rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-step.done .lbl{color:var(--ink)}.celebrate{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--sage-soft);text-align:center}.celebrate span{display:inline-block;font-size:1.1rem}.today-lines{display:flex;flex-direction:column;gap:var(--space-1)}.streak-line{font-size:1.1rem}.pill-switch{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);min-height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-weight:700;font-size:.85rem;cursor:pointer;text-align:left}.pill-track{position:relative;width:40px;height:24px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);flex:none;transition:background .2s}.pill-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);box-shadow:0 1px 3px #0000004d;transition:transform .2s,background .2s}.pill-switch[aria-checked=true] .pill-track{background:color-mix(in srgb,var(--knob) 35%,var(--surface));border-color:var(--knob)}.pill-switch[aria-checked=true] .pill-knob{transform:translate(16px);background:var(--knob)}.aurora{display:block;width:100%;height:100%}.aurora-tile{width:48px;height:48px;border-radius:12px;overflow:hidden;flex:none;display:block}.colour-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;cursor:pointer;overflow:hidden}.colour-mode-aurora{position:absolute;top:0;right:0;bottom:0;left:0}.cm-bar{position:absolute;left:50%;bottom:max(var(--space-4),env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 2 * var(--gutter)));display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--cm-ink);background:#0000;transition:background .4s ease,opacity .4s ease;opacity:.55;cursor:default}.colour-mode.show-controls .cm-bar{background:#00000038;opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cm-progress{display:flex;flex-direction:column;gap:var(--space-1)}.cm-segments{display:flex;gap:3px}.cm-segments span{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,currentColor 25%,transparent);overflow:hidden}.cm-segments span.done{background:currentColor}.cm-segments span i{display:block;height:100%;background:currentColor}.cm-seek{width:100%;height:18px;margin:0;accent-color:currentColor;cursor:pointer}.cm-meta{display:flex;justify-content:space-between;gap:var(--space-2);font-size:.78rem}.cm-track{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-time{font-variant-numeric:tabular-nums;white-space:nowrap}.cm-controls{display:flex;align-items:center;gap:var(--space-1);max-height:48px;transition:max-height .4s ease,opacity .4s ease}.colour-mode:not(.show-controls) .cm-controls{max-height:0;opacity:0;overflow:hidden;pointer-events:none}.cm-btn{min-width:44px;height:44px;padding:3px;border:0;background:none;color:inherit;cursor:pointer;display:inline-grid;place-items:center}.cm-btn>span{min-width:38px;height:38px;border-radius:999px;border:1.5px solid currentColor;display:inline-grid;place-items:center;padding:0 var(--space-3);font-weight:800;font-size:.85rem}.cm-btn:not(.text)>span{padding:0}.cm-btn svg{width:16px;height:16px}.cm-hint{flex:1;text-align:center;font-size:.72rem;opacity:.8}.style-grid{display:flex;flex-direction:column;gap:var(--space-2)}.style-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface)}.style-card.selected{border-color:var(--primary);background:var(--primary-soft)}.style-pick{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.style-icon{font-size:1.4rem;width:32px;text-align:center;flex:none}.style-text{display:flex;flex-direction:column;gap:2px;min-width:0}.style-check{margin-left:auto;color:var(--primary);display:inline-flex;flex:none}.auth-main{max-width:460px;padding-bottom:var(--space-8)}.auth-card{padding-top:var(--space-6)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.auth-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:12px;border-radius:999px;border:1px solid var(--g-stroke);background:var(--g-bg);color:var(--g-text);font-family:Google Sans,Roboto,Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.25px;cursor:pointer}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-icon{position:absolute;left:12px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.auth-btn-text{padding:0 32px}.auth-apple{background:var(--apple-bg);color:var(--apple-text);border-color:var(--apple-stroke)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.auth-legal a{color:var(--ink)}.auth-mail{font-size:2.5rem}.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:84px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;padding:0 var(--space-3);border:0;border-radius:999px;background:var(--surface-2);color:var(--ink);font-weight:700;font-size:.8rem;cursor:pointer}.reauth .auth-btn{min-height:40px}.jump-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.jump-nav .chip{text-decoration:none;color:var(--ink);white-space:nowrap;padding:var(--space-2) var(--space-3)}[id]{scroll-margin-top:var(--space-4)}.live-meter{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.meter-box{width:100%;max-width:360px;height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2)}.meter-canvas{display:block;width:100%;height:100%}.hear-pill{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.85rem;font-weight:700}.hear-pill .hear-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.hear-pill.on{background:var(--sage-soft);color:var(--ink)}.hear-pill.on .hear-dot{background:var(--sage);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 30%,transparent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 900px){.main{padding-top:var(--space-4)}}