@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer}#root{min-height:100vh}}@layer tokens{:root{--soul-50: #FFFBF0;--soul-100: #FFF3D0;--soul-200: #FFE49A;--soul-300: #FFD166;--soul-400: #FFC233;--soul-500: #F5A800;--soul-600: #CC8800;--soul-700: #A36B00;--soul-800: #7A5000;--soul-900: #3D2800;--bloom-50: #FFF5F5;--bloom-100: #FFE8E5;--bloom-200: #FFD0CA;--bloom-300: #FFB3AA;--bloom-400: #FF8F82;--bloom-500: #FF6B5B;--bloom-600: #E54E3E;--bloom-700: #C43328;--bloom-800: #921F18;--bloom-900: #610F0A;--sage-50: #F2FAF4;--sage-100: #DCF2E3;--sage-200: #B8E4C6;--sage-300: #8DD1A4;--sage-400: #5CB87E;--sage-500: #3A9D5C;--sage-600: #2D7D49;--sage-700: #215E37;--sage-800: #164026;--sage-900: #0B2215;--dusk-50: #F8F5FF;--dusk-100: #EDE6FF;--dusk-200: #D9CCFF;--dusk-300: #BFA8FF;--dusk-400: #9E7EFF;--dusk-500: #7C53F5;--dusk-600: #6338E0;--dusk-700: #4C25C4;--dusk-800: #3718A0;--dusk-900: #220E6E;--stone-0: #FDFCF9;--stone-50: #F8F6F1;--stone-100: #EDE9E0;--stone-200: #DDD8CC;--stone-300: #C4BDB0;--stone-400: #A09890;--stone-500: #7D7570;--stone-600: #5A5450;--stone-700: #3D3A37;--stone-800: #252320;--stone-900: #141210;--color-success: var(--sage-500);--color-success-bg: var(--sage-50);--color-warning: var(--soul-500);--color-warning-bg: var(--soul-50);--color-error: var(--bloom-500);--color-error-bg: var(--bloom-50);--color-info: var(--dusk-500);--color-info-bg: var(--dusk-50);--surface-page: var(--stone-50);--surface-card: var(--stone-0);--surface-card-hover: var(--soul-50);--surface-overlay: rgba(253,252,249,.92);--surface-glass: rgba(253,252,249,.7);--border-soft: rgba(160,152,144,.25);--border-default: var(--stone-200);--border-strong: var(--stone-300);--border-focus: var(--soul-400);--text-primary: var(--stone-800);--text-body: var(--stone-700);--text-secondary: var(--stone-600);--text-muted: var(--stone-500);--text-placeholder: var(--stone-400);--text-link: var(--soul-600);--text-link-hover: var(--soul-700);--interactive-primary: var(--soul-500);--interactive-primary-hover: var(--soul-600);--interactive-primary-text: var(--stone-900);--interactive-secondary: transparent;--interactive-secondary-border: var(--stone-300);--interactive-secondary-hover-bg: var(--stone-100)}@media(prefers-color-scheme:dark){:root{--surface-page: #1A1814;--surface-card: #222019;--surface-card-hover: #2A2720;--surface-glass: rgba(26,24,20,.8);--surface-overlay: rgba(26,24,20,.94);--border-soft: rgba(255,240,200,.08);--border-default: rgba(255,240,200,.14);--border-strong: rgba(255,240,200,.24);--text-primary: #F5EFE0;--text-body: #D9D0C0;--text-secondary: #B0A898;--text-muted: #7A7268;--text-placeholder:#5A5450;--text-link: var(--soul-300);--text-link-hover: var(--soul-200);--interactive-primary: var(--soul-400);--interactive-primary-hover: var(--soul-300);--interactive-primary-text: var(--stone-900)}}[data-mood=bloom]{--soul-300: #FFB3AA;--soul-400: #FF8F82;--soul-500: #FF6B5B;--soul-600: #E54E3E}[data-mood=forest]{--soul-300: #8DD1A4;--soul-400: #5CB87E;--soul-500: #3A9D5C;--soul-600: #2D7D49}[data-mood=dusk]{--soul-300: #BFA8FF;--soul-400: #9E7EFF;--soul-500: #7C53F5;--soul-600: #6338E0}[data-mood=ocean]{--soul-300: #80D8E8;--soul-400: #4BBFD6;--soul-500: #1EA8C4;--soul-600: #1588A0}}@layer tokens{:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-quote: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.625rem, .6rem + .2vw, .75rem);--text-sm: clamp(.75rem, .7rem + .3vw, .875rem);--text-base: clamp(.9375rem, .85rem + .4vw, 1rem);--text-md: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, .95rem + .8vw, 1.375rem);--text-xl: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);--text-2xl: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);--text-3xl: clamp(1.875rem, 1.2rem + 2.6vw, 3rem);--text-4xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);--text-5xl: clamp(2.75rem, 1.6rem + 4.4vw, 4.5rem);--text-6xl: clamp(3.25rem, 2rem + 5.5vw, 5.5rem);--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2;--tracking-tight: -.03em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}}@layer tokens{:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--prose-width: 68ch;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-2xl: 48px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(61,42,0,.06), 0 1px 2px rgba(61,42,0,.04);--shadow-sm: 0 2px 8px rgba(61,42,0,.08), 0 1px 3px rgba(61,42,0,.05);--shadow-md: 0 4px 20px rgba(61,42,0,.1), 0 2px 8px rgba(61,42,0,.06);--shadow-lg: 0 8px 40px rgba(61,42,0,.14), 0 4px 16px rgba(61,42,0,.08);--shadow-xl: 0 20px 60px rgba(61,42,0,.18), 0 8px 24px rgba(61,42,0,.1);--shadow-glow-soul: 0 0 32px rgba(245,168,0,.2);--shadow-glow-bloom: 0 0 32px rgba(255,107,91,.2);--shadow-glow-dusk: 0 0 32px rgba(124,83,245,.2)}}@layer tokens{:root{--dur-instant: 80ms;--dur-fast: .15s;--dur-normal: .25s;--dur-medium: .4s;--dur-slow: .6s;--dur-slower: .8s;--dur-glacial: 1.2s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-quad: cubic-bezier(.45, 0, .55, 1);--ease-gentle: cubic-bezier(.25, .46, .45, .94);--ease-linear: linear}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{--bp-xs: 480px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px}}@layer tokens{:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bottom-safe-pad: calc(var(--space-4) + var(--safe-bottom));--bottom-nav-height: calc(60px + var(--safe-bottom));--keyboard-height: 0px}}@layer base{@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-subset.woff2) format("woff2 supports variations"),url(/fonts/Fraunces-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;ascent-override:93%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Italic-subset.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap;ascent-override:93%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-subset.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;ascent-override:102%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Lora;src:url(/fonts/Lora-Italic-subset.woff2) format("woff2");font-weight:400 500;font-style:italic;font-display:swap;ascent-override:92%;descent-override:25%;line-gap-override:0%}}@layer base{.t-hero{font-family:var(--font-display);font-size:clamp(var(--text-4xl),7vw,var(--text-6xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 80,"wght" 700}.t-section{font-family:var(--font-display);font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variation-settings:"opsz" 40,"wght" 600}.t-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary);font-variation-settings:"opsz" 24,"wght" 500}.t-body{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--text-body)}.t-quote{font-family:var(--font-quote);font-style:italic;font-size:var(--text-xl);font-weight:500;line-height:var(--leading-loose);color:var(--text-primary)}.t-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.t-meta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--text-muted)}}@layer base{body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-relaxed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--stone-100)}::-webkit-scrollbar-thumb{background:var(--soul-300);border-radius:var(--radius-full);border:2px solid var(--stone-100)}::-webkit-scrollbar-thumb:hover{background:var(--soul-400)}::selection{background:var(--soul-200);color:var(--stone-900)}:focus-visible{outline:3px solid var(--soul-400);outline-offset:3px;border-radius:var(--radius-sm);transition:outline-offset var(--dur-fast) var(--ease-out-expo)}.card:focus-visible,.btn:focus-visible{outline-offset:4px}.prose{max-width:var(--prose-width);line-height:var(--leading-relaxed)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){.container{padding:0 var(--space-4)}}}@layer base{.app-shell{display:flex;min-height:100vh;background:var(--surface-page)}.main-content{flex:1;margin-left:240px;min-height:100vh;transition:margin-left var(--dur-medium) var(--ease-out-expo)}@media(max-width:1023px){.main-content{margin-left:64px}}@media(max-width:767px){.main-content{margin-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom) + var(--space-4))}}.page-wrapper{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-6)}@media(max-width:767px){.page-wrapper{padding:var(--space-6) var(--space-4)}}.feed-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);max-width:var(--container-xl);margin:0 auto;padding:var(--space-6);align-items:start}@media(max-width:1100px){.feed-layout{grid-template-columns:1fr}.feed-right-panel{display:none}}.reading-layout{max-width:var(--prose-width);margin:0 auto;padding:var(--space-12) var(--space-6)}@media(max-width:767px){.reading-layout{padding:var(--space-8) var(--space-4)}}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--space-8);max-width:var(--container-lg);margin:0 auto;padding:var(--space-8) var(--space-6)}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:768px){.auth-layout{grid-template-columns:1fr}}}@layer base{*{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,[role=button],a,select,.clickable{touch-action:manipulation}button,[role=button],a,select{min-height:44px}.small-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center}.small-icon-btn:after{content:"";position:absolute;inset:-10px;border-radius:inherit}.form-checkbox-wrapper{display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.form-checkbox-wrapper input[type=checkbox],.form-checkbox-wrapper input[type=radio]{width:20px;height:20px;min-height:20px;cursor:pointer;accent-color:var(--soul-500)}.bottom-nav-item,.sidebar-nav-item,.settings-nav-item{min-height:44px}.reaction-btn{min-height:36px;padding:var(--space-2) var(--space-3)}}@layer base{.bottom-nav{padding-bottom:var(--safe-bottom);height:var(--bottom-nav-height)}@media(max-width:767px){.main-content{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}}@media(max-width:767px){.toast-container{bottom:calc(var(--bottom-nav-height) + var(--space-3))}}.chat-input-bar{padding-bottom:var(--bottom-safe-pad)}.fullscreen-overlay,.tour-overlay{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.bottom-sheet{padding-bottom:var(--bottom-safe-pad)}.sidebar{padding-left:var(--safe-left)}@media(max-width:767px){.write-toolbar{bottom:calc(var(--keyboard-height) + var(--safe-bottom))}}}@layer base{.keyboard-open .chat-input-bar{transform:translateY(calc(-1 * var(--keyboard-height)));transition:transform var(--dur-fast) var(--ease-out-expo)}.keyboard-open .chat-messages{height:calc(100vh - 60px - var(--bottom-nav-height) - 72px - var(--keyboard-height));transition:height var(--dur-fast) var(--ease-out-expo)}.keyboard-open .write-body-input{padding-bottom:calc(80px + var(--keyboard-height))}@media(max-width:767px){.chat-thread{height:calc(100vh - 60px - var(--bottom-nav-height));overflow:hidden}}@media(max-width:767px){.write-toolbar{transition:bottom var(--dur-fast) var(--ease-out-expo)}}}@layer base{@media(max-height:500px)and (orientation:landscape){.bottom-nav,.bottom-nav-inner{height:48px}.bottom-nav-item{font-size:0;gap:0;padding:var(--space-2)}.write-container{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-3) var(--space-4);align-items:start}.bottom-sheet{max-height:85vh}.auth-visual{display:none}.auth-layout{grid-template-columns:1fr}.story-hero{height:160px}}}@layer base{@media(max-width:767px){:focus-visible{outline-width:3px;outline-offset:4px}input,textarea,select{font-size:16px!important}body{font-size:16px}p,li,.t-body{line-height:var(--leading-relaxed)}}@media(forced-colors:active){.bottom-nav,.sidebar,.topbar{border:2px solid ButtonText}.btn-primary{forced-color-adjust:none;background:Highlight;color:HighlightText}.card{border:1px solid ButtonText}}@media(prefers-reduced-motion:reduce){.bottom-sheet{transition:none!important}.ptr-spinner{animation:none!important}.ptr-indicator{transition:none!important}.bubble-in{animation:none!important}}}@layer layout{.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-medium) var(--ease-out-expo),transform var(--dur-medium) var(--ease-out-expo)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-group>*:nth-child(1){transition-delay:0ms}.reveal-group>*:nth-child(2){transition-delay:60ms}.reveal-group>*:nth-child(3){transition-delay:.12s}.reveal-group>*:nth-child(4){transition-delay:.18s}.reveal-group>*:nth-child(5){transition-delay:.24s}.reveal-group>*:nth-child(6){transition-delay:.3s}.reveal-group>*{opacity:0;transform:translateY(24px);transition:opacity var(--dur-medium) var(--ease-out-expo),transform var(--dur-medium) var(--ease-out-expo)}.reveal-group.is-visible>*{opacity:1;transform:translateY(0)}}@layer layout{.card-interactive{transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-out-expo),background var(--dur-fast) var(--ease-gentle);will-change:transform;cursor:pointer}.card-interactive:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow-lg),var(--shadow-glow-soul);background:var(--surface-card-hover)}.card-interactive:active{transform:translateY(-1px) scale(.998);transition-duration:var(--dur-fast)}}@layer layout{.page-enter{opacity:0;transform:translateY(16px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity var(--dur-normal) var(--ease-in-out-quad),transform var(--dur-normal) var(--ease-in-out-quad)}}@layer layout{.lumina-bg{position:fixed;inset:0;z-index:-1;background:var(--surface-page);overflow:hidden;pointer-events:none}.lumina-bg:before,.lumina-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.lumina-bg:before{width:600px;height:600px;background:radial-gradient(circle,var(--soul-200) 0%,transparent 70%);top:-200px;left:-200px;animation:drift 20s ease-in-out infinite alternate}.lumina-bg:after{width:500px;height:500px;background:radial-gradient(circle,var(--dusk-200) 0%,transparent 70%);bottom:-150px;right:-150px;animation:drift 25s ease-in-out infinite alternate;animation-delay:-8s}.lumina-bg-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none}.lumina-bg-orb--bloom{width:400px;height:400px;background:radial-gradient(circle,var(--bloom-200) 0%,transparent 70%);top:40%;left:60%;animation:drift 18s ease-in-out infinite alternate;animation-delay:-4s}.lumina-bg-orb--sage{width:350px;height:350px;background:radial-gradient(circle,var(--sage-200) 0%,transparent 70%);top:70%;left:20%;animation:drift 22s ease-in-out infinite alternate;animation-delay:-12s}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.98)}to{transform:translate(20px,10px) scale(1.03)}}}@layer tokens{:root{--brand-bg: #FFFDF9;--brand-bg-dark: #1A1816;--brand-primary: #F5A800;--brand-primary-dk: #C47E00;--brand-ambient-bloom: #FFF0F7;--brand-ambient-sage: #F0FDF4;--brand-ambient-dusk: #F5F0FF;--brand-ambient-soul: #FFF8E6}body{background-color:var(--brand-bg)}.card{background:#fff}.logo__symbol,.lumina-mark{color:var(--soul-500)}.gradient-warmth{background:linear-gradient(135deg,var(--soul-50),var(--bloom-50))}.gradient-growth{background:linear-gradient(135deg,var(--sage-50),var(--soul-50))}.gradient-depth{background:linear-gradient(135deg,var(--dusk-50),var(--bloom-50))}.gradient-calm{background:linear-gradient(135deg,var(--stone-50),var(--sage-50))}}@layer components{.wordmark{font-family:var(--font-display);font-size:inherit;font-weight:700;letter-spacing:-.02em;color:var(--stone-900);line-height:1;font-style:normal;font-variant:normal}.wordmark--gold{color:var(--soul-500)}.wordmark--reversed{color:#fff}.logo{display:inline-flex;align-items:center;gap:.35em;text-decoration:none;line-height:1}.logo__symbol{color:var(--soul-500);font-size:1em;line-height:1;flex-shrink:0;position:relative;top:-.05em}.logo__text{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--stone-900);line-height:1}.nav-logo{font-size:1.25rem}.footer-logo{font-size:1rem}.email-logo{font-size:1.5rem}}@layer components{.t-hero{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.06;color:var(--stone-900);font-style:normal}.t-hero em{font-style:italic;color:var(--soul-700)}.t-story-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--stone-900)}.t-pull-quote{font-family:var(--font-quote);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;font-style:italic;line-height:1.5;color:var(--stone-700);padding-left:var(--space-5);border-left:3px solid var(--soul-300)}.t-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--stone-500)}.t-label--gold{color:var(--soul-600);letter-spacing:.12em}.t-reading-body{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;line-height:1.85;color:var(--stone-800);max-width:65ch;font-optical-sizing:auto}.t-ui-body{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:1.6;color:var(--stone-600)}.t-tagline{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.35rem);font-weight:400;font-style:italic;color:var(--stone-500);letter-spacing:.01em;line-height:1.5}}@layer components{.card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-gentle)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--soul-300),var(--bloom-300),transparent);opacity:0;transition:opacity var(--dur-normal) var(--ease-gentle)}.card:hover:before{opacity:1}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-glow-soul);border-color:var(--border-default)}.card--featured{border:1px solid var(--soul-300);background:linear-gradient(135deg,var(--soul-50) 0%,var(--surface-card) 60%)}.card--thought{border-radius:var(--radius-xl);padding:var(--space-8)}.card--compact{padding:var(--space-4);border-radius:var(--radius-md)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out-expo),background var(--dur-fast) var(--ease-gentle),border-color var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle);will-change:transform;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--soul-500);color:var(--stone-900);box-shadow:0 2px 12px #f5a80059}.btn-primary:hover{background:var(--soul-600);transform:translateY(-2px);box-shadow:0 6px 24px #f5a80073}.btn-primary:active{transform:translateY(0) scale(.97);transition-duration:var(--dur-instant)}.btn-secondary{background:transparent;color:var(--text-body);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-card-hover);border-color:var(--soul-300);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;padding-left:var(--space-3);padding-right:var(--space-3)}.btn-ghost:hover{background:var(--stone-100);color:var(--text-body)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-xl{font-size:var(--text-xl);padding:var(--space-5) var(--space-10)}}@layer components{.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;border:2px solid var(--surface-card);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-spring)}.avatar:hover{transform:scale(1.08);box-shadow:var(--shadow-sm),var(--shadow-glow-soul)}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar-2xl{width:120px;height:120px}.avatar-initials{background:linear-gradient(135deg,var(--soul-300),var(--bloom-300));color:var(--stone-800);font-family:var(--font-display);font-weight:var(--weight-semibold);display:flex;align-items:center;justify-content:center;font-size:.4em;border-radius:var(--radius-full)}.avatar-wrapper{position:relative;display:inline-block}.avatar-status{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface-card);background:var(--sage-400)}}@layer components{.reaction-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-soft);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);font-family:var(--font-body)}.reaction-btn:hover{border-color:var(--soul-300);color:var(--soul-600);background:var(--soul-50)}.reaction-btn.is-liked{background:var(--bloom-50);border-color:var(--bloom-300);color:var(--bloom-600)}.reaction-btn.is-liked .reaction-icon{animation:heart-burst .4s var(--ease-spring)}@keyframes heart-burst{0%{transform:scale(1)}30%{transform:scale(1.5) rotate(-10deg)}60%{transform:scale(.9)}to{transform:scale(1)}}.reaction-btn.is-disliked{background:var(--stone-100);border-color:var(--stone-300);color:var(--stone-500)}}@layer components{.skeleton{background:linear-gradient(90deg,var(--stone-100) 25%,var(--stone-50) 50%,var(--stone-100) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-title{height:1.5em;width:70%;margin-bottom:.75em}.skeleton-avatar{border-radius:var(--radius-full)}.skeleton-card{border-radius:var(--radius-lg)}}@layer components{.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);z-index:100;overflow-y:auto;overflow-x:hidden;transition:width var(--dur-medium) var(--ease-out-expo);scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);transition:opacity var(--dur-fast) var(--ease-gentle);flex-shrink:0;font-variation-settings:"opsz" 24,"wght" 700}.sidebar-logo:hover{opacity:.75}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none;position:relative;transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring);white-space:nowrap;cursor:pointer;border:none;background:none;width:100%;text-align:left;min-height:44px}.sidebar-nav-item:hover{background:var(--surface-card-hover);color:var(--text-primary);transform:translate(3px)}.sidebar-nav-item.is-active{background:var(--soul-50);color:var(--soul-700);font-weight:var(--weight-semibold)}.sidebar-nav-item.is-active:before{content:"";position:absolute;left:-16px;top:25%;bottom:25%;width:3px;background:var(--soul-500);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-badge{margin-left:auto;background:var(--soul-400);color:var(--stone-900);font-size:10px;font-weight:var(--weight-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1);animation:badge-pop .3s var(--ease-spring);flex-shrink:0}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.sidebar-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2);white-space:nowrap}.sidebar-divider{height:1px;background:var(--border-soft);margin:var(--space-3) 0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-gentle);margin-top:auto}.sidebar-user:hover{background:var(--surface-card-hover)}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-handle{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:1023px){.sidebar{width:64px;padding:var(--space-4) var(--space-2)}.sidebar-nav-item{justify-content:center;padding:var(--space-3);gap:0}.sidebar-nav-item .nav-label,.sidebar-logo .logo-text,.sidebar-section-label,.sidebar-badge,.sidebar-user-info{display:none}.sidebar-user{justify-content:center}.sidebar-logo{justify-content:center;padding:var(--space-2)}.sidebar-nav-item.is-active:before{left:-8px}}@media(max-width:767px){.sidebar{display:none}}}@layer components{.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-soft);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;height:64px;padding:0 var(--space-2)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-2) var(--space-3);color:var(--text-muted);text-decoration:none;font-family:var(--font-body);font-size:10px;font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring);position:relative;border:none;background:none;cursor:pointer;min-width:44px;min-height:44px;justify-content:center}.bottom-nav-item.is-active{color:var(--soul-600)}.bottom-nav-item.is-active:after{content:"";position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:var(--soul-500)}.bottom-nav-item:active{transform:scale(.88);transition-duration:var(--dur-instant)}.bottom-nav-write{background:var(--soul-500)!important;color:var(--stone-900)!important;border-radius:var(--radius-full)!important;width:52px;height:52px;box-shadow:0 4px 20px #f5a80066;transform:translateY(-6px);flex-direction:row!important;font-size:0!important;padding:0!important;min-width:52px}.bottom-nav-write:active{transform:translateY(-6px) scale(.92)!important}.bottom-nav-write:after{display:none!important}@media(max-width:767px){.bottom-nav{display:flex}}}@layer components{.topbar{position:sticky;top:0;z-index:90;height:60px;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);transition:background var(--dur-normal) var(--ease-gentle),box-shadow var(--dur-normal) var(--ease-gentle),transform var(--dur-normal) var(--ease-out-expo),border-color var(--dur-normal) var(--ease-gentle);border-bottom:1px solid transparent}.topbar.is-scrolled{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-xs);border-bottom-color:var(--border-soft)}.topbar.is-hidden{transform:translateY(-100%)}.topbar-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-variation-settings:"opsz" 20,"wght" 600}.topbar-search{flex:1;max-width:360px;position:relative}.topbar-search input{width:100%;height:38px;padding:0 var(--space-4) 0 calc(var(--space-4) + 20px + var(--space-2));background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast) var(--ease-gentle)}.topbar-search input:focus{outline:none;border-color:var(--soul-400);box-shadow:0 0 0 3px #f5a80026}.topbar-search input::placeholder{color:var(--text-placeholder)}.topbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}}@layer components{.auth-visual{background:linear-gradient(135deg,var(--soul-100) 0%,var(--dusk-100) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);position:relative;overflow:hidden;min-height:100vh}.auth-visual-quote{font-family:var(--font-quote);font-style:italic;font-size:var(--text-2xl);color:var(--stone-700);text-align:center;max-width:380px;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.auth-visual-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;pointer-events:none}.auth-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-10);background:var(--surface-page);min-height:100vh}.auth-form-inner{width:100%;max-width:400px}.auth-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);font-variation-settings:"opsz" 24,"wght" 700}.auth-steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-step-dot{width:6px;height:6px;border-radius:50%;background:var(--stone-200);transition:background var(--dur-normal) var(--ease-out-expo),width var(--dur-normal) var(--ease-spring)}.auth-step-dot.is-active{width:24px;border-radius:var(--radius-full);background:var(--soul-500)}.auth-step-dot.is-done{background:var(--sage-400)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);width:100%}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);font-family:var(--font-body)}.form-input{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring)}.form-input:focus{outline:none;border-color:var(--soul-400);box-shadow:0 0 0 4px #f5a8001f;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-placeholder)}.form-input.has-error{border-color:var(--bloom-400);box-shadow:0 0 0 4px #ff6b5b1a}.form-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1);font-family:var(--font-body)}.form-error{font-size:var(--text-sm);color:var(--bloom-600);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body)}.auth-chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:transparent;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);user-select:none}.auth-chip:hover{border-color:var(--soul-300);background:var(--soul-50);color:var(--soul-700);transform:translateY(-2px)}.auth-chip.is-selected{border-color:var(--soul-400);background:var(--soul-100);color:var(--soul-800);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 12px #f5a80033}@media(max-width:768px){.auth-form-panel{padding:var(--space-8) var(--space-6)}}}@layer components{.pause-card{border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;background:linear-gradient(135deg,var(--soul-50) 0%,var(--dusk-50) 100%);border:1px solid var(--soul-200);margin:var(--space-6) 0;position:relative;overflow:hidden}.pause-card-breathe{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--soul-300),var(--dusk-300));margin:0 auto var(--space-4);animation:breathe-pulse 4s ease-in-out infinite}@keyframes breathe-pulse{0%,to{transform:scale(1);opacity:.6;box-shadow:0 0 #f5a8004d}50%{transform:scale(1.4);opacity:1;box-shadow:0 0 0 16px #f5a80000}}.pause-card-text{font-family:var(--font-quote);font-style:italic;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.pause-card-sub{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.pause-card-breathe{animation:none;opacity:.8}}}@layer components{.notif-item{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-gentle);position:relative}.notif-item:hover{background:var(--surface-card-hover)}.notif-item.is-unread{background:var(--soul-50)}.notif-item.is-unread:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--soul-500);border-radius:0 var(--radius-full) var(--radius-full) 0}.notif-icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--soul-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-lg)}.notif-body{flex:1;min-width:0}.notif-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.notif-excerpt{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted)}.notif-date-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);padding:var(--space-4) var(--space-4) var(--space-2)}}@layer components{.toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);box-shadow:var(--shadow-xl);white-space:nowrap;max-width:calc(100vw - var(--space-8));pointer-events:auto;animation:toast-in .35s var(--ease-spring)}.toast.is-exiting{animation:toast-out .25s var(--ease-in-out-quad) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.toast.is-success{border-color:var(--sage-300)}.toast.is-error{border-color:var(--bloom-300)}.toast.is-info{border-color:var(--soul-300)}.toast-icon{font-size:var(--text-base);flex-shrink:0}@media(max-width:767px){.toast-container{bottom:calc(64px + env(safe-area-inset-bottom) + var(--space-3))}}}@layer components{.tour-overlay{position:fixed;inset:0;background:#141210b8;z-index:1000;display:flex;align-items:center;justify-content:center;animation:overlay-in .4s var(--ease-out-expo)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.tour-welcome-card{background:var(--surface-card);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow-xl);animation:tooltip-pop .4s var(--ease-spring)}.tour-welcome-logo{font-size:3rem;margin-bottom:var(--space-6);display:block}.tour-spotlight{position:absolute;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #141210b8;pointer-events:none;transition:all var(--dur-slow) var(--ease-out-expo)}.tour-tooltip{position:absolute;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);max-width:280px;box-shadow:var(--shadow-xl);animation:tooltip-pop .3s var(--ease-spring);z-index:1001}@keyframes tooltip-pop{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tour-progress{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--stone-200);transition:background var(--dur-fast)}.tour-dot.is-active{background:var(--soul-500)}.tour-dot.is-done{background:var(--sage-400)}.tour-skip{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-body);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--dur-fast)}.tour-skip:hover{color:var(--text-secondary)}}@layer components{.sheet-backdrop{position:fixed;inset:0;background:#14121080;z-index:300;opacity:0;pointer-events:none;transition:opacity var(--dur-medium) var(--ease-gentle);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:301;transform:translateY(100%);transition:transform var(--dur-medium) var(--ease-out-expo);padding-bottom:var(--bottom-safe-pad);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;border-top:1px solid var(--border-soft);box-shadow:0 -8px 40px #3d2a001f;will-change:transform}.bottom-sheet.is-open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--stone-300);border-radius:var(--radius-full);margin:var(--space-3) auto var(--space-1);flex-shrink:0;cursor:grab;transition:background var(--dur-fast) var(--ease-gentle)}.sheet-handle:active{cursor:grabbing;background:var(--soul-400)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5) var(--space-4);flex-shrink:0;border-bottom:1px solid var(--border-soft)}.sheet-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-variation-settings:"opsz" 20,"wght" 600}.sheet-close{width:32px;height:32px;min-height:32px;border-radius:var(--radius-full);background:var(--surface-page);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring)}.sheet-close:hover{background:var(--stone-200);color:var(--text-primary);transform:scale(1.1)}.sheet-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet-action-list{display:flex;flex-direction:column;gap:var(--space-1)}.sheet-action-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);border:none;background:transparent;width:100%;text-align:left;min-height:52px;transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring);touch-action:manipulation}.sheet-action-item:hover,.sheet-action-item:focus-visible{background:var(--surface-card-hover);transform:translate(4px)}.sheet-action-item:active{transform:scale(.98);transition-duration:var(--dur-instant)}.sheet-action-item.is-danger{color:var(--bloom-600)}.sheet-action-item.is-danger:hover{background:var(--bloom-50)}.sheet-action-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-page);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}@media(min-width:768px){.bottom-sheet{max-width:480px;left:50%;right:auto;transform:translate(-50%) translateY(100%);border-radius:var(--radius-xl);bottom:var(--space-8)}.bottom-sheet.is-open{transform:translate(-50%) translateY(0)}}}@layer components{.ptr-container{position:relative;overflow:hidden}.ptr-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:var(--surface-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:top var(--dur-fast) var(--ease-out-expo),opacity var(--dur-fast) var(--ease-gentle);opacity:0;z-index:10}.ptr-indicator.is-pulling{opacity:1}.ptr-spinner{width:20px;height:20px;border:2px solid var(--stone-200);border-top-color:var(--soul-500);border-radius:50%;transition:transform var(--dur-fast) var(--ease-linear)}.ptr-indicator.is-refreshing .ptr-spinner{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-label{position:absolute;top:-88px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease-gentle);background:var(--surface-card);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-soft)}.ptr-indicator.is-pulling~.ptr-label{opacity:1}@media(prefers-reduced-motion:reduce){.ptr-indicator.is-refreshing .ptr-spinner{animation:none;border-top-color:var(--soul-500)}}}@layer components{.img-blur-wrapper{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--soul-50);border-radius:var(--radius-lg)}.img-blur-wrapper.is-avatar{aspect-ratio:1 / 1;border-radius:50%}.img-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.05);transition:opacity var(--dur-slow) var(--ease-gentle)}.img-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease-gentle)}.img-full.is-loaded{opacity:1}.img-full.is-loaded~.img-placeholder{opacity:0}@media(prefers-reduced-motion:reduce){.img-full,.img-placeholder{transition:none}}}@layer components{.internal-topic-link{color:var(--soul-600);text-decoration-line:underline;text-decoration-color:var(--soul-300);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-gentle),text-decoration-color var(--dur-fast) var(--ease-gentle)}.internal-topic-link:hover{color:var(--soul-700);text-decoration-color:var(--soul-500)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.related-link{text-decoration:none;color:inherit;display:block}}@layer components{.privacy-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.privacy-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);cursor:pointer;background:var(--stone-50);transition:all var(--dur-fast) var(--ease-gentle);user-select:none;min-width:140px}.privacy-option:hover{border-color:var(--soul-300);background:var(--soul-50)}.privacy-option.is-selected{border-color:var(--soul-500);background:var(--soul-50);box-shadow:0 0 0 3px var(--soul-100)}.privacy-option__icon{font-size:1.25rem;flex-shrink:0}.privacy-option__label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--stone-800)}.privacy-option__sublabel{display:block;font-size:var(--text-xs);color:var(--stone-500);line-height:1.3;margin-top:2px}.privacy-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--stone-400);padding:2px 8px;border-radius:var(--radius-full);background:var(--stone-100)}.privacy-badge--anonymous{color:var(--dusk-600);background:var(--dusk-50)}.privacy-section{padding:var(--space-6);border-bottom:1px solid var(--stone-100)}.privacy-section+.privacy-section{padding-top:var(--space-6)}.privacy-section__title{font-size:var(--text-base);font-weight:600;color:var(--stone-800);margin-bottom:var(--space-1)}.privacy-section__desc{font-size:var(--text-sm);color:var(--stone-500);margin-bottom:var(--space-4);max-width:52ch;line-height:1.6}.privacy-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--stone-50)}.privacy-toggle-row:last-child{border-bottom:none}.privacy-toggle-label{font-size:var(--text-sm);font-weight:500;color:var(--stone-700)}.privacy-toggle-sublabel{display:block;font-size:var(--text-xs);color:var(--stone-400);margin-top:2px}}@layer components{.report-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.report-modal__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.report-modal__card{position:relative;background:var(--surface-card);border-radius:var(--radius-2xl);padding:var(--space-6);width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:modal-in var(--dur-moderate) var(--ease-spring) both}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.report-modal__title{font-size:var(--text-lg);font-weight:700;color:var(--stone-900);margin-bottom:var(--space-1)}.report-modal__subtitle{font-size:var(--text-sm);color:var(--stone-500);margin-bottom:var(--space-5);line-height:1.5}.report-reasons{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.report-reason{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast) var(--ease-gentle);text-align:left;background:transparent;width:100%}.report-reason:hover{border-color:var(--soul-300);background:var(--soul-50)}.report-reason.is-selected{border-color:var(--soul-500);background:var(--soul-50)}.report-reason__icon{font-size:1.1rem;margin-top:1px;flex-shrink:0}.report-reason__text{display:block;font-size:var(--text-sm);font-weight:500;color:var(--stone-800)}.report-reason__sub{display:block;font-size:var(--text-xs);color:var(--stone-500);margin-top:2px}.report-detail{width:100%;min-height:80px;padding:var(--space-3);border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);color:var(--stone-800);resize:vertical;background:var(--stone-50);transition:border-color var(--dur-fast);margin-bottom:var(--space-5);box-sizing:border-box}.report-detail:focus{outline:none;border-color:var(--soul-400);background:#fff}.report-detail::placeholder{color:var(--stone-400)}.report-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.crisis-panel{padding:var(--space-4);background:var(--sage-50);border:1px solid var(--sage-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.crisis-panel__title{font-size:var(--text-sm);font-weight:600;color:var(--sage-800);margin-bottom:var(--space-2)}.crisis-panel__text{font-size:var(--text-sm);color:var(--sage-700);line-height:1.6}.crisis-panel__link{color:var(--sage-600);font-weight:600;text-decoration:underline;text-underline-offset:2px}}@layer components{.badge-verified{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--soul-700);background:var(--soul-50);border:1px solid var(--soul-200);border-radius:var(--radius-full);padding:2px 8px;font-weight:600;white-space:nowrap}.badge-verified__icon{color:var(--soul-500);font-size:.8rem}.badge-moderator{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--dusk-700);background:var(--dusk-50);border:1px solid var(--dusk-200);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.badge-new{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--sage-700);background:var(--sage-50);border:1px solid var(--sage-200);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.author-trust-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.trust-indicators{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-8) 0}.trust-indicator{display:flex;align-items:center;gap:var(--space-2);color:var(--stone-500);font-size:var(--text-sm)}.trust-indicator__icon{color:var(--soul-500);font-size:1.1rem}.trust-section{padding:var(--space-12) var(--space-4);background:var(--stone-50);border-radius:var(--radius-2xl);margin:var(--space-10) 0}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.trust-card{padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.trust-card__icon{font-size:1.8rem;margin-bottom:var(--space-3)}.trust-card__title{font-size:var(--text-base);font-weight:700;color:var(--stone-800);margin-bottom:var(--space-2)}.trust-card__body{font-size:var(--text-sm);color:var(--stone-500);line-height:1.6}}@layer components{.notif-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;color:var(--stone-500);transition:color var(--dur-fast),background var(--dur-fast);background:none;border:none;padding:0}.notif-bell:hover{color:var(--stone-800);background:var(--stone-100)}.notif-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--soul-500);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-page);animation:badge-pop var(--dur-fast) var(--ease-spring);line-height:1}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.notif-bell-wrapper{position:relative}.notif-panel{position:absolute;top:calc(100% + var(--space-2));right:0;width:360px;max-height:480px;background:var(--surface-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--stone-100);overflow:hidden;display:flex;flex-direction:column;animation:panel-in var(--dur-moderate) var(--ease-spring) both;z-index:var(--z-dropdown)}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--stone-100);flex-shrink:0}.notif-panel__title{font-size:var(--text-base);font-weight:700;color:var(--stone-900)}.notif-panel__mark-all{font-size:var(--text-xs);color:var(--soul-600);font-weight:600;cursor:pointer;background:none;border:none;padding:0}.notif-panel__mark-all:hover{text-decoration:underline}.notif-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--stone-200) transparent}.notif-item{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--stone-50);cursor:pointer;transition:background var(--dur-fast);text-decoration:none;color:inherit}.notif-item:hover{background:var(--stone-50)}.notif-item.is-unread{background:var(--soul-50)}.notif-item.is-unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--soul-500);border-radius:0 2px 2px 0}.notif-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.notif-avatar--system{background:var(--soul-100);display:flex;align-items:center;justify-content:center;font-size:1rem}.notif-body{flex:1;min-width:0}.notif-text{font-size:var(--text-sm);color:var(--stone-700);line-height:1.5;margin-bottom:var(--space-1)}.notif-text strong{font-weight:600;color:var(--stone-900)}.notif-preview{font-size:var(--text-xs);color:var(--stone-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:var(--text-xs);color:var(--stone-400);flex-shrink:0;margin-top:2px}.notif-empty{padding:var(--space-10) var(--space-6);text-align:center;color:var(--stone-400)}.notif-empty__icon{font-size:2rem;margin-bottom:var(--space-3)}.notif-empty__title{font-size:var(--text-sm);font-weight:600;color:var(--stone-600);margin-bottom:var(--space-1)}.notif-empty__body{font-size:var(--text-xs);line-height:1.6}}@layer components{.streak-card{background:var(--soul-50);border:1px solid var(--soul-200);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.streak-main{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.streak-icon{font-size:1.8rem;line-height:1;color:var(--soul-500)}.streak-info{display:flex;flex-direction:column}.streak-count{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--stone-900);line-height:1;display:block}.streak-label{font-size:var(--text-xs);color:var(--stone-500);font-weight:500;display:block}.streak-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.streak-status{font-size:var(--text-xs);font-weight:600;color:var(--stone-500);padding:2px 8px;border-radius:var(--radius-full);background:var(--stone-100)}.streak-status.is-done{color:var(--soul-700);background:var(--soul-100)}.streak-status.is-rest{color:var(--dusk-600);background:var(--dusk-50)}.streak-rest-btn{font-size:var(--text-xs);color:var(--stone-400);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.streak-rest-btn:hover{color:var(--stone-600)}.streak-best{font-size:var(--text-xs);color:var(--stone-400);margin-top:var(--space-2)}.streak-milestone{padding:var(--space-6);background:linear-gradient(135deg,var(--soul-50),var(--bloom-50));border-radius:var(--radius-2xl);text-align:center;border:1px solid var(--soul-200)}.streak-milestone__icon{font-size:2.5rem;margin-bottom:var(--space-3)}.streak-milestone__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--stone-900);margin-bottom:var(--space-2)}.streak-milestone__body{font-size:var(--text-sm);color:var(--stone-500);line-height:1.7;max-width:36ch;margin:0 auto}}@layer components{.prompt-banner{background:linear-gradient(135deg,var(--soul-50) 0%,var(--bloom-50) 100%);border:1px solid var(--soul-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.prompt-banner:before{content:"✦";position:absolute;right:var(--space-4);top:var(--space-4);font-size:2rem;color:var(--soul-200);line-height:1;pointer-events:none}.prompt-banner__week{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soul-500);margin-bottom:var(--space-2)}.prompt-banner__question{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--stone-900);line-height:1.3;font-style:italic;margin-bottom:var(--space-4)}.prompt-banner__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.prompt-banner__count{font-size:var(--text-sm);color:var(--stone-500)}.prompt-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--soul-600);background:var(--soul-50);border-radius:var(--radius-full);padding:2px 8px;font-weight:600;border:1px solid var(--soul-200);white-space:nowrap}}@layer components{.year-review{max-width:480px;margin:0 auto}.year-review__slides{background:linear-gradient(150deg,var(--soul-50),var(--dusk-50));border-radius:var(--radius-2xl);min-height:320px;display:flex;align-items:center;justify-content:center;padding:var(--space-8);margin-bottom:var(--space-4);position:relative;overflow:hidden}.year-review__slide{display:none;flex-direction:column;align-items:center;text-align:center;animation:yr-in var(--dur-moderate) var(--ease-spring) both}.year-review__slide.is-active{display:flex}@keyframes yr-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.yr-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.yr-stat{font-family:var(--font-display);font-size:clamp(3rem,12vw,5rem);font-weight:800;color:var(--stone-900);line-height:1;margin-bottom:var(--space-3)}.yr-stat--text{font-size:clamp(1.5rem,6vw,2.5rem)}.yr-quote{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--stone-900);font-style:italic;margin-bottom:var(--space-3);line-height:1.3}.yr-label{font-size:var(--text-base);color:var(--stone-500);margin-bottom:var(--space-3)}.yr-sub{font-size:var(--text-sm);color:var(--stone-400);max-width:28ch;line-height:1.6}.year-review__nav{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-5)}.yr-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--stone-200);border:none;cursor:pointer;padding:0;transition:all var(--dur-fast)}.yr-dot.is-active{background:var(--soul-500);width:24px}.year-review__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.yr-footer-text{font-size:var(--text-sm);color:var(--stone-400)}}@layer components{.first-story-banner{background:var(--soul-50);border:1px solid var(--soul-200);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden;animation:slide-down var(--dur-moderate) var(--ease-spring) both}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:80px}}.first-story-banner__inner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.first-story-banner__icon{color:var(--soul-500);font-size:1.1rem;flex-shrink:0}.first-story-banner__text{flex:1;font-size:var(--text-sm);color:var(--soul-700);font-weight:500;line-height:1.4}.first-story-banner__close{background:none;border:none;color:var(--soul-300);cursor:pointer;font-size:.9rem;padding:var(--space-1);flex-shrink:0}.first-story-banner__close:hover{color:var(--soul-500)}.first-story-celebration{position:fixed;inset:0;z-index:var(--z-modal);background:#0009;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.first-story-celebration__card{background:#fff;border-radius:var(--radius-3xl);padding:var(--space-10) var(--space-8);max-width:420px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-xl);animation:modal-in var(--dur-moderate) var(--ease-spring) both}.first-story-celebration__confetti{position:absolute;inset:0;pointer-events:none}.first-story-celebration__icon{font-size:2.5rem;color:var(--soul-500);display:block;margin-bottom:var(--space-4)}.first-story-celebration__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--stone-900);margin-bottom:var(--space-4)}.first-story-celebration__body{font-size:var(--text-base);color:var(--stone-500);line-height:1.7;margin-bottom:var(--space-7);max-width:36ch;margin-left:auto;margin-right:auto}.first-story-celebration__actions{display:flex;flex-direction:column;gap:var(--space-3)}}@layer components{.referral-card{background:var(--soul-50);border:1px solid var(--soul-200);border-radius:var(--radius-xl);padding:var(--space-5)}.referral-card__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.referral-card__icon{font-size:1.4rem;color:var(--soul-500);flex-shrink:0;margin-top:2px}.referral-card__title{font-size:var(--text-base);font-weight:700;color:var(--stone-800);margin-bottom:2px}.referral-card__sub{font-size:var(--text-sm);color:var(--stone-500);line-height:1.5}.referral-link-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.referral-link-display{flex:1;background:#fff;border:1.5px solid var(--soul-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--stone-600);font-family:var(--font-mono, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-share-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.referral-share-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--stone-200);border-radius:var(--radius-lg);background:#fff;font-size:var(--text-sm);color:var(--stone-700);cursor:pointer;transition:all var(--dur-fast);font-weight:500}.referral-share-btn:hover{border-color:var(--soul-300);background:var(--soul-50)}.referral-count{font-size:var(--text-xs);color:var(--stone-400)}}@layer components{.goal-setter__title{font-size:var(--text-base);font-weight:700;color:var(--stone-800);margin-bottom:var(--space-1)}.goal-setter__sub{font-size:var(--text-sm);color:var(--stone-400);margin-bottom:var(--space-5)}.goal-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.goal-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast) var(--ease-gentle)}.goal-option:hover{border-color:var(--soul-300);background:var(--soul-50)}.goal-option.is-selected{border-color:var(--soul-500);background:var(--soul-50);box-shadow:0 0 0 3px var(--soul-100)}.goal-option__icon{font-size:1.1rem;flex-shrink:0}.goal-option__label{font-weight:600;font-size:var(--text-sm);color:var(--stone-800);display:block}.goal-option__sub{font-size:var(--text-xs);color:var(--stone-400);display:block}.goal-progress{background:var(--stone-50);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--stone-100)}.goal-progress__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.goal-progress__label{font-size:var(--text-xs);color:var(--stone-500);font-weight:600;letter-spacing:.03em}.goal-progress__count{font-size:var(--text-sm);font-weight:700;color:var(--stone-700);font-variant-numeric:tabular-nums}.goal-progress__bar{height:6px;background:var(--stone-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.goal-progress__fill{height:100%;background:linear-gradient(90deg,var(--soul-400),var(--soul-600));border-radius:var(--radius-full);transition:width var(--dur-slow) var(--ease-spring)}.goal-progress__done{font-size:var(--text-xs);color:var(--soul-600);font-weight:600}.goal-progress__remaining{font-size:var(--text-xs);color:var(--stone-400)}}@layer components{.write-page{min-height:100vh;background:var(--surface-page);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a09890' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.write-topbar{position:sticky;top:0;z-index:90;height:60px;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-3);background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-soft)}.write-container{max-width:740px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-20)}.write-topic-picker{margin-bottom:var(--space-6)}.write-topic-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:transparent;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring)}.write-topic-btn:hover{border-color:var(--soul-300);background:var(--soul-50);color:var(--soul-700)}.write-mood-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.mood-selector{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}.mood-pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:transparent;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;user-select:none;color:var(--text-secondary)}.mood-pill:hover{border-color:var(--soul-300);background:var(--soul-50);transform:translateY(-2px) scale(1.04)}.mood-pill.is-selected{border-color:var(--soul-400);background:var(--soul-100);color:var(--soul-800);transform:translateY(-2px) scale(1.06);box-shadow:0 4px 12px #f5a80033}.write-title-input{width:100%;border:none;background:transparent;font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);resize:none;outline:none;padding:0;margin-bottom:var(--space-6);min-height:1.2em;overflow:hidden;font-variation-settings:"opsz" 40,"wght" 700;display:block}.write-title-input::placeholder{color:var(--stone-300)}.write-body-input{width:100%;border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--text-body);resize:none;outline:none;padding:0;min-height:280px;display:block}.write-body-input::placeholder{color:var(--stone-300);font-style:italic}.write-char-counter{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-align:right;transition:color var(--dur-fast) var(--ease-gentle)}.write-char-counter.is-near-limit{color:var(--soul-600)}.write-char-counter.is-at-limit{color:var(--bloom-500)}.write-toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin:var(--space-6) 0}.toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring)}.toolbar-btn:hover{background:var(--surface-card-hover);color:var(--text-primary);transform:scale(1.12)}.toolbar-sep{width:1px;height:20px;background:var(--border-default);margin:0 var(--space-1)}.write-options{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.write-toggle-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;user-select:none}.write-toggle{width:36px;height:20px;border-radius:var(--radius-full);background:var(--stone-200);border:none;cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-gentle);flex-shrink:0}.write-toggle.is-on{background:var(--soul-500)}.write-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease-spring);box-shadow:0 1px 3px #00000026}.write-toggle.is-on:after{transform:translate(16px)}}@layer components{.messages-layout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 60px);overflow:hidden}.messages-sidebar{border-right:1px solid var(--border-soft);overflow-y:auto;background:var(--surface-card);display:flex;flex-direction:column}.messages-sidebar-header{padding:var(--space-5) var(--space-4) var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:var(--surface-card);backdrop-filter:blur(12px);font-variation-settings:"opsz" 24,"wght" 600;flex-shrink:0}.messages-search{padding:var(--space-3) var(--space-4);position:relative;flex-shrink:0}.messages-search input{width:100%;height:34px;padding:0 var(--space-3) 0 calc(var(--space-3) + 18px + var(--space-2));background:var(--surface-page);border:1.5px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);outline:none;transition:border-color var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast)}.messages-search input:focus{border-color:var(--soul-400);box-shadow:0 0 0 3px #f5a8001f}.messages-search-icon{position:absolute;left:calc(var(--space-4) + var(--space-3));top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.convo-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border-soft);transition:background var(--dur-fast) var(--ease-gentle);position:relative;min-height:68px;text-decoration:none;color:inherit}.convo-item:hover{background:var(--surface-card-hover)}.convo-item.is-active{background:var(--soul-50)}.convo-info{flex:1;min-width:0}.convo-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-preview{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-time{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;margin-left:var(--space-2)}.convo-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--soul-500);flex-shrink:0}.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--surface-page)}.chat-thread{display:flex;flex-direction:column;height:100%;background:var(--surface-page)}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-soft);background:var(--surface-glass);backdrop-filter:blur(12px);height:60px;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.chat-date-label{text-align:center;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) 0}.chat-bubble{max-width:70%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);animation:bubble-in .25s var(--ease-spring)}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble-received{background:var(--surface-card);border:1px solid var(--border-soft);color:var(--text-body);border-bottom-left-radius:var(--radius-sm);align-self:flex-start;box-shadow:var(--shadow-xs)}.chat-bubble-sent{background:var(--soul-100);color:var(--soul-900);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-bubble-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.sent-row{display:flex;flex-direction:column;align-items:flex-end}.received-row{display:flex;flex-direction:column;align-items:flex-start}.typing-indicator{display:inline-flex;gap:4px;padding:var(--space-3) var(--space-4);align-items:center;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--stone-400);animation:typing-bounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.chat-input-bar{border-top:1px solid var(--border-soft);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-end;background:var(--surface-card);flex-shrink:0}.chat-input{flex:1;min-height:44px;max-height:160px;padding:var(--space-3) var(--space-4);background:var(--surface-page);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);resize:none;outline:none;line-height:var(--leading-normal);transition:border-color var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast) var(--ease-gentle)}.chat-input:focus{border-color:var(--soul-400);box-shadow:0 0 0 3px #f5a8001f}.chat-input::placeholder{color:var(--text-placeholder)}.chat-send-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--soul-500);color:var(--stone-900);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out-expo)}.chat-send-btn:hover{background:var(--soul-600);transform:scale(1.08);box-shadow:0 4px 16px #f5a80059}.chat-send-btn:active{transform:scale(.94)}.chat-send-btn:disabled{background:var(--stone-200);color:var(--stone-400);cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:767px){.messages-layout{grid-template-columns:1fr}.messages-sidebar{display:none}.messages-sidebar.is-open{display:flex;position:fixed;inset:0;z-index:200;height:100vh}}}@layer components{.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--soul-400),var(--bloom-400));z-index:200;width:0%;transition:width .1s var(--ease-linear);border-radius:0 var(--radius-full) var(--radius-full) 0}.story-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:none;background:none;padding:var(--space-2) 0;margin-bottom:var(--space-8);transition:color var(--dur-fast) var(--ease-gentle)}.story-back-btn:hover{color:var(--text-primary)}.story-meta-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.story-topic-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--soul-100);color:var(--soul-700);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.story-read-time{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.story-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-6);font-variation-settings:"opsz" 48,"wght" 700}.story-author-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-soft)}.story-mood-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--dusk-50);border:1px solid var(--dusk-200);font-family:var(--font-body);font-size:var(--text-xs);color:var(--dusk-600);font-weight:var(--weight-medium)}.story-body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-body);margin-bottom:var(--space-12)}.story-body p{margin-bottom:var(--space-6)}.story-body p:last-child{margin-bottom:0}.story-reactions{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:var(--space-6) 0;margin-bottom:var(--space-10)}.story-reactions-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);font-style:italic}.story-reactions-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.comments-section{margin-bottom:var(--space-12)}.comment-input-area{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.comment-input{flex:1;min-height:80px;padding:var(--space-4);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);resize:none;outline:none;line-height:var(--leading-relaxed);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.comment-input:focus{border-color:var(--soul-400);box-shadow:0 0 0 3px #f5a8001f}.comment-input::placeholder{color:var(--text-placeholder)}.comment-item{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border-soft)}.comment-body{flex:1}.comment-author{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.comment-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.comment-actions{display:flex;gap:var(--space-4)}.comment-action-btn{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color var(--dur-fast)}.comment-action-btn:hover{color:var(--text-secondary)}}@layer components{.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle);border:none;background:none;width:100%;text-align:left;min-height:44px}.settings-nav-item:hover{background:var(--surface-card-hover);color:var(--text-primary)}.settings-nav-item.is-active{background:var(--soul-50);color:var(--soul-700);font-weight:var(--weight-semibold)}.settings-section{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-variation-settings:"opsz" 24,"wght" 600}.settings-section-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-soft)}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1}.settings-row-label{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:2px}.settings-row-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.toggle-switch{width:44px;height:24px;border-radius:var(--radius-full);background:var(--stone-200);border:none;cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease-gentle);flex-shrink:0}.toggle-switch.is-on{background:var(--soul-500)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease-spring);box-shadow:0 1px 4px #00000026}.toggle-switch.is-on:after{transform:translate(20px)}.settings-select{padding:var(--space-2) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);cursor:pointer;outline:none;transition:border-color var(--dur-fast)}.settings-select:focus{border-color:var(--soul-400)}.settings-radio-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.settings-radio-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-gentle);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-body);text-align:left;width:100%}.settings-radio-option:hover{border-color:var(--soul-300);background:var(--soul-50)}.settings-radio-option.is-selected{border-color:var(--soul-400);background:var(--soul-50);color:var(--soul-800)}.settings-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--dur-fast)}.settings-radio-option.is-selected .settings-radio-dot{border-color:var(--soul-500)}.settings-radio-option.is-selected .settings-radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--soul-500)}}@layer components{.security-section{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--stone-100);margin-bottom:var(--space-4);overflow:hidden}.security-section__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--stone-100)}.security-section__title{font-size:var(--text-base);font-weight:700;color:var(--stone-900);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.security-section__title-icon{font-size:1.1rem}.security-section__body{padding:var(--space-5) var(--space-6)}.session-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--stone-50);border-radius:var(--radius-lg);gap:var(--space-3)}.session-item.is-current{background:var(--soul-50);border:1px solid var(--soul-200)}.session-item__device{font-size:var(--text-sm);font-weight:600;color:var(--stone-800)}.session-item__meta{font-size:var(--text-xs);color:var(--stone-400);margin-top:2px}.session-item__current-label{font-size:var(--text-xs);color:var(--soul-600);font-weight:600;background:var(--soul-100);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.danger-zone{border:1px solid #FEE2E2;border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-top:var(--space-6);background:#fff5f5}.danger-zone__title{font-size:var(--text-sm);font-weight:700;color:#991b1b;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.danger-zone__action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid #FEE2E2}.danger-zone__action:last-child{border-bottom:none;padding-bottom:0}.danger-zone__action-label{font-size:var(--text-sm);font-weight:500;color:#7f1d1d}.danger-zone__action-sub{display:block;font-size:var(--text-xs);color:#b91c1c;margin-top:2px}.btn--danger{padding:var(--space-2) var(--space-4);background:transparent;border:1.5px solid #EF4444;color:#ef4444;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.btn--danger:hover{background:#ef4444;color:#fff}}@layer components{.notif-settings-group{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--stone-100);margin-bottom:var(--space-4);overflow:hidden}.notif-settings-group__header{padding:var(--space-4) var(--space-5);background:var(--stone-50);border-bottom:1px solid var(--stone-100);font-size:var(--text-sm);font-weight:700;color:var(--stone-600);letter-spacing:.03em}.notif-row{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-5);gap:var(--space-4);border-bottom:1px solid var(--stone-50)}.notif-row:last-child{border-bottom:none}.notif-row__label{font-size:var(--text-sm);font-weight:500;color:var(--stone-800);margin-bottom:2px}.notif-row__sub{font-size:var(--text-xs);color:var(--stone-400);line-height:1.4}.notif-channels{display:flex;gap:var(--space-3);flex-shrink:0}.notif-channel-label{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.notif-channel-label__text{font-size:10px;color:var(--stone-400);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.quiet-hours-section{padding:var(--space-5);background:var(--dusk-50);border:1px solid var(--dusk-200);border-radius:var(--radius-xl);margin-top:var(--space-4)}.quiet-hours-section__title{font-size:var(--text-sm);font-weight:700;color:var(--dusk-800);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.quiet-hours-section__desc{font-size:var(--text-sm);color:var(--dusk-600);margin-bottom:var(--space-4);line-height:1.5}.quiet-hours-times{display:flex;gap:var(--space-3);align-items:center}.quiet-hours-times select{padding:var(--space-2) var(--space-3);border:1.5px solid var(--dusk-200);border-radius:var(--radius-lg);background:#fff;color:var(--dusk-800);font-size:var(--text-sm);font-weight:600;cursor:pointer}.quiet-hours-times__sep{color:var(--dusk-400);font-size:var(--text-sm)}}@layer components{.hero{min-height:calc(100svh - var(--nav-height, 64px));display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-4) var(--space-10);max-width:860px;margin:0 auto;text-align:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--soul-50);border:1px solid var(--soul-200);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:700;color:var(--soul-700);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-6)}.hero__title{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;color:var(--stone-900);line-height:1.08;letter-spacing:-.03em;margin-bottom:var(--space-6);opacity:0;transform:translateY(20px);animation:hero-in var(--dur-slow) var(--ease-spring) .1s both}.hero__title em{font-style:italic;color:var(--soul-600)}.hero__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--stone-500);line-height:1.6;max-width:52ch;margin:0 auto var(--space-8);opacity:0;transform:translateY(16px);animation:hero-in var(--dur-slow) var(--ease-spring) .2s both}@keyframes hero-in{to{opacity:1;transform:translateY(0)}}.hero__ctas{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8);opacity:0;animation:hero-in var(--dur-slow) var(--ease-spring) .3s both}.hero__stats{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;opacity:0;animation:hero-in var(--dur-slow) var(--ease-spring) .4s both}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero__stat-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--stone-900);line-height:1}.hero__stat-label{font-size:var(--text-xs);color:var(--stone-400);font-weight:500}.featured-stories{padding:var(--space-10) var(--space-4);max-width:1200px;margin:0 auto}.featured-stories__heading{font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--stone-400);text-align:center;margin-bottom:var(--space-8)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.mid-cta{text-align:center;padding:var(--space-16) var(--space-4);background:var(--soul-50);border-radius:var(--radius-3xl);margin:var(--space-10) var(--space-4)}.mid-cta__title{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3rem);font-weight:800;color:var(--stone-900);margin-bottom:var(--space-4);line-height:1.15}.mid-cta__sub{font-size:var(--text-base);color:var(--stone-500);max-width:44ch;margin:0 auto var(--space-6);line-height:1.7}.trust-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-5) var(--space-4);border-top:1px solid var(--stone-100);border-bottom:1px solid var(--stone-100);flex-wrap:wrap}.trust-bar__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--stone-500);white-space:nowrap}.trust-bar__item-icon{color:var(--soul-500)}}@layer components{.auth-flow{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.auth-flow__left{background:linear-gradient(150deg,var(--soul-50),var(--dusk-50));display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-10)}.auth-quote{font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;color:var(--stone-800);line-height:1.4;margin-bottom:var(--space-5);max-width:38ch}.auth-quote-author{font-size:var(--text-sm);color:var(--stone-500)}.auth-flow__right{display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-10);background:#fff;max-width:480px}.auth-step-dots{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.auth-step-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--stone-200);transition:all var(--dur-moderate) var(--ease-spring)}.auth-step-dot.is-active{width:24px;background:var(--soul-500)}.auth-step-dot.is-done{background:var(--soul-300)}.auth-step__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--stone-900);margin-bottom:var(--space-2);line-height:1.15}.auth-step__sub{font-size:var(--text-sm);color:var(--stone-500);margin-bottom:var(--space-6);line-height:1.6}.motivation-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.motivation-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast) var(--ease-gentle)}.motivation-option:hover{border-color:var(--soul-400);background:var(--soul-50)}.motivation-option.is-selected{border-color:var(--soul-500);background:var(--soul-50);box-shadow:0 0 0 3px var(--soul-100)}.motivation-option__icon{font-size:1.25rem;flex-shrink:0}.motivation-option__label{font-weight:600;color:var(--stone-800);font-size:var(--text-sm);display:block}.motivation-option__sub{font-size:var(--text-xs);color:var(--stone-400);display:block;margin-top:1px}.btn--google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:#fff;border:1.5px solid var(--stone-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--stone-800);cursor:pointer;transition:all var(--dur-fast);margin-bottom:var(--space-4)}.btn--google:hover{border-color:var(--stone-300);background:var(--stone-50);box-shadow:var(--shadow-sm)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-divider__line{flex:1;height:1px;background:var(--stone-200)}.auth-divider__text{font-size:var(--text-xs);color:var(--stone-400);font-weight:500}.topic-pill-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.topic-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1.5px solid var(--stone-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--stone-700);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);user-select:none}.topic-pill:hover{border-color:var(--soul-300);background:var(--soul-50)}.topic-pill.is-selected{background:var(--soul-100);border-color:var(--soul-500);color:var(--soul-800);font-weight:600;transform:scale(1.03)}.auth-privacy-note{font-size:var(--text-xs);color:var(--stone-400);margin-bottom:var(--space-4);line-height:1.5}.auth-privacy-note a{color:var(--soul-600)}.auth-terms-note{font-size:var(--text-xs);color:var(--stone-400);text-align:center;margin-top:var(--space-4);line-height:1.6}.auth-terms-note a{color:var(--stone-500);text-decoration:underline}.auth-step__skip-note{font-size:var(--text-xs);color:var(--stone-400);margin-bottom:var(--space-4)}@media(max-width:768px){.auth-flow{grid-template-columns:1fr}.auth-flow__left{display:none}.auth-flow__right{padding:var(--space-8) var(--space-4);max-width:100%}}}@layer utilities{.story-card{contain:layout paint style}.feed-list{contain:strict;overflow-y:auto;content-visibility:auto;contain-intrinsic-size:auto 500px}.sidebar{contain:layout paint style}.chat-bubble,.bottom-sheet,.notification-item{contain:layout paint}}@layer utilities{img{max-width:100%;height:auto}.story-cover-wrapper{aspect-ratio:16 / 9;width:100%;background:var(--soul-50);border-radius:var(--radius-lg);overflow:hidden}.avatar{border-radius:50%;flex-shrink:0;background:var(--soul-100)}.skeleton-card{padding:var(--space-6);border-radius:var(--radius-lg);min-height:200px}.animated-counter,.sidebar-badge,.reaction-count{font-variant-numeric:tabular-nums;min-width:3ch;display:inline-block;text-align:center}.sidebar-badge{min-width:18px}.toast-container{position:fixed;pointer-events:none}.feed-item-image{aspect-ratio:16 / 9;background:var(--soul-50)}.profile-hero{min-height:180px}.form-field{min-height:calc(var(--space-16) + var(--space-5))}.story-hero{min-height:220px}}@layer utilities{@media(max-width:767px){.write-page{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:var(--bottom-nav-height)}.write-container{padding:var(--space-4);max-width:100%;padding-bottom:80px}.write-title-input{font-size:clamp(1.375rem,5vw,2rem);line-height:var(--leading-tight);padding:var(--space-3) 0;border-bottom:2px solid var(--border-soft);margin-bottom:var(--space-4)}.write-body-input{min-height:50vh;font-size:17px;line-height:var(--leading-relaxed);padding-bottom:120px}.write-meta-row{flex-direction:column;gap:var(--space-3)}.write-mood-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.write-toolbar{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;background:var(--surface-card);border-top:1px solid var(--border-soft);padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + var(--safe-bottom));display:flex;align-items:center;gap:var(--space-2);z-index:50;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.write-toolbar::-webkit-scrollbar{display:none}.write-toolbar-btn{min-width:44px;min-height:44px;flex-shrink:0}.write-publish-btn{margin-left:auto;flex-shrink:0;height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.write-settings-panel{display:none}.write-char-counter{text-align:right;padding:var(--space-1) 0;color:var(--text-muted);font-size:var(--text-xs)}.write-topic-select{width:100%;font-size:16px}}}@layer utilities{@media(max-width:767px){.reading-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:200}.story-hero{height:220px;border-radius:0}.story-article{padding:var(--space-5) var(--space-4);max-width:100%}.story-article h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.story-body p{font-size:var(--text-base);line-height:var(--leading-relaxed)}.story-author-row{flex-wrap:wrap;gap:var(--space-2)}.story-actions-bar{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;background:var(--surface-card);border-top:1px solid var(--border-soft);padding:var(--space-3) var(--space-5);padding-bottom:calc(var(--space-3) + var(--safe-bottom));display:flex;align-items:center;justify-content:space-between;z-index:50}.story-page{padding-bottom:calc(80px + var(--bottom-nav-height))}.story-comments{padding:var(--space-5) var(--space-4);border-top:1px solid var(--border-soft);margin-top:0}.comment-input-row{gap:var(--space-3)}.comment-input{font-size:16px}.story-toc{display:none}.story-reaction-row{flex-wrap:wrap;gap:var(--space-3)}.story-share-pill{width:100%;justify-content:center;margin:var(--space-4) 0}}}@layer utilities{@media(max-width:767px){.explore-search-bar{position:sticky;top:calc(60px + var(--safe-top));z-index:40;background:var(--surface-page);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);margin:0 calc(-1 * var(--space-4))}.explore-search-input{font-size:16px;width:100%}.explore-categories{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:0 calc(-1 * var(--space-4));-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:var(--space-3)}.explore-categories::-webkit-scrollbar{display:none}.explore-category-pill{flex-shrink:0;scroll-snap-align:start;white-space:nowrap;min-height:36px}.explore-grid{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.explore-trending-list{padding:var(--space-4)}.explore-trending-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft);min-height:52px;display:flex;align-items:center}.explore-featured-card{border-radius:0;margin:0 calc(-1 * var(--space-4))}.explore-tag-cloud{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4)}.search-suggestions-overlay{position:fixed;top:calc(60px + var(--safe-top));left:0;right:0;bottom:var(--bottom-nav-height);background:var(--surface-page);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(min-width:640px)and (max-width:1023px){.explore-grid{grid-template-columns:repeat(2,1fr)}}}@layer utilities{@media(max-width:767px){.profile-hero{border-radius:0;padding-top:calc(var(--safe-top) + 60px);min-height:180px}.profile-avatar-wrap{margin-top:-40px;margin-left:var(--space-4)}.profile-actions-row{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.profile-follow-btn,.profile-message-btn{flex:1;min-height:44px;justify-content:center}.profile-stats-bar{display:flex;overflow-x:auto;gap:0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);-ms-overflow-style:none;scrollbar-width:none}.profile-stats-bar::-webkit-scrollbar{display:none}.profile-stat-item{flex:1;min-width:80px;flex-shrink:0;text-align:center;padding:var(--space-3);border-right:1px solid var(--border-soft)}.profile-stat-item:last-child{border-right:none}.profile-bio{padding:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed)}.profile-tabs{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;gap:0;padding:0 var(--space-4);scroll-snap-type:x mandatory}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex-shrink:0;scroll-snap-align:start;white-space:nowrap;padding:var(--space-3) var(--space-4);min-height:44px}.profile-posts-grid{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.profile-edit-panel{display:none}.profile-settings-btn{position:absolute;top:calc(var(--safe-top) + 12px);right:var(--space-4);z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);color:#fff}}@media(min-width:640px)and (max-width:1023px){.profile-posts-grid{grid-template-columns:repeat(2,1fr)}.profile-hero{border-radius:var(--radius-lg);margin:var(--space-4)}}}@layer utilities{.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-5);background:var(--stone-900);color:var(--soul-400);font-weight:700;font-size:var(--text-sm);border-radius:0 0 var(--radius-lg) var(--radius-lg);text-decoration:none;white-space:nowrap;transition:top .15s ease}.skip-link:focus{top:0;outline:3px solid var(--soul-400);outline-offset:2px}.skip-link:focus~.skip-link:focus{top:calc(var(--space-3) * 2 + 1.5rem)}}@layer utilities{:focus{outline:none}:focus-visible{outline:3px solid var(--soul-500);outline-offset:3px;border-radius:var(--radius-sm)}.btn:focus-visible{outline:3px solid var(--soul-500);outline-offset:3px}.card:focus-visible{outline:3px solid var(--soul-500);outline-offset:3px;box-shadow:0 0 0 6px var(--soul-100)}.field-input:focus-visible{outline:none;border-color:var(--soul-500);box-shadow:0 0 0 3px var(--soul-100)}.story-body a:focus-visible{outline:none;background:var(--soul-100);border-radius:2px;box-shadow:0 0 0 3px var(--soul-100)}.topic-pill:focus-visible,.privacy-option:focus-visible,.motivation-option:focus-visible{outline:3px solid var(--soul-500);outline-offset:2px}.nav-item:focus-visible,.sidebar-item:focus-visible{outline:3px solid var(--soul-500);outline-offset:-3px;border-radius:var(--radius-lg)}.btn--primary:focus-visible{outline:3px solid white;outline-offset:3px}@media(forced-colors:active){:focus-visible{outline:3px solid ButtonText}.btn--primary{border:2px solid ButtonText}}}@layer utilities{:root{--text-primary: var(--stone-900);--text-secondary: var(--stone-600);--text-tertiary: var(--stone-500);--text-disabled: var(--stone-400);--text-on-dark: white;--text-accent: var(--soul-700);--text-accent-sub: var(--soul-600);--border-ui: var(--stone-400);--border-subtle: var(--stone-200);--border-focus: var(--soul-500)}}@layer utilities{.field-input.has-error{border-color:#dc2626;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px}.field-input.has-success{border-color:#16a34a;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px}.field-label .required-marker{color:#dc2626;margin-left:3px;aria-hidden:true}.field-label .required-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@layer utilities{@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms !important;--dur-fast: 0ms !important;--dur-moderate: 0ms !important;--dur-slow: 0ms !important;--dur-glacial: 0ms !important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero__title,.hero__subtitle,.hero__ctas,.hero__stats{opacity:1;transform:none;animation:none}.card-interactive:hover{transform:none;box-shadow:var(--shadow-md)}.report-modal__card,.first-story-celebration__card,.bottom-sheet{animation:none;transform:none}.notif-badge{animation:none}.skeleton:after{animation:none;background:var(--stone-200)}.pause-card__breath{animation:none}canvas.lumina-particles{display:none}.year-review__slide.is-active,.streak-milestone{animation:none}}}@layer utilities{.story-body{max-width:70ch;line-height:1.8;font-size:var(--text-lg);color:var(--text-primary)}.story-body a{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.story-body a:hover{text-decoration-thickness:2px}.story-body h2{font-size:var(--text-2xl);margin-top:var(--space-8)}.story-body h3{font-size:var(--text-xl);margin-top:var(--space-6)}.story-body h4{font-size:var(--text-lg);margin-top:var(--space-5)}.story-body ul,.story-body ol{padding-left:var(--space-6);margin:var(--space-4) 0}.story-body li{margin-bottom:var(--space-2);line-height:1.7}.story-body blockquote{border-left:3px solid var(--soul-300);padding-left:var(--space-5);margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}.story-body code{font-family:Fira Code,Courier New,monospace;background:var(--stone-100);padding:1px 5px;border-radius:var(--radius-sm);font-size:.9em}.story-body img{max-width:100%;height:auto;border-radius:var(--radius-lg);display:block;margin:var(--space-6) auto}.story-body figcaption{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2);font-style:italic}.story-body *{line-height:normal}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-within{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.visually-hidden-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.focus-within-highlight:focus-within{outline:2px solid var(--soul-300);outline-offset:2px;border-radius:var(--radius-lg)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 var(--space-1);background:var(--stone-100);border:1px solid var(--stone-300);border-bottom:2px solid var(--stone-400);border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);font-size:var(--text-xs);color:var(--stone-700);line-height:1}[aria-busy=true]{cursor:wait;opacity:.7}[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}[aria-disabled=true]:not([disabled]){pointer-events:auto}}