:root{--paper: #f7f1e7;--paper-deep: #efe4d2;--paper-card: #fffbf4;--ink: #221d16;--ink-soft: #6f6454;--ink-faint: #9b8f7a;--dark: #15130f;--dark-deep: #0d0b08;--dark-card: #201c15;--on-dark: #f3ece0;--on-dark-soft: #a79c88;--accent: #e2531f;--accent-ink: #7d2a0d;--accent-soft: #f7dcc8;--accent-soft-dark: #4a2514;--secondary: #3f6b4c;--secondary-soft: #d8e5d4;--secondary-ink: #1f3a28;--line: rgba(34, 29, 22, .14);--line-dark: rgba(243, 236, 224, .16);--danger: #b23a2e;--font-display: "Fraunces", "Noto Serif SC", Georgia, serif;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: clamp(.75rem, .72rem + .1vw, .8125rem);--fs-sm: clamp(.875rem, .85rem + .1vw, .9375rem);--fs-base: clamp(1rem, .97rem + .15vw, 1.0625rem);--fs-md: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--fs-lg: clamp(1.375rem, 1.2rem + .8vw, 1.875rem);--fs-xl: clamp(1.75rem, 1.35rem + 1.8vw, 2.75rem);--fs-2xl: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);--fs-3xl: clamp(2.75rem, 1.6rem + 5vw, 5.75rem);--fs-hero: clamp(3rem, 1.6rem + 8vw, 8.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-section: clamp(5rem, 4rem + 6vw, 10rem);--gutter: clamp(1.25rem, 1rem + 2vw, 3rem);--container: min(1180px, calc(100% - var(--gutter) * 2));--container-wide: min(1480px, calc(100% - var(--gutter) * 1.5));--radius-xs: 4px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 32px;--radius-pill: 999px;--shadow-sm: 0 2px 14px rgba(34, 24, 12, .08);--shadow-md: 0 18px 48px rgba(34, 24, 12, .14);--shadow-lg: 0 40px 100px rgba(13, 11, 8, .28);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, .05, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .32s;--dur-slow: .6s;--dur-slower: 1s}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--dur-slower: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.6;font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.04}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}.container{width:var(--container);margin-inline:auto}.container-wide{width:var(--container-wide);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:1.4em;height:1px;background:currentColor}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo)}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo)}.reveal-stagger.is-visible>*{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.95em 1.6em;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out-expo),background-color var(--dur-fast) linear,color var(--dur-fast) linear;will-change:transform}.btn svg{width:1.1em;height:1.1em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--sm{padding:.6em 1.1em;font-size:var(--fs-xs)}.btn--accent{background:var(--accent);color:#fff8f1;box-shadow:0 10px 28px #e2531f52}.btn--accent:hover:not(:disabled){box-shadow:0 16px 38px #e2531f66}.btn--secondary{background:var(--secondary);color:#f3fbf3}.btn--secondary:hover{background:var(--secondary-ink)}.btn--outline{border:1.5px solid var(--line);color:var(--ink);background:transparent}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost{color:var(--ink-soft)}.btn--ghost:hover{color:var(--ink)}.btn--ghost-dark{color:var(--on-dark-soft);border-bottom:1px solid transparent}.btn--ghost-dark:hover{color:var(--on-dark);border-color:var(--on-dark-soft)}.btn--danger{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:50%;color:var(--ink-soft);transition:background var(--dur-fast),color var(--dur-fast)}.icon-btn:hover{background:var(--paper-deep);color:var(--ink)}.icon-btn svg{width:1.2em;height:1.2em}.field{display:flex;flex-direction:column;gap:.4em;font-size:var(--fs-xs);color:var(--ink-soft)}.field span{font-weight:600;letter-spacing:.02em}.field input,.field select{padding:.85em 1em;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-card);color:var(--ink);font-size:var(--fs-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #e2531f24}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.7em}.field--sm input,.field--sm select{padding:.65em .8em;font-size:var(--fs-xs)}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:var(--space-5) 0;transition:padding var(--dur-base) var(--ease-out-expo),background-color var(--dur-base),border-color var(--dur-base);border-bottom:1px solid transparent}.site-nav.is-scrolled{padding:var(--space-3) 0;background:#f7f1e7d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line)}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.site-nav__brand{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);color:var(--on-dark)}.site-nav.is-scrolled .site-nav__brand{color:var(--ink)}.site-nav__brand svg{color:var(--accent)}.site-nav__links{display:flex;gap:var(--space-6);font-size:var(--fs-sm);color:var(--on-dark-soft)}.site-nav.is-scrolled .site-nav__links{color:var(--ink-soft)}.site-nav__links a:hover{color:var(--on-dark)}.site-nav.is-scrolled .site-nav__links a:hover{color:var(--ink)}.site-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.site-nav .btn--ghost{color:var(--on-dark-soft)}.site-nav.is-scrolled .btn--ghost{color:var(--ink-soft)}@media (max-width: 760px){.site-nav__links{display:none}}@media (max-width: 420px){.site-nav__inner{gap:var(--space-2)}.site-nav__brand span{display:none}.site-nav__actions{gap:var(--space-2)}.site-nav .btn--sm{padding:.6em .9em}}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:10000;mix-blend-mode:exclusion;transition:width var(--dur-fast) var(--ease-out-expo),height var(--dur-fast) var(--ease-out-expo),margin var(--dur-fast)}.cursor-dot.is-active{width:34px;height:34px;margin:-17px 0 0 -17px}.toast-host{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:.5em;align-items:center}.toast{padding:.85em 1.4em;border-radius:var(--radius-pill);background:var(--dark);color:var(--on-dark);font-size:var(--fs-sm);box-shadow:var(--shadow-md);opacity:0;transform:translateY(14px) scale(.96);transition:opacity var(--dur-base) var(--ease-out-expo),transform var(--dur-base) var(--ease-out-expo)}.toast.is-visible{opacity:1;transform:none}.toast--danger{background:var(--danger)}.toast--success{background:var(--secondary-ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:var(--gutter);background:#15130f8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur-base) var(--ease-out-expo)}.modal-overlay[hidden]{display:none}.modal-card{position:relative;width:min(460px,100%);max-height:86vh;overflow-y:auto;padding:var(--space-7);border-radius:var(--radius-lg);background:var(--paper-card);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-base) var(--ease-spring)}.modal-card--wide{width:min(880px,100%)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4)}.modal-title{margin:.2em 0 var(--space-5);font-size:var(--fs-lg)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-7)}.plan-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper-card);transition:transform var(--dur-base) var(--ease-out-expo),box-shadow var(--dur-base) var(--ease-out-expo)}.plan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.plan-card--featured{border-color:var(--accent);background:linear-gradient(165deg,var(--paper-card),var(--accent-soft))}.plan-card__tag{position:absolute;top:-12px;right:var(--space-5);padding:.3em .8em;border-radius:var(--radius-pill);background:var(--accent);color:#fff8f1;font-size:var(--fs-xs);font-weight:700}.plan-card h3{font-size:var(--fs-md)}.plan-card__price{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--accent-ink)}.plan-card__price small{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--ink-faint);font-weight:400}.plan-card ul{display:flex;flex-direction:column;gap:.6em;flex:1}.plan-card li{display:flex;align-items:flex-start;gap:.6em;font-size:var(--fs-sm);color:var(--ink-soft)}.plan-card li svg{flex:0 0 auto;width:1.1em;height:1.1em;margin-top:.15em;color:var(--secondary)}.pricing-note{margin-top:var(--space-5);color:var(--ink-faint);font-size:var(--fs-xs);text-align:center}@media (max-width: 860px){.pricing-grid{grid-template-columns:1fr}}.page--landing{overflow-x:clip}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-9) 0 var(--space-8);background:radial-gradient(circle at 15% -10%,#2a1d12 0%,var(--dark) 45%),var(--dark);color:var(--on-dark);overflow:hidden}.hero__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;transition:transform .4s var(--ease-out-expo)}.hero__blob--one{width:46vw;height:46vw;top:-10%;right:-8%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%)}.hero__blob--two{width:38vw;height:38vw;bottom:-14%;left:-6%;background:radial-gradient(circle,var(--secondary) 0%,transparent 72%);opacity:.35}.hero__inner{position:relative;z-index:1;padding-top:var(--space-8)}.eyebrow--on-dark{color:#f2b391}.hero__title{margin:var(--space-5) 0 var(--space-6);font-size:var(--fs-hero);font-weight:500;max-width:16ch}.hero__title em{font-style:italic;color:#f2b391;font-weight:400}.hero__title .word-reveal{display:inline-block;opacity:0;transform:translateY(.4em);transition:opacity var(--dur-slow) var(--ease-out-expo),transform var(--dur-slow) var(--ease-out-expo)}.hero__title .word-reveal.is-visible{opacity:1;transform:none}.hero__sub{max-width:42ch;font-size:var(--fs-md);color:var(--on-dark-soft);margin-bottom:var(--space-7)}.hero__actions{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.hero__scroll-cue{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:1}.hero__scroll-cue span{display:block;width:1px;height:46px;background:linear-gradient(to bottom,transparent,var(--on-dark-soft));animation:scroll-cue 2s var(--ease-in-out) infinite}@keyframes scroll-cue{0%{transform:scaleY(.3);opacity:.3}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.3);opacity:.3}}.section-title{margin:var(--space-3) 0 var(--space-7);font-size:var(--fs-2xl);max-width:22ch}.mark-accent{color:var(--accent);font-style:italic}.empathy{padding:var(--space-section) 0;background:var(--paper)}.empathy__statement{font-size:var(--fs-xl);max-width:28ch;margin:var(--space-3) 0 var(--space-8)}.empathy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.empathy__item{padding:var(--space-6);border-radius:var(--radius-md);background:var(--paper-card);border:1px solid var(--line)}.empathy__icon{display:inline-flex;width:2.6em;height:2.6em;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:var(--space-4)}.empathy__item p{font-size:var(--fs-sm);color:var(--ink-soft)}.how{padding:var(--space-section) 0;background:var(--paper-deep)}.how__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.how__step{padding:var(--space-6) 0;border-top:1.5px solid var(--line)}.how__index{display:block;font-family:var(--font-display);font-size:var(--fs-lg);color:var(--accent-ink);margin-bottom:var(--space-3)}.how__step h3{font-size:var(--fs-md);margin-bottom:var(--space-3)}.how__step p{color:var(--ink-soft);font-size:var(--fs-sm)}.guide-showcase{padding:var(--space-section) 0;background:var(--paper)}.guide-showcase__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:center}.guide-showcase__desc{font-size:var(--fs-md);color:var(--ink-soft);margin:var(--space-4) 0 var(--space-6);max-width:36ch}.guide-showcase__tags{display:flex;gap:var(--space-3);flex-wrap:wrap}.guide-showcase__tags li{padding:.5em 1.1em;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-soft)}.guide-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--dark-card);color:var(--on-dark);box-shadow:var(--shadow-lg)}.guide-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.guide-card__avatar{display:inline-flex;width:2.6em;height:2.6em;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff14;color:#c7ddc3}.guide-card__head b{font-size:var(--fs-sm)}.guide-card__head small{color:var(--on-dark-soft);font-size:var(--fs-xs)}.guide-card__bubble{padding:var(--space-5);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 6px;background:#ffffff0f;font-size:var(--fs-sm);line-height:1.7}.pricing-section{padding:var(--space-section) 0;background:var(--paper-deep)}.safety{padding:var(--space-8) 0;background:var(--secondary-ink);color:#eef5ea}.safety__inner{display:flex;align-items:flex-start;gap:var(--space-5);max-width:62ch}.safety__icon{flex:0 0 auto;display:inline-flex;width:2.4em;height:2.4em;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.safety__text{font-size:var(--fs-sm);line-height:1.8;opacity:.92}.site-footer{padding:var(--space-7) 0;background:var(--dark);color:var(--on-dark-soft)}.site-footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--fs-xs)}.site-footer__brand{display:inline-flex;align-items:center;gap:.5em;color:var(--on-dark);font-family:var(--font-display)}.site-footer__brand svg{color:var(--accent);width:20px;height:20px}@media (max-width: 860px){.hero__title{max-width:none}.empathy__grid,.how__list,.guide-showcase__inner{grid-template-columns:1fr}}.page--auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-7);padding:var(--space-6) var(--gutter);background:radial-gradient(circle at 10% 0%,var(--accent-soft) 0%,transparent 32%),radial-gradient(circle at 92% 100%,var(--secondary-soft) 0%,transparent 28%),var(--paper)}.auth-brand{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-display);font-size:var(--fs-md);color:var(--accent-ink)}.auth-brand svg{color:var(--accent)}.auth-card{width:min(420px,100%);padding:var(--space-8) var(--space-7);border-radius:var(--radius-lg);background:var(--paper-card);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.auth-title{font-size:var(--fs-xl);margin:var(--space-2) 0 var(--space-3)}.auth-sub{color:var(--ink-soft);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.auth-plan-hint{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;margin-bottom:var(--space-5);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:600}.auth-plan-hint svg{width:1.1em;height:1.1em}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-switch{margin-top:var(--space-6);text-align:center;font-size:var(--fs-sm);color:var(--ink-soft)}.auth-switch a{color:var(--accent);font-weight:600;margin-left:.3em}.page--app{min-height:100vh;background:var(--paper);padding-bottom:var(--space-8)}.app-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--gutter);background:#f7f1e7e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.app-bar__brand{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-size:var(--fs-md);color:var(--accent-ink)}.app-bar__brand svg{color:var(--accent)}.app-bar__actions{display:flex;align-items:center;gap:var(--space-3)}.plan-badge{padding:.4em .9em;border-radius:var(--radius-pill);background:var(--paper-deep);color:var(--ink-soft);font-size:var(--fs-xs);font-weight:700}.plan-badge--premium{background:var(--accent-soft);color:var(--accent-ink)}.app-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--space-6);align-items:start;margin-top:var(--space-6)}.app-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.app-side{padding:var(--space-6)}.app-side__title{font-size:var(--fs-lg);margin:var(--space-2) 0 var(--space-2)}.app-side__intro{color:var(--ink-soft);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.mood-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--paper);text-align:left;transition:transform var(--dur-base) var(--ease-spring),border-color var(--dur-fast),background var(--dur-fast)}.mood-card:hover{transform:translateY(-3px);border-color:#f0b89c}.mood-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.mood-card__icon{color:var(--accent-ink)}.mood-card b{font-size:var(--fs-sm)}.mood-card small{color:var(--ink-faint);font-size:var(--fs-xs)}.divider{height:1px;background:var(--line);margin:var(--space-6) 0}.streak-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--fs-sm)}.streak-count{color:var(--accent);font-weight:700}.streak-bar{height:8px;border-radius:var(--radius-pill);background:var(--paper-deep);overflow:hidden}.streak-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f0a06f,var(--accent));transition:width var(--dur-slow) var(--ease-out-expo)}.hint-text{margin-top:var(--space-3);color:var(--ink-faint);font-size:var(--fs-xs)}.section-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-4)}.guide-preview{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.guide-preview__icon{display:inline-flex;width:2.4em;height:2.4em;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--secondary-soft);color:var(--secondary-ink)}.guide-preview b{display:block;font-size:var(--fs-sm)}.guide-preview small{color:var(--ink-faint);font-size:var(--fs-xs)}.guide-form{display:flex;flex-direction:column;gap:var(--space-3)}.chat-panel{display:flex;flex-direction:column;min-height:680px;overflow:hidden}.chat-panel__top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--line)}.chat-panel__avatar{display:inline-flex;width:2.4em;height:2.4em;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--secondary-soft);color:var(--secondary-ink)}.chat-panel__top b{font-size:var(--fs-sm);display:block}.chat-panel__top small{color:var(--ink-faint);font-size:var(--fs-xs)}.privacy-tag{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;padding:.35em .8em;border-radius:var(--radius-pill);background:var(--secondary-soft);color:var(--secondary-ink);font-size:var(--fs-xs)}.privacy-tag svg{width:1em;height:1em}.chat-messages{flex:1;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);overflow-y:auto}.chat-bubble-row{display:flex;gap:var(--space-3);max-width:80%;animation:bubble-in var(--dur-base) var(--ease-out-expo)}.chat-bubble-row--me{align-self:flex-end;flex-direction:row-reverse}.chat-bubble-row__avatar{flex:0 0 auto;display:inline-flex;width:2em;height:2em;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--paper-deep);color:var(--ink-soft)}.chat-bubble-row--me .chat-bubble-row__avatar{background:var(--accent-soft);color:var(--accent-ink)}.chat-bubble{padding:.85em 1.1em;border-radius:6px var(--radius-md) var(--radius-md) var(--radius-md);background:var(--paper);box-shadow:var(--shadow-sm);white-space:pre-wrap;font-size:var(--fs-sm);line-height:1.7}.chat-bubble-row--me .chat-bubble{border-radius:var(--radius-md) 6px var(--radius-md) var(--radius-md);background:var(--accent);color:#fff8f1}.chat-time{margin-top:.35em;font-size:var(--fs-xs);color:var(--ink-faint)}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-composer{padding:var(--space-5) var(--space-6) var(--space-6);border-top:1px solid var(--line)}.quick-replies{display:flex;gap:var(--space-2);overflow-x:auto;margin-bottom:var(--space-4);padding-bottom:2px}.quick-replies button{flex:0 0 auto;padding:.5em 1em;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-soft);transition:border-color var(--dur-fast),color var(--dur-fast)}.quick-replies button:hover{border-color:var(--accent);color:var(--accent-ink)}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-3)}.chat-input-row textarea{flex:1;min-height:48px;max-height:120px;resize:none;padding:.85em 1.1em;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--paper);font-size:var(--fs-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.chat-input-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #e2531f24}.send-btn{flex:0 0 auto;width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent);color:#fff8f1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #e2531f52;transition:transform var(--dur-base) var(--ease-spring)}.send-btn:disabled{opacity:.55}.disclaimer{margin-top:var(--space-4);font-size:var(--fs-xs);color:var(--ink-faint)}.pricing-grid--modal{grid-template-columns:repeat(3,1fr);margin-top:var(--space-5)}.checkout-desc{color:var(--ink-soft);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.checkout-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.account-actions{display:flex;flex-direction:column;gap:var(--space-3)}.account-actions .btn{justify-content:flex-start;padding-left:1.2em}@media (max-width: 960px){.app-layout{grid-template-columns:1fr}.chat-panel{min-height:560px}.pricing-grid--modal{grid-template-columns:1fr}}@media (max-width: 480px){.app-bar{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.app-bar__brand span{display:none}.app-bar__actions{gap:var(--space-2)}.plan-badge{display:none}.app-bar .btn--sm{padding:.55em .8em;font-size:var(--fs-xs)}}