:root{--paper:#faf6ee;--paper-deep:#f1eadf;--surface:#fffdf9;--ink:#3d352b;--muted:#9d9488;--line:#e8e2d7;--primary:#e07856;--primary-deep:#c96344;--green:#87a878;--danger:#c45a4a;--dark:#3d352b;--shadow-soft:0 2px 8px rgba(61,53,43,0.08);--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font-serif:"Source Han Serif CN","Noto Serif SC","Songti SC",serif;--font-ui:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-latin:"Cormorant Garamond",Georgia,serif}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--font-ui)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(224,120,86,.35);outline-offset:3px}.status-bar{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 24px;font-size:14px;font-weight:700}.mobile-shell{width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--paper)}.mobile-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:56px;padding:0 20px;font-family:var(--font-serif);font-size:18px;text-align:center}.mobile-nav a{width:44px;height:44px;display:grid;place-items:center}.mobile-content{padding:24px}.mobile-content--bottom{min-height:calc(100dvh - 112px);display:flex;flex-direction:column}.brand-mark{display:inline-grid;place-items:center;border:2px solid var(--primary);color:var(--primary);background:rgba(224,120,86,.08)}.brand-mark--sm{width:30px;height:24px;border-radius:5px}.brand-mark--md{width:62px;height:54px;border-radius:var(--radius-sm)}.brand-mark--lg{width:92px;height:86px;border-radius:var(--radius-sm)}.hero-center{min-height:calc(100dvh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.hero-center h1,.mobile-content h1,.section-title{margin:24px 0 8px;font-size:32px;line-height:1.2;letter-spacing:0}.hero-center .en{margin:0 0 24px;color:var(--primary);font-family:var(--font-latin);font-style:italic;letter-spacing:.12em}.hero-center p{margin:0;color:var(--muted);line-height:1.8}.hero-actions{max-width:320px;padding-top:88px;display:grid;grid-gap:16px;gap:16px}.btn{min-height:52px;padding:0 24px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--primary);color:white}.btn--primary:hover{background:var(--primary-deep)}.btn--secondary{background:var(--surface);border-color:var(--line)}.btn--text{min-height:36px;color:var(--green);background:transparent}.btn--danger{color:var(--danger);background:transparent}.stepper{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;grid-gap:8px;gap:8px;margin:20px 0 28px}.stepper span{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;justify-self:center;background:var(--paper-deep);color:var(--muted);font-weight:700}.stepper span:not(:last-child):after{content:"";position:absolute;top:50%;width:76px;height:2px;background:var(--line)}.stepper .is-active{color:white}.stepper .is-active,.stepper .is-active:after,.stepper .is-done:after{background:var(--primary)}.privacy-hint{height:48px;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--green);background:rgba(255,255,255,.5)}.upload-box{min-height:170px;border:2px solid var(--primary);border-radius:var(--radius-lg);display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:var(--primary);background:var(--surface)}.upload-box strong{font-family:var(--font-serif);font-size:18px;font-weight:600}.upload-box small{color:var(--muted)}.upload-box--done{overflow:hidden;min-height:150px;border-color:var(--green);background:linear-gradient(135deg,rgba(135,168,120,.16),rgba(224,120,86,.1));color:var(--ink)}.upload-ok{display:inline-flex;align-items:center;gap:6px;color:var(--green)}.form-stack{display:grid;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-family:var(--font-serif);font-size:16px}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);padding:14px 16px}.textarea{min-height:98px;resize:vertical;line-height:1.7}.input:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(224,120,86,.16)}.chat-list{display:grid;grid-gap:16px;gap:16px}.chat-row{display:flex;gap:10px;align-items:flex-start}.chat-row--user{justify-content:flex-end}.chat-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:white;font-weight:700;flex:0 0 auto}.chat-bubble{max-width:292px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);color:var(--ink);line-height:1.7}.chat-row--user .chat-bubble{background:var(--primary);color:white;border-color:var(--primary)}.chat-bubble small{display:block;color:var(--primary);margin-bottom:4px}.chat-input-bar{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-template-columns:1fr 58px;grid-gap:12px;gap:12px;padding:12px 16px;margin:auto -24px -24px;background:rgba(255,253,249,.92);border-top:1px solid var(--line)}.story-timeline{list-style:none;margin:24px 0 0;padding:0 0 0 28px;border-left:2px solid var(--line)}.story-timeline li{position:relative;padding:0 0 24px 22px}.timeline-dot{position:absolute;left:-35px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--primary)}.story-timeline .tone-green .timeline-dot{background:var(--green)}.story-timeline time{color:var(--primary);font-weight:700}.story-timeline .tone-green time{color:var(--green)}.story-timeline h3{margin:8px 0;font-family:var(--font-serif);font-size:20px}.story-timeline p{margin:0;color:#6e655a;line-height:1.8}.progress-bar{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--line)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.progress-meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted)}.progress-meta strong{color:var(--primary)}.progress-rows{margin-top:48px;display:grid;grid-gap:24px;gap:24px}.progress-row{display:grid;grid-template-columns:28px 1fr auto;grid-gap:10px;gap:10px;align-items:center;color:var(--muted)}.progress-row svg{color:var(--green);width:24px;height:24px}.progress-row:nth-child(2) svg{color:var(--primary)}.progress-row span{color:var(--muted)}.progress-row em{font-style:normal;color:var(--primary)}.empty-circle{width:24px;height:24px;border:2px solid #d9d2c8;border-radius:50%}.loading-icon{display:inline-flex;align-items:center;gap:6px;color:var(--primary)}.loading-icon svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-hero{background:var(--dark);color:white;text-align:center;padding:40px 28px 46px}.result-hero h1{font-family:var(--font-serif);font-size:32px;margin:20px 0 8px}.result-hero p{color:#e0a086}.story-card{padding:32px 28px}.story-image{aspect-ratio:16/10;background:linear-gradient(135deg,#c7ad92,#f0c89e);margin-bottom:18px;box-shadow:var(--shadow-soft)}.preview-poster,.story-image{border-radius:var(--radius-lg)}.preview-poster{background:var(--dark);color:white;min-height:560px;padding:38px 24px;text-align:center}.preview-poster .tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:32px 0 24px}.preview-poster .tiles span{aspect-ratio:1.1;border-radius:7px;background:#d0b293}.preview-poster .tiles span:nth-child(2){background:#edc49a}.state-page{min-height:calc(100dvh - 112px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:96px 32px 40px}.state-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;color:var(--danger);background:rgba(196,90,74,.1);margin-bottom:28px}.state-page h1{font-family:var(--font-serif);font-size:24px}.state-page p{color:var(--muted);line-height:1.8}.error-detail{width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;margin:20px 0 auto;color:var(--danger);background:var(--surface)}.desktop-home{min-height:100dvh;display:grid;grid-template-columns:minmax(420px,560px) 1fr}.desktop-copy{padding:56px 64px;border-right:1px solid var(--line);display:flex;flex-direction:column}.desktop-copy h1{margin:88px 0 24px;font-family:var(--font-serif);font-size:48px;line-height:1.15}.desktop-copy p{max-width:520px;color:#6e655a;line-height:1.9}.desktop-copy ol{margin:44px 0;padding:0;list-style:none;display:grid;grid-gap:22px;gap:22px}.desktop-copy li{display:grid;grid-template-columns:40px 1fr;grid-gap:8px;gap:8px}.desktop-copy li span{color:var(--primary);font-family:var(--font-latin);font-weight:700}.desktop-work{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px}.desktop-upload-grid{width:min(100%,780px);display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin:28px 0 32px}.desktop-stories{margin-top:auto;padding-top:32px;border-top:1px solid var(--line)}.story-thumbs{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.story-thumb .image{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(135,168,120,.45),rgba(224,120,86,.28));margin-bottom:12px}.admin-shell{min-height:100dvh;display:grid;grid-template-columns:240px 1fr;background:var(--paper)}.admin-sidebar{background:var(--dark);color:#f7efe5;padding:24px 12px;display:flex;flex-direction:column}.admin-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-serif);font-size:18px;margin-bottom:40px}.admin-sidebar nav{display:grid;grid-gap:8px;gap:8px}.admin-sidebar nav a{min-height:44px;display:flex;align-items:center;padding:0 16px;border-radius:var(--radius-sm);color:#c6bbad}.admin-sidebar nav a.is-active{background:var(--primary);color:white}.admin-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px}.admin-user span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary)}.admin-user small{display:block;color:#b8aa9a}.admin-main{min-width:0}.admin-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(255,253,249,.72)}.admin-topbar h1{margin:0;font-family:var(--font-serif);font-size:26px}.admin-content{padding:24px 32px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.admin-card,.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.admin-card{padding:18px}.admin-card small{display:block;color:var(--muted);margin-bottom:8px}.admin-card strong{font-size:22px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px}.panel{padding:20px}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line)}.table td,.table th{text-align:left;padding:18px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500}.status-badge{display:inline-flex;align-items:center;min-width:58px;justify-content:center;height:26px;border-radius:var(--radius-pill);font-size:13px;color:white;background:#aea493}.status-generating,.status-questioning,.status-storyline_ready{background:var(--primary)}.status-completed{background:var(--green)}.status-failed{background:var(--danger)}.status-expired{background:#aea493}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 16px;min-height:40px;background:var(--surface);color:var(--muted)}@media (max-width:860px){.desktop-home{display:block}.desktop-copy,.desktop-work{padding:32px 24px;border-right:none}.desktop-copy h1{font-size:36px;margin-top:40px}.admin-cards,.admin-grid,.admin-shell,.desktop-upload-grid,.story-thumbs{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{padding:18px;overflow-x:auto}.table{min-width:760px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.real-upload{cursor:pointer;position:relative}.real-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-error{border:1px solid rgba(196,90,74,.32);border-radius:var(--radius-sm);color:var(--danger);background:rgba(196,90,74,.08);padding:12px 14px;margin:0;line-height:1.6}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;transform:none;opacity:.58}.photo-status{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;display:grid;grid-gap:8px;gap:8px}.photo-status span{color:var(--green)}.preview-poster .tiles img,.story-image-media{display:block;width:100%;object-fit:cover}.preview-poster .tiles img{aspect-ratio:1.1;border-radius:7px}.icon-button{border:0;background:transparent;color:var(--muted);display:inline-grid;place-items:center}.input-eye{position:absolute;right:10px;top:8px;width:36px;height:36px;border-radius:var(--radius-sm)}.input-eye:hover{background:rgba(61,53,43,.06);color:var(--ink)}.admin-user form{margin-left:auto}.admin-logout{border:1px solid rgba(247,239,229,.16);border-radius:var(--radius-pill);background:transparent;color:#c6bbad;min-height:32px;padding:0 12px}.admin-logout:hover{border-color:rgba(224,120,86,.62);color:white}.follow-up-panel{margin-top:auto;padding-top:24px;display:grid;grid-gap:12px;gap:12px}.follow-up-textarea{min-height:128px}.follow-up-warning{margin:0;border:1px solid rgba(224,120,86,.24);border-radius:var(--radius-sm);padding:10px 12px;background:rgba(224,120,86,.08);line-height:1.6}.follow-up-saved{margin:0;color:var(--green);line-height:1.6}.follow-up-actions{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-gap:12px;gap:12px;margin-top:4px}.generation-visual{position:relative;width:150px;height:150px;margin:26px auto 8px;display:grid;place-items:center}.generation-visual:after,.generation-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(224,120,86,.26);border-radius:50%}.generation-visual:after{inset:0;border-color:rgba(135,168,120,.25)}.generation-heart{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--primary);box-shadow:0 8px 18px rgba(224,120,86,.22);z-index:1}.generation-visual>span:not(.generation-heart){position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--line);transform:rotate(calc(var(--i) * 45deg)) translateY(-70px)}.generation-visual>span:nth-child(2){--i:0}.generation-visual>span:nth-child(3){--i:1}.generation-visual>span:nth-child(4){--i:2}.generation-visual>span:nth-child(5){--i:3}.generation-visual>span:nth-child(6){--i:4}.generation-visual>span:nth-child(7){--i:5}.generation-visual>span:nth-child(8){--i:6}.generation-visual>span:nth-child(9){--i:7}.generation-visual>span.is-done{background:var(--green)}.generation-visual>span.is-active{background:var(--primary);box-shadow:0 0 0 8px rgba(224,120,86,.13)}.generation-visual.is-running{animation:soft-orbit 5s linear infinite}.generation-visual.is-running .generation-heart{animation:pulse-heart 1.7s ease-in-out infinite}.generation-stage{min-height:28px;margin:0;color:#6e655a;line-height:1.7}.progress-bar span{position:relative;overflow:hidden;transition:width .4s ease-out}.progress-bar span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-100%);animation:progress-sheen 1.8s ease-in-out infinite}.progress-row--active svg{animation:tick-pulse 1.2s ease-in-out infinite}@keyframes soft-orbit{to{transform:rotate(1turn)}}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes progress-sheen{to{transform:translateX(100%)}}@keyframes tick-pulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}@media (prefers-reduced-motion:reduce){.generation-visual.is-running,.generation-visual.is-running .generation-heart,.progress-bar span:after,.progress-row--active svg{animation:none!important}}.home-story{background:#f7f1e8;color:var(--ink)}.home-hero{min-height:92dvh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(22px,4vw,56px) clamp(22px,6vw,84px) clamp(42px,7vw,76px);background:#28362f;color:#fffaf2}.home-nav{position:absolute;top:clamp(18px,3vw,34px);left:clamp(22px,6vw,84px);right:clamp(22px,6vw,84px);display:flex;align-items:center;justify-content:space-between;gap:16px}.home-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-serif);font-size:20px;font-weight:700}.home-hero .btn--secondary{background:rgba(255,250,242,.1);color:#fffaf2;border-color:rgba(255,250,242,.28)}.home-hero-copy{padding-top:76px;max-width:760px}.home-kicker{margin:0 0 18px;color:#e7aa89;font-weight:700}.home-hero h1{max-width:720px;margin:0 0 28px;font-family:var(--font-serif);font-size:clamp(42px,6.8vw,82px);line-height:1.05;letter-spacing:0;text-wrap:balance}.home-hero-copy>p:not(.home-kicker){max-width:680px;margin:0;color:#eadfce;font-size:18px;line-height:2;text-wrap:pretty}.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:42px}.home-actions>a:not(.btn){color:#f1d0bd;font-weight:700}.home-letter{display:grid;grid-gap:18px;gap:18px;align-self:end}.letter-paper{position:relative;padding:clamp(24px,4vw,38px);background:#fffaf2;color:var(--ink);border:1px solid rgba(61,53,43,.12);border-radius:10px;box-shadow:0 12px 34px rgba(19,28,24,.22)}.letter-paper span{color:var(--primary-deep);font-weight:700}.letter-paper h2{margin:18px 0 16px;font-family:var(--font-serif);font-size:clamp(27px,3.2vw,40px);line-height:1.18;text-wrap:balance}.letter-paper p{margin:0;color:#655b50;line-height:1.95}.letter-photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.home-scene img,.letter-photo-grid img{display:block;width:100%;object-fit:cover;background:var(--paper-deep)}.letter-photo-grid img{aspect-ratio:1;border:8px solid #fffaf2;box-shadow:0 10px 28px rgba(19,28,24,.24)}.home-proof{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);padding:clamp(52px,8vw,96px) clamp(22px,6vw,84px);background:#f7f1e8}.home-promise h2,.home-proof h2{margin:0 0 18px;font-family:var(--font-serif);font-size:clamp(32px,4.4vw,56px);line-height:1.12;letter-spacing:0;text-wrap:balance}.home-promise p,.home-proof p,.home-scene p{color:#6e655a;line-height:1.9}.home-scene-list{display:grid;grid-gap:18px;gap:18px}.home-scene{display:grid;grid-template-columns:156px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center;padding:16px;border:1px solid rgba(61,53,43,.12);border-radius:12px;background:#fffaf2}.home-scene img{aspect-ratio:1.18;border-radius:8px}.home-scene strong{font-family:var(--font-serif);font-size:22px}.home-scene p{margin:8px 0 0}.home-promise{min-height:48dvh;display:grid;place-items:center;text-align:center;padding:clamp(56px,8vw,104px) 22px;background:#332a23;color:#fffaf2}.home-promise p{max-width:620px;margin:0 0 30px;color:#eadfce;font-size:18px}.home-promise .btn{width:min(100%,320px)}@media (max-width:900px){.home-hero{min-height:auto;grid-template-columns:1fr;padding-top:104px}.home-nav{position:absolute}.home-hero-copy{padding-top:0}.home-hero h1{font-size:clamp(38px,12vw,58px)}.home-hero-copy>p:not(.home-kicker){font-size:16px}.home-letter{align-self:auto}.home-proof{grid-template-columns:1fr}.home-scene{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px}}@media (max-width:560px){.home-nav .btn{min-height:42px;padding:0 14px}.home-actions{display:grid;align-items:stretch}.home-actions>a:not(.btn){text-align:center}.home-scene,.letter-photo-grid{grid-template-columns:1fr}}.field>small{color:#7d7368;line-height:1.65}.interview-form .textarea{min-height:118px}.interview-note{border:1px solid rgba(135,168,120,.34);border-radius:var(--radius-md);padding:16px;background:rgba(135,168,120,.1)}.interview-note strong{font-family:var(--font-serif);font-size:20px}.interview-note p{margin:8px 0 0;color:#5f6d55;line-height:1.75}.result-letter{background:#f7f1e8}.result-hero--letter{padding:42px 28px 52px;background:#28362f}.result-hero--letter>span{color:#e7aa89;font-weight:700}.letter-closing,.letter-opening{padding:30px 28px;background:#fffaf2;border-bottom:1px solid rgba(61,53,43,.1)}.letter-closing p,.letter-opening p{margin:0 0 14px;color:#655b50;line-height:2}.letter-closing p:last-child,.letter-opening p:last-child{margin-bottom:0}.letter-chapter{padding:34px 28px 38px;border-bottom:1px solid rgba(61,53,43,.1)}.letter-chapter .story-image{border-radius:8px;box-shadow:none}.chapter-meta{margin-top:20px;font-weight:700}.letter-chapter p{margin:0;color:#655b50;line-height:2}.letter-closing{text-align:center;background:#332a23;color:#fffaf2}.letter-closing p{color:#eadfce}.letter-closing small{color:#d7c6b3}.result-actions{display:grid;grid-gap:14px;gap:14px;background:#f7f1e8}.chapter-source{margin-top:18px;border:1px solid rgba(61,53,43,.12);border-radius:var(--radius-sm);padding:14px 14px 12px;background:rgba(255,250,242,.72)}.chapter-source>strong{display:block;margin-bottom:10px;color:var(--ink);font-family:var(--font-serif);font-size:17px}.source-group{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.source-group span{color:var(--primary-deep);font-size:13px;font-weight:700}.source-group ul{margin:0;padding-left:18px}.source-group li{color:#655b50;line-height:1.75}.chapter-source small{display:block;margin-top:10px;color:#7d7368;line-height:1.65}:root{--paper:#f6f4ef;--paper-deep:#ebe6dc;--surface:#fffdf8;--ink:#24211d;--muted:#6f675e;--line:rgba(36,33,29,0.11);--primary:#b76e50;--primary-deep:#8f513b;--green:#5f7d65;--danger:#b34f45;--dark:#25231f;--shadow-soft:0 8px 24px rgba(36,33,29,0.09);--shadow-lift:0 18px 42px rgba(36,33,29,0.14);--radius-sm:8px;--radius-md:8px;--radius-lg:8px}body,html{background:#e9e5dc;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-width:320px}.page{min-height:100dvh;background:radial-gradient(circle at 50% 0,rgba(183,110,80,.12),transparent 34%),#e9e5dc}.mobile-home-shell,.mobile-shell{width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px rgba(36,33,29,.04),0 30px 80px rgba(36,33,29,.12)}.status-bar{height:48px;padding:env(safe-area-inset-top) 22px 0;color:rgba(36,33,29,.72);font-size:13px;letter-spacing:0}.mobile-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:54px;padding:0 14px;background:rgba(246,244,239,.82);border-bottom:1px solid rgba(36,33,29,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:var(--font-ui);font-size:16px;font-weight:650}.icon-button,.mobile-nav a{min-width:44px;min-height:44px;border-radius:8px}.mobile-content{padding:22px}.mobile-content--bottom{min-height:calc(100dvh - 102px)}.hero-center h1,.mobile-content h1,.section-title{margin:22px 0 10px;font-family:var(--font-serif);color:var(--ink);font-size:30px;line-height:1.18;text-wrap:balance}.chat-bubble,.field small,.hero-center p,.mobile-content p,.story-timeline p{color:var(--muted);line-height:1.82}.brand-mark{border:0;color:#fffaf5;background:linear-gradient(145deg,var(--primary),var(--primary-deep));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px rgba(143,81,59,.2)}.btn{min-height:54px;border-radius:8px;padding:0 20px;font-weight:700;letter-spacing:0;touch-action:manipulation;transition:transform .18s ease-out,opacity .18s ease-out,background-color .18s ease-out,border-color .18s ease-out}.btn:active{transform:scale(.98)}.btn--primary{background:#24211d;color:#fffaf4;box-shadow:0 10px 22px rgba(36,33,29,.16)}.btn--primary:hover{background:#332f29}.btn--secondary{background:rgba(255,253,248,.72);color:var(--ink);border-color:rgba(36,33,29,.12)}.btn--text{color:var(--primary-deep)}.hero-actions{width:100%;max-width:none;margin-top:auto;padding-top:28px;gap:12px}.stepper{margin:22px 0 26px;gap:6px}.stepper span{width:30px;height:30px;background:rgba(255,253,248,.78);border:1px solid rgba(36,33,29,.09)}.stepper span:not(:last-child):after{left:36px;width:70px;background:rgba(36,33,29,.1)}.stepper .is-active,.stepper .is-done{background:var(--dark);border-color:var(--dark);color:#fffaf4}.admin-card,.chapter-source,.chat-bubble,.input,.interview-note,.panel,.photo-status,.privacy-hint,.textarea,.upload-box{border-color:rgba(36,33,29,.1);border-radius:8px;background:rgba(255,253,248,.74);box-shadow:none}.input,.textarea{min-height:48px;padding:14px 15px;font-size:16px}.textarea{min-height:112px}.upload-box{min-height:174px;border-style:solid;color:var(--primary-deep)}.upload-box--done{border-color:rgba(95,125,101,.34);background:rgba(244,249,241,.86)}.follow-up-actions,.home-actions,.result-actions{grid-template-columns:1fr}.follow-up-panel{margin-top:22px}.follow-up-warning{background:rgba(183,110,80,.08);border-color:rgba(183,110,80,.2);color:var(--primary-deep)}.generation-visual{width:144px;height:144px}.generation-heart{background:#24211d;box-shadow:0 12px 28px rgba(36,33,29,.18)}.home-story{background:#e9e5dc}.mobile-home-shell{position:relative;overflow:hidden}.home-nav--mobile{position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:calc(env(safe-area-inset-top) + 12px) 20px 10px;background:rgba(246,244,239,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-brand{color:var(--ink);font-family:var(--font-ui);font-size:17px;font-weight:750}.home-nav-link,.soft-link{min-height:44px;display:inline-flex;align-items:center;color:var(--primary-deep);font-size:14px;font-weight:700}.home-cover{min-height:calc(100dvh - 70px);display:flex;flex-direction:column;padding:28px 22px 24px}.cover-photos{position:relative;height:min(48dvh,360px);margin:2px 0 26px}.cover-photo{position:absolute;display:block;width:58%;aspect-ratio:3/4;object-fit:cover;border:8px solid #fffdf8;border-radius:8px;box-shadow:var(--shadow-lift);background:var(--paper-deep)}.cover-photo--left{left:2px;bottom:0;transform:rotate(-4deg)}.cover-photo--right{right:0;top:0;transform:rotate(4deg)}.cover-copy{position:relative;z-index:1}.home-kicker{margin:0 0 14px;display:inline-flex;align-items:center;gap:7px;color:var(--primary-deep);font-size:14px;font-weight:750;letter-spacing:0}.home-cover h1,.home-final-card h2,.section-heading h2{margin:0;font-family:var(--font-serif);color:var(--ink);line-height:1.12;letter-spacing:0;text-wrap:balance}.home-cover h1{font-size:clamp(38px,11vw,54px)}.cover-copy>p:not(.home-kicker),.home-final-card>p,.home-note p,.memory-card p{color:var(--muted);line-height:1.86}.cover-copy>p:not(.home-kicker){margin:18px 0 0;font-size:17px}.home-actions--cover{display:grid;margin-top:auto;padding-top:34px}.soft-link{justify-content:center;gap:3px}.home-note{margin:4px 22px 0;padding:16px;display:grid;grid-template-columns:24px 1fr;grid-gap:10px;gap:10px;align-items:start;border:1px solid rgba(36,33,29,.1);border-radius:8px;background:rgba(255,253,248,.62)}.home-note svg{color:var(--primary-deep);margin-top:4px}.home-note p{margin:0}.memory-path{padding:54px 22px 28px}.section-heading h2{font-size:32px}.memory-stack{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.memory-card{display:grid;grid-template-columns:108px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;padding:10px;border:1px solid rgba(36,33,29,.1);border-radius:8px;background:rgba(255,253,248,.72)}.memory-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:8px}.memory-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--primary-deep);background:rgba(183,110,80,.1)}.memory-card h3{margin:10px 0 6px;font-family:var(--font-serif);font-size:20px}.memory-card p{margin:0;font-size:14px}.home-final-card{margin:24px 22px 0;padding:28px 18px calc(32px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;background:#24211d;color:#fffaf4}.home-final-card h2{color:#fffaf4;font-size:30px}.home-final-card>p{color:#ded4c8}.home-final-card .home-kicker{color:#d9a084}.home-final-card .btn--primary{background:#fffaf4;color:#24211d;box-shadow:none}.result-book{background:#ece6da;perspective:1200px}.book-cover-result{min-height:calc(100dvh - 102px);display:flex;flex-direction:column;justify-content:center;margin:0 14px;padding:42px 26px;border-radius:0 8px 8px 0;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 10%),linear-gradient(145deg,#2b2924,#5b3b2d 54%,#2b2924);color:#fff8ee;box-shadow:16px 22px 52px rgba(36,33,29,.22);transform-origin:left center;animation:book-open-cover .72s cubic-bezier(.2,.8,.2,1) both}.book-cover-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,248,238,.28);border-radius:8px;color:#f4d2bd}.book-cover-result p{margin:28px 0 12px;color:#e6c5b2;font-weight:700}.book-cover-result h1{margin:0;font-family:var(--font-serif);font-size:clamp(38px,11vw,56px);line-height:1.1;letter-spacing:0;text-wrap:balance}.book-cover-result span{margin-top:18px;color:#f1e3d5;line-height:1.8}.book-cover-line{width:72px;height:1px;margin-top:34px;background:rgba(255,248,238,.42)}.book-closing,.book-opening-page,.book-page{margin:14px;border:1px solid rgba(36,33,29,.1);border-radius:8px;background:#fffdf8;box-shadow:var(--shadow-soft)}.book-opening-page{padding:28px 22px;animation:book-page-in .55s ease-out .18s both}.book-page-label{display:inline-flex;align-items:center;gap:6px;color:var(--primary-deep);font-weight:750}.book-opening-page p,.letter-chapter p,.letter-closing p{color:#5f574e;line-height:2}.book-chapters{display:grid;grid-gap:14px;gap:14px}.letter-chapter.book-page{padding:18px 16px 22px;border-bottom:1px solid rgba(36,33,29,.1);animation:book-page-in .48s ease-out both}.letter-chapter .story-image,.story-image{border-radius:8px;box-shadow:none;overflow:hidden}.story-image-media{aspect-ratio:4/3}.chapter-meta{margin-top:18px;color:var(--primary-deep);font-size:14px;font-weight:750}.letter-chapter h2,.letter-closing h2{margin:10px 0 12px;color:var(--ink);font-family:var(--font-serif);font-size:28px;line-height:1.22;text-wrap:balance}.book-closing{padding:30px 20px 34px;text-align:center;background:#24211d;color:#fffaf4}.book-closing svg{color:#d9a084}.book-closing h2{color:#fffaf4}.book-closing p{color:#ded4c8}.book-closing small{color:#c8b9aa}.result-actions--sticky{position:-webkit-sticky;position:sticky;bottom:0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(36,33,29,.08);background:rgba(246,244,239,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chapter-source{background:rgba(246,244,239,.66)}@keyframes book-open-cover{0%{opacity:0;transform:rotateY(-18deg) translateX(-8px)}to{opacity:1;transform:rotateY(0deg) translateX(0)}}@keyframes book-page-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:360px){.home-cover,.memory-path,.mobile-content{padding-left:18px;padding-right:18px}.cover-photos{height:300px}.memory-card{grid-template-columns:92px minmax(0,1fr)}.home-cover h1{font-size:36px}}@media (min-width:431px){.home-story,.page{padding:0}}@media (prefers-reduced-motion:reduce){.book-cover-result,.book-opening-page,.letter-chapter.book-page{animation:none!important}}.storyline-review>p{color:var(--muted);line-height:1.86}.flow-actions{grid-template-columns:1fr!important;padding-top:28px}.poster-preview-screen .preview-poster{border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),#24211d;box-shadow:var(--shadow-lift)}.poster-preview-screen .preview-poster h1{color:#fffaf4}.poster-preview-screen .preview-poster p{color:#ded4c8;line-height:1.9}.poster-preview-screen .preview-poster small{color:#c8b9aa}.poster-heart{color:#d9a084}.save-hint{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.7;text-align:center}.home-cover h1{font-size:clamp(32px,9.4vw,44px);line-height:1.16}.cover-copy>p:not(.home-kicker){max-width:22em;font-size:16px;line-height:1.78}.home-note{display:none}.memory-path{padding-top:34px}.chapter-source--compact{margin-top:14px;padding:9px 10px;display:flex;gap:8px;align-items:baseline;background:rgba(246,244,239,.46)}.chapter-source--compact span{flex:0 0 auto;color:var(--primary-deep);font-size:12px;font-weight:750}.chapter-source--compact small{margin:0;color:#7b7167;font-size:12px;line-height:1.55}.book-opening-page p+p{margin-top:8px}