: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);--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-main{display:grid;gap:1.5rem;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)}.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:anywhere}.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-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);align-items:start;gap:1.75rem 1.5rem}.today-main{grid-column:1 / -1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.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 .wordmark{height:1.75rem;margin-left:.75rem;align-self:flex-start}.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}.backdrop{left:0;height:48vh}.greet h1{font-size:2.75rem}.today-grid,.today-main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem}.focus-photo,.quote-card{height:18rem}.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}}