:root{--background: 330 100% 98%;--foreground: 330 10% 20%;--card: 0 0% 100%;--card-foreground: 330 10% 20%;--primary: 330 60% 70%;--primary-foreground: 0 0% 100%;--secondary: 330 40% 94%;--secondary-foreground: 330 60% 40%;--muted: 330 20% 96%;--muted-foreground: 330 10% 50%;--accent: 330 50% 90%;--accent-foreground: 330 60% 30%;--border: 330 30% 90%;--destructive: 0 84% 60%;--ring: 330 60% 70%;--chip-pink: #fce7f3;--chip-pink-ink: #ec4899;--chip-purple: #f3e8ff;--chip-purple-ink: #a855f7;--chip-amber: #fef3c7;--chip-amber-ink: #f59e0b;--chip-yellow: #fef9c3;--chip-yellow-ink: #eab308;--chip-green: #dcfce7;--chip-green-ink: #22c55e;--chip-blue: #dbeafe;--chip-blue-ink: #3b82f6;--chip-gray: #f3f4f6;--chip-gray-ink: #6b7280;--chip-orange: #ffedd5;--chip-orange-ink: #f97316;--glass: rgba(255, 255, 255, .6);--glass-hover: rgba(255, 255, 255, .8);--glass-line: rgba(255, 255, 255, .4);--panel: rgba(255, 255, 255, .7);--panel-line: rgba(255, 255, 255, .5);--pill-head: linear-gradient(160deg, rgba(255, 255, 255, .92) 0%, rgba(255, 235, 244, .82) 50%, rgba(255, 210, 232, .75) 100%);--pill-head-line: rgba(255, 255, 255, .75);--pill-head-glow: 0 2px 20px rgba(255, 182, 213, .3), 0 1px 0 rgba(255, 255, 255, .95) inset, 0 -1px 0 rgba(240, 160, 200, .2) inset;--nav-fade: #ffffff;--scrim: rgba(0, 0, 0, .4);--on-photo: #ffffff;--photo-shade: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, .1) 50%, transparent);--routine-bar: linear-gradient(90deg, #c084fc, #a855f7);--streak-flame: #f97316;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--frost: rgba(255, 255, 255, .4);--frost-line: rgba(255, 255, 255, .2);--frost-strong: rgba(255, 255, 255, .6);--frost-strong-line: rgba(255, 255, 255, .4);--page-head-bg: rgba(255, 255, 255, .82);--page-head-line: rgba(255, 255, 255, .6);--quote-bg: rgba(255, 255, 255, .4);--pill-shine: linear-gradient(to bottom, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0));--photo-btn: rgba(255, 255, 255, .2);--photo-btn-hover: rgba(255, 255, 255, .4);--photo-btn-line: rgba(255, 255, 255, .5);--photo-chip: rgba(0, 0, 0, .45);--photo-text-shadow: 0 2px 8px rgba(0, 0, 0, .7), 0 1px 3px rgba(0, 0, 0, .5);--photo-title-shadow: 0 2px 12px rgba(0, 0, 0, .8), 0 1px 4px rgba(0, 0, 0, .6);--photo-icon-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .6));--on-dark-chip: rgba(0, 0, 0, .35);--on-dark-wash: rgba(255, 255, 255, .1);--on-dark-muted: rgba(255, 255, 255, .65);--on-dark-faint: rgba(255, 255, 255, .6);--swatch-ring: rgba(0, 0, 0, .06);--sticker-shadow: drop-shadow(0 3px 6px rgba(0, 0, 0, .12));--swatch-pink: #f472b6;--swatch-neutral: #fde68a;--swatch-green: #34d399;--swatch-orange: #fb923c;--swatch-purple: #c084fc;--swatch-blue: #38bdf8;--swatch-black: #111827;--swatch-red: #ef4444;--radius: 1rem;--r-xl: .75rem;--r-2xl: 1rem;--r-3xl: 1.5rem;--font-body: "DM Sans", system-ui, sans-serif;--font-head: "Questrial", "DM Sans", sans-serif;--font-serif: "Prata", Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}:root[data-font=serif]{--font-head: "Prata", Georgia, serif}:root[data-color=neutral]{--background: 40 10% 97%;--foreground: 30 5% 15%;--card: 0 0% 100%;--card-foreground: 30 5% 15%;--primary: 35 25% 45%;--primary-foreground: 0 0% 100%;--secondary: 40 15% 92%;--secondary-foreground: 35 25% 35%;--muted: 40 10% 94%;--muted-foreground: 30 5% 45%;--accent: 35 20% 88%;--accent-foreground: 35 25% 30%;--border: 40 15% 88%;--destructive: 0 84% 60%;--ring: 35 25% 45%}:root[data-color=green]{--background: 120 30% 97%;--foreground: 120 10% 15%;--card: 0 0% 100%;--card-foreground: 120 10% 15%;--primary: 145 50% 45%;--primary-foreground: 0 0% 100%;--secondary: 120 25% 92%;--secondary-foreground: 145 50% 35%;--muted: 120 15% 94%;--muted-foreground: 120 10% 45%;--accent: 145 35% 88%;--accent-foreground: 145 50% 30%;--border: 120 20% 88%;--destructive: 0 84% 60%;--ring: 145 50% 45%}:root[data-color=orange]{--background: 30 50% 97%;--foreground: 25 15% 15%;--card: 0 0% 100%;--card-foreground: 25 15% 15%;--primary: 25 85% 55%;--primary-foreground: 0 0% 100%;--secondary: 30 40% 92%;--secondary-foreground: 25 85% 40%;--muted: 30 25% 94%;--muted-foreground: 25 15% 45%;--accent: 25 60% 88%;--accent-foreground: 25 85% 35%;--border: 30 35% 88%;--destructive: 0 84% 60%;--ring: 25 85% 55%}:root[data-color=purple]{--background: 270 40% 97%;--foreground: 270 15% 15%;--card: 0 0% 100%;--card-foreground: 270 15% 15%;--primary: 270 60% 60%;--primary-foreground: 0 0% 100%;--secondary: 270 35% 92%;--secondary-foreground: 270 60% 45%;--muted: 270 20% 94%;--muted-foreground: 270 15% 45%;--accent: 270 45% 88%;--accent-foreground: 270 60% 35%;--border: 270 30% 88%;--destructive: 0 84% 60%;--ring: 270 60% 60%}:root[data-color=blue]{--background: 200 50% 97%;--foreground: 200 15% 15%;--card: 0 0% 100%;--card-foreground: 200 15% 15%;--primary: 200 70% 50%;--primary-foreground: 0 0% 100%;--secondary: 200 40% 92%;--secondary-foreground: 200 70% 40%;--muted: 200 25% 94%;--muted-foreground: 200 15% 45%;--accent: 200 50% 88%;--accent-foreground: 200 70% 35%;--border: 200 35% 88%;--destructive: 0 84% 60%;--ring: 200 70% 50%}:root[data-color=black]{--background: 0 0% 97%;--foreground: 0 0% 5%;--card: 0 0% 100%;--card-foreground: 0 0% 5%;--primary: 0 0% 4%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 92%;--secondary-foreground: 0 0% 10%;--muted: 0 0% 94%;--muted-foreground: 0 0% 40%;--accent: 0 0% 88%;--accent-foreground: 0 0% 5%;--border: 0 0% 86%;--destructive: 0 84% 60%;--ring: 0 0% 10%}:root[data-color=red]{--background: 0 50% 98%;--foreground: 0 20% 10%;--card: 0 0% 100%;--card-foreground: 0 20% 10%;--primary: 0 80% 45%;--primary-foreground: 0 0% 100%;--secondary: 0 40% 93%;--secondary-foreground: 0 70% 35%;--muted: 0 30% 95%;--muted-foreground: 0 15% 45%;--accent: 0 50% 90%;--accent-foreground: 0 70% 35%;--border: 0 35% 88%;--destructive: 0 84% 60%;--ring: 0 80% 45%}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--background: 260 20% 10%;--foreground: 260 10% 95%;--card: 260 25% 15%;--card-foreground: 260 10% 95%;--primary: 330 80% 60%;--primary-foreground: 0 0% 100%;--secondary: 260 30% 20%;--secondary-foreground: 330 80% 70%;--muted: 260 20% 25%;--muted-foreground: 260 10% 60%;--accent: 330 90% 60%;--accent-foreground: 0 0% 100%;--border: 260 20% 25%;--destructive: 0 62.8% 30.6%;--ring: 330 80% 60%;--chip-pink: rgba(131, 24, 67, .3);--chip-pink-ink: #f472b6;--chip-purple: rgba(88, 28, 135, .3);--chip-purple-ink: #c084fc;--chip-amber: rgba(120, 53, 15, .3);--chip-amber-ink: #fbbf24;--chip-yellow: rgba(113, 63, 18, .2);--chip-yellow-ink: #facc15;--chip-green: rgba(20, 83, 45, .2);--chip-green-ink: #4ade80;--chip-blue: rgba(30, 58, 138, .2);--chip-blue-ink: #60a5fa;--chip-gray: #1f2937;--chip-gray-ink: #9ca3af;--chip-orange: rgba(249, 115, 22, .2);--chip-orange-ink: #fb923c;--glass: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .1);--glass-line: rgba(255, 255, 255, .1);--panel: rgba(0, 0, 0, .4);--panel-line: rgba(255, 255, 255, .1);--pill-head: linear-gradient(160deg, rgba(40, 30, 40, .92) 0%, rgba(48, 30, 42, .85) 50%, rgba(60, 32, 50, .8) 100%);--pill-head-line: rgba(255, 255, 255, .12);--pill-head-glow: 0 2px 20px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .08) inset;--nav-fade: #000000;--routine-bar: linear-gradient(90deg, #c084fc, #a855f7);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--frost: rgba(255, 255, 255, .05);--frost-line: rgba(255, 255, 255, .1);--frost-strong: rgba(255, 255, 255, .05);--frost-strong-line: rgba(255, 255, 255, .1);--page-head-bg: rgba(30, 24, 36, .8);--page-head-line: rgba(255, 255, 255, .08);--quote-bg: rgba(0, 0, 0, .4);--pill-shine: linear-gradient(to bottom, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));color-scheme:dark}:root:not([data-theme=light])[data-color=neutral]{--background: 30 8% 8%;--foreground: 40 10% 92%;--card: 30 10% 12%;--card-foreground: 40 10% 92%;--primary: 35 30% 55%;--primary-foreground: 0 0% 100%;--secondary: 30 10% 18%;--secondary-foreground: 35 30% 65%;--muted: 30 8% 22%;--muted-foreground: 40 10% 55%;--accent: 35 25% 50%;--accent-foreground: 0 0% 100%;--border: 30 8% 22%;--destructive: 0 62.8% 30.6%;--ring: 35 30% 55%}:root:not([data-theme=light])[data-color=green]{--background: 140 15% 8%;--foreground: 120 15% 92%;--card: 140 18% 12%;--card-foreground: 120 15% 92%;--primary: 145 60% 50%;--primary-foreground: 0 0% 100%;--secondary: 140 15% 18%;--secondary-foreground: 145 60% 60%;--muted: 140 12% 22%;--muted-foreground: 120 15% 55%;--accent: 145 50% 45%;--accent-foreground: 0 0% 100%;--border: 140 12% 22%;--destructive: 0 62.8% 30.6%;--ring: 145 60% 50%}:root:not([data-theme=light])[data-color=orange]{--background: 20 20% 8%;--foreground: 30 20% 92%;--card: 20 22% 12%;--card-foreground: 30 20% 92%;--primary: 25 90% 55%;--primary-foreground: 0 0% 100%;--secondary: 20 18% 18%;--secondary-foreground: 25 90% 65%;--muted: 20 15% 22%;--muted-foreground: 30 20% 55%;--accent: 25 80% 50%;--accent-foreground: 0 0% 100%;--border: 20 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 25 90% 55%}:root:not([data-theme=light])[data-color=purple]{--background: 270 20% 8%;--foreground: 270 20% 92%;--card: 270 22% 12%;--card-foreground: 270 20% 92%;--primary: 270 70% 60%;--primary-foreground: 0 0% 100%;--secondary: 270 18% 18%;--secondary-foreground: 270 70% 70%;--muted: 270 15% 22%;--muted-foreground: 270 20% 55%;--accent: 270 60% 55%;--accent-foreground: 0 0% 100%;--border: 270 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 270 70% 60%}:root:not([data-theme=light])[data-color=blue]{--background: 200 20% 8%;--foreground: 200 20% 92%;--card: 200 22% 12%;--card-foreground: 200 20% 92%;--primary: 200 80% 55%;--primary-foreground: 0 0% 100%;--secondary: 200 18% 18%;--secondary-foreground: 200 80% 65%;--muted: 200 15% 22%;--muted-foreground: 200 20% 55%;--accent: 200 70% 50%;--accent-foreground: 0 0% 100%;--border: 200 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 200 80% 55%}:root:not([data-theme=light])[data-color=black]{--background: 0 0% 5%;--foreground: 0 0% 95%;--card: 0 0% 8%;--card-foreground: 0 0% 95%;--primary: 0 0% 95%;--primary-foreground: 0 0% 5%;--secondary: 0 0% 14%;--secondary-foreground: 0 0% 85%;--muted: 0 0% 16%;--muted-foreground: 0 0% 55%;--accent: 0 0% 20%;--accent-foreground: 0 0% 95%;--border: 0 0% 18%;--destructive: 0 62.8% 30.6%;--ring: 0 0% 80%}:root:not([data-theme=light])[data-color=red]{--background: 0 20% 6%;--foreground: 0 15% 92%;--card: 0 20% 10%;--card-foreground: 0 15% 92%;--primary: 0 85% 58%;--primary-foreground: 0 0% 100%;--secondary: 0 18% 16%;--secondary-foreground: 0 75% 70%;--muted: 0 15% 20%;--muted-foreground: 0 15% 55%;--accent: 0 70% 48%;--accent-foreground: 0 0% 100%;--border: 0 15% 20%;--destructive: 0 62.8% 30.6%;--ring: 0 85% 58%}}:root[data-theme=dark]{--background: 260 20% 10%;--foreground: 260 10% 95%;--card: 260 25% 15%;--card-foreground: 260 10% 95%;--primary: 330 80% 60%;--primary-foreground: 0 0% 100%;--secondary: 260 30% 20%;--secondary-foreground: 330 80% 70%;--muted: 260 20% 25%;--muted-foreground: 260 10% 60%;--accent: 330 90% 60%;--accent-foreground: 0 0% 100%;--border: 260 20% 25%;--destructive: 0 62.8% 30.6%;--ring: 330 80% 60%;--chip-pink: rgba(131, 24, 67, .3);--chip-pink-ink: #f472b6;--chip-purple: rgba(88, 28, 135, .3);--chip-purple-ink: #c084fc;--chip-amber: rgba(120, 53, 15, .3);--chip-amber-ink: #fbbf24;--chip-yellow: rgba(113, 63, 18, .2);--chip-yellow-ink: #facc15;--chip-green: rgba(20, 83, 45, .2);--chip-green-ink: #4ade80;--chip-blue: rgba(30, 58, 138, .2);--chip-blue-ink: #60a5fa;--chip-gray: #1f2937;--chip-gray-ink: #9ca3af;--chip-orange: rgba(249, 115, 22, .2);--chip-orange-ink: #fb923c;--glass: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .1);--glass-line: rgba(255, 255, 255, .1);--panel: rgba(0, 0, 0, .4);--panel-line: rgba(255, 255, 255, .1);--pill-head: linear-gradient(160deg, rgba(40, 30, 40, .92) 0%, rgba(48, 30, 42, .85) 50%, rgba(60, 32, 50, .8) 100%);--pill-head-line: rgba(255, 255, 255, .12);--pill-head-glow: 0 2px 20px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .08) inset;--nav-fade: #000000;--routine-bar: linear-gradient(90deg, #c084fc, #a855f7);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--frost: rgba(255, 255, 255, .05);--frost-line: rgba(255, 255, 255, .1);--frost-strong: rgba(255, 255, 255, .05);--frost-strong-line: rgba(255, 255, 255, .1);--page-head-bg: rgba(30, 24, 36, .8);--page-head-line: rgba(255, 255, 255, .08);--quote-bg: rgba(0, 0, 0, .4);--pill-shine: linear-gradient(to bottom, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));color-scheme:dark}:root[data-theme=dark][data-color=neutral]{--background: 30 8% 8%;--foreground: 40 10% 92%;--card: 30 10% 12%;--card-foreground: 40 10% 92%;--primary: 35 30% 55%;--primary-foreground: 0 0% 100%;--secondary: 30 10% 18%;--secondary-foreground: 35 30% 65%;--muted: 30 8% 22%;--muted-foreground: 40 10% 55%;--accent: 35 25% 50%;--accent-foreground: 0 0% 100%;--border: 30 8% 22%;--destructive: 0 62.8% 30.6%;--ring: 35 30% 55%}:root[data-theme=dark][data-color=green]{--background: 140 15% 8%;--foreground: 120 15% 92%;--card: 140 18% 12%;--card-foreground: 120 15% 92%;--primary: 145 60% 50%;--primary-foreground: 0 0% 100%;--secondary: 140 15% 18%;--secondary-foreground: 145 60% 60%;--muted: 140 12% 22%;--muted-foreground: 120 15% 55%;--accent: 145 50% 45%;--accent-foreground: 0 0% 100%;--border: 140 12% 22%;--destructive: 0 62.8% 30.6%;--ring: 145 60% 50%}:root[data-theme=dark][data-color=orange]{--background: 20 20% 8%;--foreground: 30 20% 92%;--card: 20 22% 12%;--card-foreground: 30 20% 92%;--primary: 25 90% 55%;--primary-foreground: 0 0% 100%;--secondary: 20 18% 18%;--secondary-foreground: 25 90% 65%;--muted: 20 15% 22%;--muted-foreground: 30 20% 55%;--accent: 25 80% 50%;--accent-foreground: 0 0% 100%;--border: 20 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 25 90% 55%}:root[data-theme=dark][data-color=purple]{--background: 270 20% 8%;--foreground: 270 20% 92%;--card: 270 22% 12%;--card-foreground: 270 20% 92%;--primary: 270 70% 60%;--primary-foreground: 0 0% 100%;--secondary: 270 18% 18%;--secondary-foreground: 270 70% 70%;--muted: 270 15% 22%;--muted-foreground: 270 20% 55%;--accent: 270 60% 55%;--accent-foreground: 0 0% 100%;--border: 270 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 270 70% 60%}:root[data-theme=dark][data-color=blue]{--background: 200 20% 8%;--foreground: 200 20% 92%;--card: 200 22% 12%;--card-foreground: 200 20% 92%;--primary: 200 80% 55%;--primary-foreground: 0 0% 100%;--secondary: 200 18% 18%;--secondary-foreground: 200 80% 65%;--muted: 200 15% 22%;--muted-foreground: 200 20% 55%;--accent: 200 70% 50%;--accent-foreground: 0 0% 100%;--border: 200 15% 22%;--destructive: 0 62.8% 30.6%;--ring: 200 80% 55%}:root[data-theme=dark][data-color=black]{--background: 0 0% 5%;--foreground: 0 0% 95%;--card: 0 0% 8%;--card-foreground: 0 0% 95%;--primary: 0 0% 95%;--primary-foreground: 0 0% 5%;--secondary: 0 0% 14%;--secondary-foreground: 0 0% 85%;--muted: 0 0% 16%;--muted-foreground: 0 0% 55%;--accent: 0 0% 20%;--accent-foreground: 0 0% 95%;--border: 0 0% 18%;--destructive: 0 62.8% 30.6%;--ring: 0 0% 80%}:root[data-theme=dark][data-color=red]{--background: 0 20% 6%;--foreground: 0 15% 92%;--card: 0 20% 10%;--card-foreground: 0 15% 92%;--primary: 0 85% 58%;--primary-foreground: 0 0% 100%;--secondary: 0 18% 16%;--secondary-foreground: 0 75% 70%;--muted: 0 15% 20%;--muted-foreground: 0 15% 55%;--accent: 0 70% 48%;--accent-foreground: 0 0% 100%;--border: 0 15% 20%;--destructive: 0 62.8% 30.6%;--ring: 0 85% 58%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:hsl(var(--foreground));background:var(--page-tone, hsl(var(--background)));-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}:root[data-theme=dark] body{background:hsl(var(--background))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) body{background:hsl(var(--background))}}h1,h2,h3,h4{font-family:var(--font-head);margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}p{margin:0}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input,textarea,select{font:inherit;color:inherit}svg{flex:none}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:10px}.num{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary))}.shell{position:relative;min-height:100vh;min-height:100dvh}.content{position:relative;z-index:1;width:100%;max-width:28rem;margin:0 auto;padding:calc(4.75rem + env(safe-area-inset-top,0px)) max(1.5rem,env(safe-area-inset-right,0px)) calc(8rem + env(safe-area-inset-bottom,0px)) max(1.5rem,env(safe-area-inset-left,0px))}.backdrop{position:absolute;inset:0 0 auto;height:38vh;min-height:260px;z-index:0;pointer-events:none;overflow:hidden}.backdrop img{width:100%;height:100%;object-fit:cover}.backdrop.silk img{opacity:.4;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.backdrop.dark img{opacity:.22}.backdrop-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 55%,var(--page-tone, hsl(var(--background))) 100%)}.backdrop.dark .backdrop-fade{background:linear-gradient(to bottom,transparent 30%,hsl(var(--background)) 100%)}.topbar{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:40;display:flex;justify-content:center;padding:0 1rem;pointer-events:none}.pill-head{pointer-events:auto;position:relative;overflow:hidden;width:100%;max-width:28rem;display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-radius:9999px;background:var(--pill-head);border:1px solid var(--pill-head-line);box-shadow:var(--pill-head-glow);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.pill-shine{position:absolute;inset:0 0 auto;height:55%;background:var(--pill-shine);border-radius:9999px 9999px 0 0;pointer-events:none}.wordmark{height:1.5rem;width:auto;position:relative}.pill-actions{display:flex;align-items:center;gap:.5rem;position:relative}.avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-family:var(--font-head);font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-btn{border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s}.avatar-btn:hover{box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.icon-btn{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;color:hsl(var(--foreground));transition:background-color .2s,color .2s}.icon-btn svg{width:1.25rem;height:1.25rem}.icon-btn.ghost:hover{background:hsl(var(--secondary))}.icon-btn.soft{width:2.25rem;height:2.25rem;background:hsl(var(--secondary))}.icon-btn.soft:hover{background:hsl(var(--secondary) / .8)}.icon-btn.soft svg{width:1.1rem;height:1.1rem}.icon-btn.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));width:2.75rem;height:2.75rem;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.25rem;border-radius:9999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600;font-size:.95rem;box-shadow:var(--shadow-lg);transition:filter .2s,transform .1s;white-space:nowrap}.btn svg{width:1.1rem;height:1.1rem}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.outline{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:none}.btn.outline:hover{background:hsl(var(--secondary) / .6)}.btn.full{width:100%}.btn.grow{flex:1}.btn.danger-ghost{background:transparent;color:hsl(var(--destructive));box-shadow:none;border:1px solid hsl(var(--destructive) / .3)}.glass-card{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem;transition:background-color .2s}@media (hover: hover){.glass-card:hover{background:var(--glass-hover)}}.glass-panel{background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-h{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card-h h2{font-size:1.15rem}.card-h .sub{font-size:.82rem;color:hsl(var(--muted-foreground));margin-top:.15rem}.stack{display:flex;flex-direction:column;gap:.6rem}.stack-lg{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.split{display:grid;gap:1.25rem}.chip-pink{background:var(--chip-pink);color:var(--chip-pink-ink)}.chip-purple{background:var(--chip-purple);color:var(--chip-purple-ink)}.chip-amber{background:var(--chip-amber);color:var(--chip-amber-ink)}.chip-yellow{background:var(--chip-yellow);color:var(--chip-yellow-ink)}.chip-green{background:var(--chip-green);color:var(--chip-green-ink)}.chip-blue{background:var(--chip-blue);color:var(--chip-blue-ink)}.chip-gray{background:var(--chip-gray);color:var(--chip-gray-ink)}.greet{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.greet-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-bottom:-.5rem}.greet-eyebrow:hover{opacity:1}.greet-eyebrow svg{width:.875rem;height:.875rem}.greet h1{font-size:1.875rem;letter-spacing:-.025em}.greet-chips{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.streak-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;border-radius:9999px;background:var(--frost);border:1px solid var(--frost-line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:700;font-size:.875rem}.streak-chip b{font-weight:700}.flame{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--chip-orange);color:var(--streak-flame)}.flame svg{width:.875rem;height:.875rem;fill:currentColor}.round-btn{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--frost-strong);border:1px solid var(--frost-strong-line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:hsl(var(--foreground) / .6);transition:color .2s}.round-btn:hover{color:hsl(var(--foreground))}.round-btn svg{width:1rem;height:1rem}.date-chip{font-size:.8rem;font-weight:600;color:hsl(var(--muted-foreground));padding:0 .25rem}.greet.on-dark h1{color:var(--on-photo);text-shadow:var(--photo-title-shadow)}.greet.on-dark .greet-eyebrow{color:var(--on-photo);opacity:1;background:var(--on-dark-chip);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;padding:.15rem .6rem;margin-bottom:-.25rem}.greet.on-dark .date-chip{color:var(--on-photo);text-shadow:var(--photo-text-shadow)}.today-grid{display:grid;gap:1.5rem}.today-hero,.today-plan,.today-routine,.today-side{min-width:0}.carousel{position:relative;margin:0 -1.5rem}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:.75rem .75rem 0}.focus-photo{position:relative;height:14rem;border-radius:var(--r-2xl);overflow:hidden}.focus-photo>img{width:100%;height:100%;object-fit:cover}.focus-shade{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:var(--photo-shade);color:var(--on-photo)}.focus-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:var(--photo-text-shadow)}.focus-label svg{width:.75rem;height:.75rem;filter:var(--photo-icon-shadow)}.focus-shade h2{font-size:1.875rem;color:var(--on-photo);text-shadow:var(--photo-title-shadow)}.focus-note{font-size:.875rem;margin-top:.5rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:var(--photo-text-shadow)}.photo-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.photo-btn{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--photo-btn);border:1px solid var(--photo-btn-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-photo);transition:background-color .2s}.photo-btn:hover{background:var(--photo-btn-hover)}.photo-btn svg{width:1rem;height:1rem}.quote-card{position:relative;height:14rem;border-radius:var(--r-2xl);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--quote-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quote-mark{position:absolute;top:1.5rem;left:1.5rem;width:2.5rem;height:2.5rem;color:hsl(var(--primary) / .1)}.quote-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--chip-yellow-ink);margin-bottom:1rem}.quote-label svg{width:.75rem;height:.75rem;color:hsl(var(--foreground))}.quote-card blockquote{margin:0;padding:0 1rem;font-family:var(--font-head);font-style:italic;font-size:1.25rem;line-height:1.6;color:hsl(var(--foreground) / .9)}.quote-author{margin-top:1rem;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.carousel-dots{position:absolute;left:0;right:0;bottom:.9rem;display:flex;justify-content:center;gap:.375rem;pointer-events:none}.carousel-dots .dot{pointer-events:auto;width:.375rem;height:.375rem;border-radius:9999px;background:hsl(var(--primary) / .3);box-shadow:var(--shadow-sm);transition:width .3s,background-color .3s}.carousel-dots .dot.on{width:1rem;background:hsl(var(--primary))}.toast{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);padding:.4rem .9rem;border-radius:9999px;background:hsl(var(--foreground));color:hsl(var(--background));font-size:.8rem;font-weight:600;white-space:nowrap}.plan-focus{display:flex;flex-direction:column;gap:1rem;min-width:0}.plan-focus-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.plan-focus-head h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.plan-focus-head h2 svg{width:1.25rem;height:1.25rem}.pill-row{display:flex;gap:.25rem;flex-wrap:wrap}.plan-pill{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:hsl(var(--secondary) / .5);color:hsl(var(--muted-foreground));transition:background-color .2s,color .2s}.plan-pill:hover{background:hsl(var(--secondary))}.plan-pill[aria-selected=true],.plan-pill[aria-checked=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.plan-focus.on-dark h2{color:var(--on-photo)}.plan-focus.on-dark .plan-pill:not([aria-selected=true]){background:var(--on-dark-wash);color:var(--on-dark-muted)}.plan-focus.on-dark .swipe-hint{color:var(--on-dark-faint)}.plan-progress{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:-.75rem}.plan-progress p{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.plan-progress-what{font-weight:400;opacity:.8}.plan-focus .progress{margin-top:-.5rem}.plan-focus.on-dark .plan-progress p{color:var(--on-dark-muted)}.focus-card-tools{display:flex;align-items:center;gap:.25rem;flex:none}.focus-card-tools .check{margin-left:.25rem}.focus-card.done h3{text-decoration:line-through;color:hsl(var(--muted-foreground))}.focus-card{display:flex;align-items:flex-start;gap:1rem;cursor:grab;touch-action:pan-y;animation:slide-in .2s ease-out}.focus-card:active{cursor:grabbing}@keyframes slide-in{0%{transform:translate(20px)}to{transform:none}}.focus-chip{width:3rem;height:3rem;border-radius:var(--r-xl);display:grid;place-items:center;flex:none}.focus-chip svg{width:1.5rem;height:1.5rem}.focus-card-text{flex:1;min-width:0}.focus-card-text .eyebrow{letter-spacing:.1em}.focus-card-text h3{font-size:1.125rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-card-text p:last-child{font-size:.875rem;color:hsl(var(--muted-foreground));margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.focus-card .icon-btn{width:2rem;height:2rem}.focus-card .icon-btn svg{width:1rem;height:1rem}.bar-dots{display:flex;justify-content:center;gap:.375rem;margin-top:-.25rem}.bar-dots span{width:.375rem;height:.375rem;border-radius:9999px;background:hsl(var(--primary) / .3);transition:width .3s}.bar-dots span.on{width:1rem;background:hsl(var(--primary))}.swipe-hint{font-size:.75rem;text-align:center;color:hsl(var(--muted-foreground))}.routine{display:flex;flex-direction:column;gap:1.5rem}.routine-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.routine-head h2{display:flex;align-items:center;gap:.25rem;font-size:1.875rem}.routine-head h2 .add{width:2rem;height:2rem;color:hsl(var(--primary))}.routine-head h2 .add svg{width:1.1rem;height:1.1rem}.routine-head p{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.routine-pct{font-size:1.5rem;font-weight:700;color:hsl(var(--primary))}.progress{height:.5rem;width:100%;border-radius:9999px;overflow:hidden;background:hsl(var(--secondary));margin-top:-.5rem}.progress i{display:block;height:100%;background:var(--routine-bar);border-radius:inherit;transition:width .5s ease-out}.routine-list{display:flex;flex-direction:column;gap:.75rem}.routine-card{padding:1rem 1rem .9rem .75rem;transition:transform .15s,box-shadow .15s,background-color .2s}.routine-card.lifted{box-shadow:var(--shadow-lg);transform:scale(1.02);z-index:2;position:relative}.routine-row{display:flex;align-items:center;gap:.6rem}.grip{color:hsl(var(--muted-foreground) / .6);cursor:grab;touch-action:none;padding:.25rem 0;border-radius:6px}.grip svg{width:1.1rem;height:1.1rem}.routine-emoji{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--muted));font-size:1.15rem;flex:none}.routine-name{flex:1;min-width:0;font-size:1.05rem;font-weight:500;overflow-wrap:break-word;line-height:1.3}.routine-card.done .routine-name{text-decoration:line-through;color:hsl(var(--muted-foreground))}.routine-tools{display:flex;align-items:center;gap:.25rem}.tool{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:hsl(var(--foreground))}.tool:hover{background:hsl(var(--secondary))}.tool.accent{color:hsl(var(--primary))}.tool svg{width:1.05rem;height:1.05rem}.check{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid hsl(var(--muted-foreground) / .3);display:grid;place-items:center;margin-left:.5rem;color:transparent;transition:background-color .2s,border-color .2s}.check svg{width:.9rem;height:.9rem}.check[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.routine-card.skipped{opacity:.6}.routine-card.skipped .routine-name{text-decoration:line-through;color:hsl(var(--muted-foreground))}.routine-card.skipped .routine-emoji{filter:grayscale(1)}.tool.undo{width:auto;padding:0 .75rem;gap:.3rem;display:inline-flex;align-items:center;border-radius:9999px;background:hsl(var(--secondary));font-size:.82rem;font-weight:600;color:hsl(var(--primary))}.tool.undo svg{width:.9rem;height:.9rem}.routine-card{container-type:inline-size}@container (max-width: 23rem){.hide-narrow{display:none}}.routine-time{display:flex;align-items:center;gap:.4rem;margin:.4rem 0 0 .35rem;font-family:var(--font-mono);font-size:.8rem;color:hsl(var(--foreground) / .75)}.routine-time svg{width:.9rem;height:.9rem;color:hsl(var(--muted-foreground))}.routine-time .of{color:hsl(var(--muted-foreground) / .7)}.focus-timer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;background:hsl(var(--background))}.focus-timer .close{position:absolute;top:calc(1.25rem + env(safe-area-inset-top,0px));right:1.25rem}.focus-timer-emoji{font-size:3.5rem;width:6rem;height:6rem;display:grid;place-items:center;border-radius:50%;background:hsl(var(--secondary))}.focus-timer h2{font-size:2rem}.focus-timer-clock{font-family:var(--font-mono);font-size:clamp(3.5rem,16vw,6rem);font-weight:600;color:hsl(var(--primary));letter-spacing:-.02em;line-height:1;margin-top:1rem}.focus-timer-sub{color:hsl(var(--muted-foreground));font-size:.9rem}.focus-timer-actions{display:flex;gap:.75rem;margin-top:1.5rem}.task{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:var(--r-xl);background:hsl(var(--card) / .55);border:1px solid hsl(var(--border) / .6)}.task .t{flex:1;min-width:0;font-size:.95rem;overflow-wrap:anywhere}.task.done .t{text-decoration:line-through;color:hsl(var(--muted-foreground))}.task-emoji{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--muted));flex:none}.tick{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid hsl(var(--muted-foreground) / .3);display:grid;place-items:center;flex:none;color:transparent}.tick svg{width:.8rem;height:.8rem}.tick[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.del{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;color:hsl(var(--muted-foreground));flex:none}.del:hover{color:hsl(var(--destructive));background:hsl(var(--destructive) / .08)}.del svg{width:.95rem;height:.95rem}.add-row{display:flex;gap:.5rem;align-items:center}.add-row input{flex:1;min-width:0;min-height:2.75rem;padding:.6rem 1rem;border-radius:var(--r-xl);border:1px dashed hsl(var(--border));background:hsl(var(--card) / .4);font-size:.95rem}.add-row input::placeholder{color:hsl(var(--muted-foreground))}.add-row .icon-btn svg{width:1.2rem;height:1.2rem}.page{display:flex;flex-direction:column;gap:1.5rem}.page-head{background:var(--page-head-bg);border:1px solid var(--page-head-line);border-radius:var(--r-3xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.page-head-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.page-head h1{font-size:clamp(1.9rem,8.5vw,2.25rem);letter-spacing:-.03em}.page-head .eyebrow{margin-bottom:.15rem}.page-head .btn{padding-inline:1.1rem}.view-plan .content,.view-boards .content,.view-tea .content{padding-top:calc(5rem + env(safe-area-inset-top,0px))}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;padding:.3rem;border-radius:9999px;background:hsl(var(--secondary))}.segmented button{padding:.55rem .75rem;border-radius:9999px;font-weight:500;color:hsl(var(--muted-foreground));transition:background-color .2s,color .2s}.segmented button[aria-selected=true]{background:hsl(var(--card));color:hsl(var(--primary));box-shadow:var(--shadow-sm)}.range-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.range-bar h2{font-size:1.25rem;text-align:center}.range-bar.compact h2{font-size:1rem}.tabs-underline{display:flex;gap:1.25rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid hsl(var(--border))}.tabs-underline::-webkit-scrollbar{display:none}.tabs-underline button{flex:none;padding:.5rem 0 .75rem;font-weight:500;color:hsl(var(--muted-foreground));border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.tabs-underline button[aria-selected=true]{color:hsl(var(--primary));border-color:hsl(var(--primary))}.tabs-underline .tab-new{color:hsl(var(--primary))}.tabs-underline svg{width:1rem;height:1rem}.icon-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:9999px;background:hsl(var(--secondary) / .7);width:fit-content}.icon-toggle button{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;color:hsl(var(--foreground) / .7)}.icon-toggle button[aria-selected=true]{background:hsl(var(--card));color:hsl(var(--primary));box-shadow:var(--shadow-sm)}.icon-toggle svg{width:1.05rem;height:1.05rem}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.slot{display:grid;grid-template-columns:4rem 1fr;gap:.75rem;padding:.7rem 0;border-top:1px solid hsl(var(--border) / .6)}.slot:first-child{border-top:0}.slot-hour{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:hsl(var(--primary));padding-top:.35rem}.slot-body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.slot-add{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;font-size:.8rem;color:hsl(var(--muted-foreground));padding:.35rem .6rem;border-radius:9999px;border:1px dashed hsl(var(--border))}.slot-add:hover{color:hsl(var(--primary));border-color:hsl(var(--primary) / .5)}.slot-add svg{width:.85rem;height:.85rem}.mini{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.35}.mini span{flex:1;min-width:0;overflow-wrap:anywhere;padding-top:.1rem}.mini.done span{text-decoration:line-through;color:hsl(var(--muted-foreground))}.mini-tick{width:1.25rem;height:1.25rem;border-radius:.4rem;border:2px solid hsl(var(--muted-foreground) / .35);display:grid;place-items:center;color:transparent;flex:none;margin-top:.05rem}.mini-tick svg{width:.7rem;height:.7rem}.mini-tick[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.mini .del{width:1.4rem;height:1.4rem}.week{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.daycol{display:flex;flex-direction:column;gap:.5rem;padding:.9rem;border-radius:var(--r-2xl);background:hsl(var(--card) / .55);border:1px solid hsl(var(--border) / .6);min-width:0}.daycol.today{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.daycol h4{font-family:var(--font-body);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-weight:700}.daycol h4 b{display:block;font-family:var(--font-head);font-size:1.4rem;letter-spacing:-.02em;color:hsl(var(--foreground));margin-top:.1rem}.habit-grid{overflow-x:auto}.habit-grid table{border-collapse:collapse;width:100%;min-width:26rem}.habit-grid th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-weight:700;padding:0 0 .6rem;text-align:center}.habit-grid th:first-child{text-align:left}.habit-grid td{padding:.3rem 0;text-align:center}.habit-grid td:first-child{text-align:left;font-size:.9rem;padding-right:.75rem;white-space:nowrap}.habit-grid .dot{width:1.7rem;height:1.7rem;border-radius:.55rem;border:2px solid hsl(var(--muted-foreground) / .25);display:inline-grid;place-items:center;color:transparent}.habit-grid .dot svg{width:.8rem;height:.8rem}.habit-grid .dot[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.cal .dow{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));text-align:center;padding-bottom:.25rem;font-weight:700}.cell{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.85rem;color:hsl(var(--foreground) / .8);transition:background-color .2s}.cell:hover{background:hsl(var(--secondary))}.cell.out{opacity:.3}.cell.today{color:hsl(var(--primary));font-weight:700;box-shadow:inset 0 0 0 1.5px hsl(var(--primary) / .5)}.cell.sel{background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;box-shadow:0 4px 12px -2px hsl(var(--primary) / .5)}.cell i{width:.3rem;height:.3rem;border-radius:50%;background:hsl(var(--primary));display:block}.cell.sel i{background:hsl(var(--primary-foreground))}.cell.marked:not(.sel){background:hsl(var(--primary) / .15);color:hsl(var(--primary));font-weight:700}.goal{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;border-radius:var(--r-xl);background:hsl(var(--card) / .55);border:1px solid hsl(var(--border) / .6)}.goal .row-between{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.goal .name{font-size:.95rem;min-width:0;overflow-wrap:anywhere}.goal .pctn{font-weight:700;color:hsl(var(--primary));font-size:.9rem}input[type=range]{width:100%;accent-color:hsl(var(--primary))}.note-line{font-size:.8rem;color:hsl(var(--muted-foreground))}.masonry{columns:2;column-gap:.75rem}.tile{break-inside:avoid;margin:0 0 .75rem;border-radius:var(--r-2xl);overflow:hidden;position:relative;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow-sm)}.tile img{width:100%;height:auto}.tile .swatch{width:100%}.tile .quote{padding:1.4rem 1.1rem;font-family:var(--font-head);font-style:italic;font-size:1.05rem;line-height:1.45;background:hsl(var(--secondary) / .7);color:hsl(var(--secondary-foreground))}.tile .note{padding:1rem}.tile .note h4{font-size:.95rem;margin-bottom:.4rem}.tile .note p{font-size:.85rem;line-height:1.5;color:hsl(var(--muted-foreground))}.tile .cap{padding:.6rem .9rem;font-size:.8rem;color:hsl(var(--muted-foreground));display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.tile .cap span:last-child{font-family:var(--font-mono);font-size:.72rem}.tile .rm{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:var(--photo-chip);color:var(--on-photo);opacity:0;transition:opacity .15s}.tile .rm svg{width:.9rem;height:.9rem}.tile:hover .rm,.tile:focus-within .rm{opacity:1}@media (hover: none){.tile .rm{opacity:1}}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.25rem 1.5rem}.empty h3{font-size:1.15rem}.empty p{font-size:.9rem;color:hsl(var(--muted-foreground));max-width:40ch}.type-row{display:flex;gap:.5rem;flex-wrap:wrap}.type-row button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:500;background:hsl(var(--secondary));color:hsl(var(--muted-foreground))}.type-row button svg{width:.95rem;height:.95rem}.type-row button[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.file-drop{border:1.5px dashed hsl(var(--border));border-radius:var(--r-xl);padding:1.25rem;text-align:center;font-size:.9rem;color:hsl(var(--muted-foreground));cursor:pointer}.tea-layout{display:grid;gap:1.5rem}.entries{display:flex;flex-direction:column;gap:1rem;min-width:0}.entries-head{display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.count{font-family:var(--font-body);font-size:.75rem;font-weight:400;padding:.1rem .5rem;border-radius:9999px;background:hsl(var(--secondary));color:hsl(var(--muted-foreground))}.entry-grid{display:grid;gap:1rem}.entry{border-radius:var(--r-3xl);padding:1.25rem}.entry-top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.entry-chip{width:2.5rem;height:2.5rem;border-radius:var(--r-2xl);display:grid;place-items:center;flex:none}.entry-chip svg{width:1.25rem;height:1.25rem}.entry-meta{flex:1;min-width:0}.entry-meta h3{font-size:1.1rem}.entry-meta p{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.78rem;color:hsl(var(--muted-foreground));margin-top:.1rem}.entry-meta p b{color:hsl(var(--foreground) / .8);font-weight:500}.entry-meta svg{width:.75rem;height:.75rem}.entry-tools{display:flex;opacity:.6;transition:opacity .2s}.entry:hover .entry-tools,.entry:focus-within .entry-tools{opacity:1}.entry-tools .icon-btn{width:2rem;height:2rem}.entry-tools .icon-btn svg{width:.95rem;height:.95rem}.entry-text{font-size:.95rem;line-height:1.65;color:hsl(var(--muted-foreground));padding-left:3.25rem;overflow-wrap:anywhere;white-space:pre-line}.empty-line{text-align:center;padding:2.5rem 0;opacity:.55}.tea-cal{border-radius:var(--r-3xl);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.writer{border-radius:var(--r-3xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.prompt{font-family:var(--font-head);font-size:1.3rem;line-height:1.35;margin-top:-.5rem}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mood{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .25rem;border-radius:var(--r-2xl);font-size:.78rem;font-weight:500;border:1.5px solid transparent;background:hsl(var(--card) / .5)}.mood[aria-checked=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.tea-text{min-height:9rem}.writer-actions{display:flex;gap:.75rem}.writer-actions .btn{border-radius:var(--r-xl);min-height:3rem}.field{display:flex;flex-direction:column;gap:.4rem}.field.grow{flex:1;min-width:0}.field label,.field-label{font-size:.85rem;font-weight:500;color:hsl(var(--foreground))}.field input[type=text],.field input[type=number],.field textarea{width:100%;min-height:2.75rem;padding:.6rem .85rem;border-radius:var(--r-xl);border:1px solid hsl(var(--input));background:hsl(var(--card) / .7);font-size:1rem}.field textarea{min-height:5.5rem;resize:vertical;line-height:1.55}.field input[type=color]{width:100%;height:3rem;padding:.25rem;border-radius:var(--r-xl);border:1px solid hsl(var(--input));background:hsl(var(--card))}.field-split{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mins-input{width:5rem!important;text-align:right;font-family:var(--font-mono);min-height:2.25rem!important}.hint{font-size:.78rem;color:hsl(var(--muted-foreground))}.form-error{font-size:.82rem;color:hsl(var(--destructive));margin-top:.5rem}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem}.emoji-grid button{aspect-ratio:1;border-radius:var(--r-xl);font-size:1.2rem;background:hsl(var(--secondary))}.emoji-grid button[aria-checked=true]{background:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .25)}.emoji-input{text-align:center;font-size:1.1rem!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.sheet{width:100%;max-height:88vh;overflow-y:auto;background:hsl(var(--background));border-radius:2rem 2rem 0 0;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:1.25rem;animation:rise .28s cubic-bezier(.2,.9,.3,1)}.sheet-handle{width:3rem;height:.375rem;border-radius:9999px;background:hsl(var(--muted));margin:0 auto;flex:none}.sheet-head{text-align:center}.sheet-head h2{font-size:1.15rem}.sheet-head .eyebrow{margin-bottom:.15rem}.sheet-body{display:flex;flex-direction:column;gap:1.1rem}.sheet-actions{display:flex;gap:.75rem}.sheet-actions .btn{flex:1;border-radius:var(--r-xl);min-height:3rem}.menu-section{display:flex;flex-direction:column;gap:.5rem}.menu-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-left:.5rem}.menu-group{background:hsl(var(--secondary) / .3);border-radius:var(--r-2xl);overflow:hidden}.menu-row{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;text-align:left;transition:background-color .2s}.menu-row+.menu-row,.menu-group>input+.menu-row{border-top:1px solid hsl(var(--border) / .3)}button.menu-row:hover{background:hsl(var(--secondary) / .5)}.menu-ic{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;flex:none}.menu-ic svg{width:1.25rem;height:1.25rem}.menu-text{flex:1;min-width:0;display:flex;flex-direction:column}.menu-text b{font-weight:500}.menu-text small{font-size:.75rem;color:hsl(var(--muted-foreground))}.chev{width:1rem;height:1rem;color:hsl(var(--muted-foreground))}.me-row{align-items:flex-end}.avatar-edit{position:relative;border-radius:50%;flex:none}.avatar-cam{position:absolute;right:-2px;bottom:-2px;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:2px solid hsl(var(--background))}.avatar-cam svg{width:.75rem;height:.75rem}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem .5rem}.swatch-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;color:hsl(var(--muted-foreground))}.swatch-btn[aria-checked=true]{color:hsl(var(--foreground))}.swatch-dot{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;color:var(--on-photo);box-shadow:inset 0 0 0 1px var(--swatch-ring);transition:transform .15s}.swatch-btn[aria-checked=true] .swatch-dot{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--primary))}.swatch-dot svg{width:1.1rem;height:1.1rem;filter:var(--photo-icon-shadow)}.sw-pink{background:var(--swatch-pink)}.sw-neutral{background:var(--swatch-neutral)}.sw-green{background:var(--swatch-green)}.sw-orange{background:var(--swatch-orange)}.sw-purple{background:var(--swatch-purple)}.sw-blue{background:var(--swatch-blue)}.sw-black{background:var(--swatch-black)}.sw-red{background:var(--swatch-red)}.choice-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}.choice{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;border-radius:var(--r-2xl);background:hsl(var(--secondary) / .4);border:1.5px solid transparent;font-size:.82rem;font-weight:500}.choice svg{width:1.15rem;height:1.15rem}.choice[aria-checked=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.choice-aa{font-size:1.5rem;line-height:1;font-weight:700}.choice-aa.font-sans{font-family:Questrial,sans-serif}.choice-aa.font-serif{font-family:Prata,serif}.bg-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:hsl(var(--background));display:flex;flex-direction:column;animation:rise .3s cubic-bezier(.2,.9,.3,1)}.bg-picker-head{display:flex;align-items:center;justify-content:space-between;padding:calc(3rem + env(safe-area-inset-top,0px)) 1.5rem 1rem;border-bottom:1px solid hsl(var(--border) / .5)}.bg-picker-head h2{font-size:1.5rem}.bg-picker-grid{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-content:start}.bg-swatch{position:relative;aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;border:2px solid transparent;transition:transform .15s}.bg-swatch img{width:100%;height:100%;object-fit:cover}.bg-swatch:hover{transform:scale(1.02)}.bg-swatch[aria-pressed=true]{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .25)}.bg-default{position:absolute;left:50%;bottom:.4rem;transform:translate(-50%);font-size:.6rem;font-weight:700;padding:.1rem .45rem;border-radius:9999px;background:var(--photo-chip);color:var(--on-photo)}.bg-check{position:absolute;top:.35rem;right:.35rem;width:1.25rem;height:1.25rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.bg-check svg{width:.7rem;height:.7rem}.bg-picker-foot{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px));border-top:1px solid hsl(var(--border) / .5)}.bg-picker-foot .btn{border-radius:var(--r-xl);min-height:3rem}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--nav-fade),var(--nav-fade) 35%,transparent);pointer-events:none}.bottom-nav nav{pointer-events:auto;margin:0 auto;max-width:32rem;border-radius:9999px;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;color:hsl(var(--muted-foreground));transition:color .3s}.nav-item:hover{color:hsl(var(--primary) / .7)}.nav-item[aria-current=page]{color:hsl(var(--primary))}.nav-icon{padding:.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .3s,transform .3s}.nav-item:hover .nav-icon{background:hsl(var(--primary) / .05)}.nav-item[aria-current=page] .nav-icon{background:hsl(var(--primary) / .1);transform:scale(1.1)}.nav-icon svg{width:1.5rem;height:1.5rem}.nav-dot{position:absolute;bottom:-.25rem;width:.25rem;height:.25rem;border-radius:50%;background:hsl(var(--primary))}.side-rail{display:none}@media (min-width: 768px){.content{max-width:48rem;padding-inline:2rem}.pill-head{max-width:48rem}.backdrop{height:42vh}.greet h1{font-size:2.4rem}.today-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero hero" "routine plan" "routine side";grid-template-rows:auto auto 1fr;align-items:start;gap:1.75rem 1.5rem}.today-hero{grid-area:hero}.today-plan{grid-area:plan}.today-routine{grid-area:routine}.today-side{grid-area:side}.plan-focus-head h2{font-size:1.875rem;line-height:1.2}.plan-focus-head h2 svg{width:1.6rem;height:1.6rem}.plan-focus-head{min-height:2.25rem}.carousel{margin:0}.carousel-slide{padding:0}.focus-photo,.quote-card{height:16rem}.today-side{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.masonry{columns:3}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tea-layout:not(.writing){grid-template-columns:minmax(0,1fr)}.writer{max-width:40rem}.moods{grid-template-columns:repeat(6,1fr)}.page-head{padding:1.5rem 1.75rem}.page-head h1{font-size:2.6rem}.range-bar{justify-content:center;gap:1.25rem}.range-bar h2{min-width:14rem}.page-head:has(.segmented){flex-direction:row;align-items:center;justify-content:space-between}.page-head .segmented{min-width:22rem}.scrim{align-items:center;padding:2rem}.sheet{max-width:32rem;border-radius:2rem;padding-bottom:1.5rem;animation-name:pop}.sheet.wide{max-width:38rem}.sheet-handle{display:none}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.swatches{grid-template-columns:repeat(8,1fr)}.bg-picker-grid{grid-template-columns:repeat(5,1fr)}.bg-picker-head{padding-top:2rem}}@media (min-width: 1100px){.topbar,.bottom-nav{display:none}.side-rail{display:flex;flex-direction:column;gap:2rem;position:fixed;z-index:30;top:1rem;bottom:1rem;left:1rem;width:15.5rem;padding:1.75rem 1rem 1rem;border-radius:var(--r-3xl)}.side-rail{transition:width .25s ease,padding .25s ease}.rail-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.25rem}.side-rail .wordmark{height:1.75rem;margin-left:.75rem}.rail-toggle{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;color:hsl(var(--muted-foreground));flex:none}.rail-toggle:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.rail-toggle svg{width:1.15rem;height:1.15rem}.rail-mark{font-size:1.5rem;line-height:1;color:var(--swatch-pink);font-weight:700}.side-rail.collapsed{width:5rem;padding-inline:.75rem;align-items:center}.side-rail.collapsed .rail-top{flex-direction:column;gap:.75rem}.side-rail.collapsed .rail-item{justify-content:center;padding:.8rem}.side-rail.collapsed .rail-item span,.side-rail.collapsed .rail-me-text,.side-rail.collapsed .rail-me>svg{display:none}.side-rail.collapsed .rail-me{padding:.35rem;background:none}.content{transition:padding-left .25s ease}.side-rail nav{display:flex;flex-direction:column;gap:.25rem}.rail-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 1rem;border-radius:var(--r-2xl);font-weight:500;color:hsl(var(--muted-foreground));transition:background-color .2s,color .2s}.rail-item svg{width:1.3rem;height:1.3rem}.rail-item:hover{background:hsl(var(--primary) / .06);color:hsl(var(--foreground))}.rail-item[aria-current=page]{background:hsl(var(--primary) / .12);color:hsl(var(--primary));font-weight:700}.rail-me{margin-top:auto;display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:var(--r-2xl);text-align:left;background:hsl(var(--secondary) / .5)}.rail-me:hover{background:hsl(var(--secondary))}.rail-me-text{flex:1;min-width:0;display:flex;flex-direction:column}.rail-me-text b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-me-text small{font-size:.75rem;color:hsl(var(--muted-foreground))}.rail-me>svg{width:1.1rem;height:1.1rem;color:hsl(var(--muted-foreground))}.content,.view-plan .content,.view-boards .content,.view-tea .content{max-width:none;padding:2.5rem 3rem 3rem 20.5rem}.content>*{max-width:76rem;margin-inline:auto}.shell.rail-collapsed .content,.shell.rail-collapsed.view-plan .content,.shell.rail-collapsed.view-boards .content,.shell.rail-collapsed.view-tea .content{padding-left:9rem}.backdrop{left:0;height:48vh}.greet h1{font-size:2.75rem}.today-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem}.focus-photo,.quote-card{height:20rem}.focus-shade{padding:2.25rem}.focus-shade h2{font-size:2.25rem}.masonry{columns:4}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tea-layout:has(.tea-cal){grid-template-columns:22rem minmax(0,1fr);align-items:start}.tea-layout:has(.tea-cal) .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week{grid-template-columns:repeat(7,minmax(0,1fr))}.bg-picker-grid{grid-template-columns:repeat(6,1fr);max-width:64rem;margin:0 auto;width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.unlock{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(1.5rem + env(safe-area-inset-top,0px)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));overflow:hidden}.unlock-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.unlock-card{position:relative;width:100%;max-width:26rem;border-radius:var(--r-3xl);padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.unlock-card .wordmark{height:1.6rem;margin:0 auto}.unlock-icon{width:3.25rem;height:3.25rem;border-radius:50%;display:grid;place-items:center;margin:.5rem auto 0}.unlock-icon svg{width:1.5rem;height:1.5rem}.unlock-card h1{font-size:1.6rem}.unlock-lede{color:hsl(var(--muted-foreground));font-size:.95rem}.unlock-card .field{text-align:left}.unlock-card input{font-family:var(--font-mono);font-size:.9rem!important;letter-spacing:.02em}.unlock-card .btn{border-radius:var(--r-xl);min-height:3rem}.unlock-help,.unlock-buy{font-size:.82rem;color:hsl(var(--muted-foreground))}.unlock-card a{color:hsl(var(--primary));font-weight:600}.menu-row.static{cursor:default}.menu-note{font-size:.78rem;color:hsl(var(--muted-foreground));margin:.25rem .5rem 0}.menu-group.confirm{padding:1rem;display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.confirm-text{font-size:.95rem;color:hsl(var(--muted-foreground));text-align:center}.onboard{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(1.25rem + env(safe-area-inset-top,0px)) 1rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.onboard-card{width:100%;max-width:34rem;border-radius:var(--r-3xl);padding:1.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.onboard-head{display:flex;flex-direction:column;align-items:center;gap:.6rem}.onboard-head .wordmark{height:1.5rem}.onboard-count{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.onboard-bar{width:100%;height:.35rem;border-radius:9999px;background:hsl(var(--secondary));overflow:hidden}.onboard-bar i{display:block;height:100%;background:hsl(var(--primary));border-radius:inherit;transition:width .3s ease-out}.onboard-body{display:flex;flex-direction:column;gap:.9rem;animation:fade-in .25s ease-out}.onboard-body h1{font-size:clamp(1.6rem,6.5vw,2rem);text-align:center}.onboard-lede{text-align:center;color:hsl(var(--muted-foreground));font-size:.95rem;margin-top:-.4rem}.onboard-body .menu-label{margin:.4rem 0 -.4rem}.onboard-foot{display:flex;gap:.75rem}.onboard-foot .btn{border-radius:var(--r-xl);min-height:3rem}.onboard-skip{align-self:center;font-size:.85rem;color:hsl(var(--muted-foreground));text-decoration:underline;text-underline-offset:.2em;margin-top:-.4rem}.onboard-done{width:3.5rem;height:3.5rem;border-radius:50%;display:grid;place-items:center;margin:0 auto}.onboard-done svg{width:1.75rem;height:1.75rem}.idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.75rem,1fr));gap:.5rem}.idea{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-radius:var(--r-xl);background:hsl(var(--card) / .55);border:1.5px solid hsl(var(--border) / .7);text-align:left;font-size:.85rem;min-width:0}.idea[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.idea-emoji{font-size:1.1rem;flex:none}.idea-name{flex:1;min-width:0;font-weight:500;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.25}.idea-mins{font-size:.7rem;color:hsl(var(--muted-foreground));flex:none}.idea-check{width:1.15rem;height:1.15rem;border-radius:50%;border:1.5px solid hsl(var(--muted-foreground) / .35);display:grid;place-items:center;flex:none}.idea[aria-pressed=true] .idea-check{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.idea-check svg{width:.65rem;height:.65rem}.pill-cloud{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.cloud-pill{padding:.55rem .95rem;border-radius:9999px;font-size:.88rem;font-weight:500;background:hsl(var(--secondary) / .6);border:1.5px solid transparent}.cloud-pill[aria-checked=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.toolkit{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1.25rem;padding:.25rem 1.25rem .5rem}.toolkit::-webkit-scrollbar{display:none}.toolkit-card{flex:0 0 80%;scroll-snap-align:center;display:flex;flex-direction:column;gap:.6rem}.toolkit-card h3{font-size:1.15rem}.toolkit-card p{font-size:.9rem;color:hsl(var(--muted-foreground))}.pep{display:flex;flex-direction:column;gap:.75rem}.pep-row{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem;border-radius:var(--r-2xl);background:hsl(var(--card) / .5)}.pep-row b{display:block;font-family:var(--font-head);font-size:1rem}.pep-row p{font-size:.88rem;color:hsl(var(--muted-foreground))}@media (min-width: 768px){.onboard-card{padding:2rem 2rem 1.5rem}.toolkit-card{flex-basis:45%}.toolkit{margin:0 -2rem;padding-inline:2rem}}.pomo{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1.25rem}.pomo-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pomo-ring{position:relative;width:min(17rem,78vw);aspect-ratio:1}.pomo-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:hsl(var(--secondary));stroke-width:6}.ring-fill{fill:none;stroke:hsl(var(--primary));stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.pomo.mode-short .ring-fill,.pomo.mode-long .ring-fill{stroke:var(--chip-green-ink)}.pomo-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem;gap:.2rem}.pomo-mode{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary))}.pomo.mode-short .pomo-mode,.pomo.mode-long .pomo-mode{color:var(--chip-green-ink)}.pomo-clock{font-family:var(--font-mono);font-size:clamp(2.6rem,11vw,3.4rem);font-weight:600;letter-spacing:-.02em;line-height:1.1}.pomo-task{font-size:.85rem;color:hsl(var(--muted-foreground));max-width:12rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pomo-cycle{display:flex;gap:.4rem}.pomo-cycle span{width:.6rem;height:.6rem;border-radius:50%;background:hsl(var(--secondary))}.pomo-cycle span.on{background:hsl(var(--primary))}.pomo-controls{display:flex;align-items:center;gap:1rem}.pomo-main{min-width:9rem;min-height:3.25rem;font-size:1rem}.pomo-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--r-xl);background:hsl(var(--card) / .55);border:1.5px solid hsl(var(--border) / .6)}.pomo-row.active{border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.pomo-row.done .pomo-name{text-decoration:line-through;color:hsl(var(--muted-foreground))}.pomo-pick{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left}.pomo-pick:disabled{cursor:default}.pomo-name{font-size:.95rem;font-weight:500;overflow-wrap:break-word}.tomatoes{display:flex;flex-wrap:wrap;gap:.1rem;font-size:.8rem;line-height:1}.tom{filter:grayscale(1);opacity:.35}.tom.on{filter:none;opacity:1}.pomo-add{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pomo-add input{flex:1 1 10rem;min-width:0;min-height:2.75rem;padding:.6rem 1rem;border-radius:var(--r-xl);border:1px dashed hsl(var(--border));background:hsl(var(--card) / .4);font-size:.95rem}.stepper{display:inline-flex;align-items:center;gap:.15rem;border-radius:9999px;background:hsl(var(--secondary));padding:.2rem}.stepper button{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center}.stepper button:hover{background:hsl(var(--card))}.stepper svg{width:.9rem;height:.9rem}.stepper span{min-width:2.75rem;text-align:center;font-size:.85rem;font-weight:600}.from-top3{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;color:hsl(var(--muted-foreground))}.from-top3 .cloud-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;padding:.4rem .75rem;color:hsl(var(--foreground))}.from-top3 .cloud-pill svg{width:.8rem;height:.8rem}.pomo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center}.pomo-stats div{padding:.75rem .25rem;border-radius:var(--r-xl);background:hsl(var(--card) / .55)}.pomo-stats b{display:block;font-family:var(--font-head);font-size:1.6rem;color:hsl(var(--primary))}.pomo-stats span{font-size:.75rem;color:hsl(var(--muted-foreground))}.pomo-val{font-size:.85rem;color:hsl(var(--muted-foreground))}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.92rem;padding:.25rem 0;cursor:pointer}.toggle-row input{width:1.2rem;height:1.2rem;accent-color:hsl(var(--primary))}.timer-pill{position:fixed;z-index:46;left:50%;transform:translate(-50%);bottom:calc(6.4rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.25rem;padding:.3rem .3rem .3rem .9rem;border-radius:9999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-lg)}.timer-pill.mode-short,.timer-pill.mode-long{background:var(--chip-green-ink)}.timer-pill-main{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.timer-pill-main b{font-family:var(--font-mono);font-weight:600}.timer-pill-btn{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--on-dark-wash)}.timer-pill-btn svg{width:.95rem;height:.95rem}@media (min-width: 768px){.focus-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pomo{position:sticky;top:1.5rem}}@media (min-width: 1100px){.timer-pill{bottom:1.5rem;left:auto;right:2rem;transform:none}}.sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:visible}.placed{position:absolute;pointer-events:none;transform-origin:center;-webkit-user-select:none;user-select:none;touch-action:none}.placed img{width:100%;height:auto;filter:var(--sticker-shadow)}.sticker-layer.editing .placed{pointer-events:auto;cursor:grab}.sticker-layer.editing .placed:active{cursor:grabbing}.sticker-layer.editing .placed:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1.5px dashed hsl(var(--primary) / .45);border-radius:.75rem;pointer-events:none}.placed.selected:after{border-color:hsl(var(--primary))!important;border-style:solid!important}.sticker-handle{position:absolute;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-lg);border:1px solid hsl(var(--border));z-index:1;touch-action:none}.sticker-handle svg{width:.85rem;height:.85rem}.sticker-handle.remove{top:-.9rem;left:-.9rem;color:hsl(var(--destructive))}.sticker-handle.rotate{top:-1.1rem;left:50%;transform:translate(-50%);cursor:grab}.sticker-handle.resize{right:-.75rem;bottom:-.75rem;width:1.4rem;height:1.4rem;border-radius:.35rem;background:hsl(var(--primary));border-color:hsl(var(--primary));cursor:nwse-resize}.stickering .bottom-nav,.stickering .timer-pill{display:none}.sticker-tray{position:fixed;z-index:47;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));max-height:46vh;border-radius:var(--r-3xl);padding:.9rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-lg);animation:rise .25s cubic-bezier(.2,.9,.3,1)}.tray-head{display:flex;align-items:center;gap:.75rem}.tray-tabs{flex:1;min-width:0;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.tray-tabs::-webkit-scrollbar{display:none}.tray-tabs button{flex:none;padding:.4rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:600;background:hsl(var(--secondary) / .6);color:hsl(var(--muted-foreground));white-space:nowrap}.tray-tabs button[aria-selected=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tray-done{min-height:2.25rem;padding:.4rem 1.1rem}.tray-hint{font-size:.75rem;color:hsl(var(--muted-foreground))}.tray-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;align-content:start}.tray-item{position:relative}.tray-sticker,.tray-upload{width:100%;aspect-ratio:1;border-radius:var(--r-xl);display:grid;place-items:center;background:hsl(var(--card) / .6);padding:.4rem;transition:transform .12s}.tray-sticker:hover{transform:scale(1.06)}.tray-sticker{position:relative;overflow:hidden}.tray-sticker img{position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);object-fit:contain}.tray-upload{border:1.5px dashed hsl(var(--border));color:hsl(var(--primary));font-size:.72rem;font-weight:600;gap:.2rem;align-content:center}.tray-upload svg{width:1.2rem;height:1.2rem}.tray-delete{position:absolute;top:-.4rem;right:-.4rem;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;background:hsl(var(--destructive));color:var(--on-photo)}.tray-delete svg{width:.75rem;height:.75rem}.tray-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tray-manage{font-size:.8rem;font-weight:600;color:hsl(var(--primary))}.icon-btn.on{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}@media (min-width: 768px){.sticker-tray{left:50%;right:auto;transform:translate(-50%);width:min(40rem,calc(100vw - 2rem))}@keyframes rise-center{0%{transform:translate(-50%,100%)}}.sticker-tray{animation-name:rise-center}}@media (min-width: 1100px){.sticker-tray{left:calc(50% + 8.75rem)}.rail-collapsed .sticker-tray{left:calc(50% + 3rem)}.rail-item[aria-pressed=true]{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}}.tab-lock{width:.75rem;height:.75rem;margin-right:.25rem;vertical-align:-.1rem}.tray-sticker.locked{cursor:default;filter:grayscale(.7);opacity:.55}.tray-sticker.locked:hover{transform:none}.unlock-pack{display:flex;flex-direction:column;gap:.5rem}.unlock-pack-buy{display:flex;flex-wrap:wrap;gap:.5rem}.unlock-pack-buy .btn{text-decoration:none;min-height:2.5rem;font-size:.88rem}.unlock-pack-key{display:flex;gap:.5rem}.unlock-pack-key input{flex:1;min-width:0;min-height:2.5rem;padding:.5rem .85rem;border-radius:var(--r-xl);border:1px solid hsl(var(--input));background:hsl(var(--card) / .7);font-family:var(--font-mono);font-size:.85rem}.unlock-pack-key .btn{min-height:2.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}