*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ea;--surface:#fffdf8;--surface-soft:#f5efe3;--surface-warm:#efe8d9;--ink:#1f241c;--muted:#6b685f;--quiet:#8c877a;--line:#dfd5c4;--line-strong:#cdbfa8;--olive:#334f32;--olive-soft:#dfe8d5;--gold:#b8843a;--gold-soft:#f3e3c6;--brick:#9f4c37;--brick-soft:#f2d8cf;--paper:#fbf7ef;--shadow:0 18px 48px #2f261a29;--radius:8px;--radius-sm:6px;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--font-book:"Songti SC", "STSong", "Noto Serif CJK SC", serif}body{background:radial-gradient(circle at 18% 10%, #d6b87b38, transparent 34%), radial-gradient(circle at 82% 0%, #74885c1f, transparent 30%), linear-gradient(180deg, #faf6ee 0%, var(--bg) 100%);min-height:100vh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.preview-stage{place-items:start center;min-height:100vh;padding:28px 16px;display:grid}.app{background:var(--paper);width:min(100%,390px);min-height:844px;box-shadow:var(--shadow);border:1px solid #1e1e1e;border-radius:38px;position:relative;overflow:hidden}.content,.card,.soft-card,.prompt-card,.voice-recorder,.story-card-main{min-width:0}.app:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff42,#fff0),repeating-linear-gradient(90deg,#3d311f05,#3d311f05 1px,#0000 1px 5px);position:absolute;inset:0}.status-bar,.top-bar,.content,.bottom-nav{z-index:1;position:relative}.status-bar{color:#111;letter-spacing:0;height:0;padding:0;font-size:13px;font-weight:700;overflow:hidden;display:none!important}html{scrollbar-width:none}body::-webkit-scrollbar{display:none}html.embedded,html.embedded body{background:0 0;min-height:0;overflow:hidden}html.embedded .preview-stage{min-height:0;padding:0;display:block}html.embedded .app{width:390px;min-height:auto;box-shadow:none;border:1px solid #1e1e1e;border-radius:38px}.system-icons{align-items:center;gap:5px;display:flex}.signal,.wifi,.battery{display:inline-block}.signal{clip-path:polygon(0 100%,100% 100%,100% 0,0 72%);background:linear-gradient(90deg,#111 20%,#0000 20% 28%,#111 28% 48%,#0000 48% 56%,#111 56% 76%,#0000 76% 84%,#111 84%);width:17px;height:11px}.wifi{border:3px solid #0000;border-top-color:#111;border-bottom:0;border-radius:13px 13px 0 0;width:15px;height:11px}.battery{border:1.6px solid #111;border-radius:3px;width:22px;height:11px;position:relative}.battery:after{content:"";background:#111;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:3px;right:-3.5px}.battery:before{content:"";background:#111;border-radius:1px;width:14px;height:5px;position:absolute;top:2px;left:2px}.top-bar{border-bottom:1px solid #cdbfa894;grid-template-columns:42px 1fr 42px;align-items:center;min-height:58px;padding:8px 18px 12px;display:grid}.top-bar.no-line{border-bottom-color:#0000}.top-title{text-align:center;color:var(--ink);font-size:17px;font-weight:750}.top-subtitle{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500;display:block}.icon-btn{width:auto;min-width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 5px;font-size:12px;display:grid}.icon-btn:hover{background:var(--surface-soft)}.icon{font-size:21px;font-weight:700;line-height:1}.content{padding:0 16px 96px}.content.with-top-space{padding-top:12px}.page-kicker{color:var(--gold);letter-spacing:0;margin:8px 0 6px;font-size:11px;font-weight:800}.page-title{font-family:var(--font-book);color:var(--ink);margin:0;font-size:28px;font-weight:800;line-height:1.18}.page-lead{color:var(--muted);overflow-wrap:anywhere;margin:9px 0 0;font-size:14px;line-height:1.6}.section{margin-top:16px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;display:flex}.section-title{color:var(--ink);margin:0;font-size:15px;font-weight:750}.section-link{color:var(--muted);font-size:12px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8db;box-shadow:0 8px 22px #352a1b0d}.soft-card{border-radius:var(--radius);background:#faf6edeb;border:1px solid #cdbfa8c7}.profile-strip{grid-template-columns:56px 1fr 18px;align-items:center;gap:12px;margin-top:2px;display:grid}.avatar{object-fit:cover;border:1px solid var(--line-strong);filter:grayscale(.2);border-radius:50%;width:56px;height:56px}.profile-title{margin:0;font-size:20px;font-weight:780;line-height:1.3}.profile-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:4px;font-size:12px;display:flex}.hero-photo{border:1px solid var(--line-strong);background:#ddd4c4;border-radius:18px;margin-top:14px;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;filter:grayscale(.85)sepia(.16)contrast(.95);width:100%;height:194px;display:block}.hero-photo.tall img{height:280px}.hero-photo.small img{height:112px}.photo-caption{color:#fff;text-shadow:0 1px 10px #0009;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.photo-caption span{white-space:nowrap;flex:none;min-width:0}.badge{border:1px solid var(--line);min-height:24px;color:var(--muted);white-space:nowrap;background:#fffdf8d6;border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.badge.olive{background:var(--olive-soft);color:var(--olive);border-color:#b8c8aa}.badge.gold{background:var(--gold-soft);color:#73531d;border-color:#d5b77b}.badge.warn{color:#8a5816;background:#fff2d9;border-color:#d9ad69}.badge.danger{background:var(--brick-soft);color:#8c3228;border-color:#dda39a}.badge.dark{background:var(--olive);border-color:var(--olive);color:#fff}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fffdf8b3;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8bf;min-width:0;min-height:74px;padding:9px 6px}.stat-number{color:var(--olive);font-family:var(--font-book);font-size:26px;font-weight:800;line-height:1;display:block}.stat-label{color:var(--ink);overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.25;display:block}.memory-card{grid-template-columns:112px 1fr;gap:12px;padding:10px;display:grid}.memory-card img{object-fit:cover;filter:grayscale(.85)sepia(.15);border-radius:8px;width:112px;height:136px}.memory-copy{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.btn,.chip,.badge{min-width:0}.memory-question{margin:0;font-size:14px;font-weight:700;line-height:1.55}.btn-stack{gap:8px;display:grid}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-row.three{grid-template-columns:repeat(3,1fr)}.btn{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fffdf8e6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:14px;font-weight:650;display:inline-flex}.btn.primary{border-color:var(--olive);background:var(--olive);color:#fff;box-shadow:0 6px 14px #334f3229}.btn.gold{color:#7d561d;background:#fff6e5;border-color:#d6aa63}.btn.ghost{background:#fffdf880}.btn.danger{background:var(--brick-soft);color:#8c3228;box-shadow:none;border-color:#d59b91}.btn.full{width:100%}.btn.large{min-height:54px;font-size:16px}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f5;border-top:1px solid #cdbfa8b8;grid-template-columns:repeat(5,1fr);align-items:start;height:82px;padding:8px 10px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--ink);justify-items:center;gap:3px;font-size:11px;display:grid}.nav-icon{width:34px;height:34px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.nav-svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;display:block}.nav-item.active .nav-icon{background:var(--olive-soft);color:var(--olive)}.context-card{grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.context-card img{object-fit:cover;filter:grayscale(.85)sepia(.14);border-radius:7px;width:74px;height:62px}.context-title{margin:0 0 7px;font-size:13px;font-weight:750;line-height:1.35}.guide-question{font-family:var(--font-book);text-align:center;overflow-wrap:anywhere;margin:18px 2px 12px;font-size:22px;font-weight:800;line-height:1.55}.guide-note{color:#6e531f;background:#fff7e7;border:1px solid #ead0a2;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:grid}.guide-note span{overflow-wrap:anywhere;min-width:0}.guide-layout{grid-template-columns:76px 1fr;gap:10px;margin-top:12px;display:grid}.guide-rail{color:var(--muted);margin:0;padding:0;font-size:12px;list-style:none}.guide-rail li{min-height:32px;padding:0 0 10px 20px;position:relative}.guide-rail li:before{content:"";background:var(--line-strong);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:5px}.guide-rail li:after{content:"";background:var(--line-strong);width:1px;position:absolute;top:13px;bottom:0;left:8.5px}.guide-rail li:last-child:after{display:none}.guide-rail li.active{color:var(--olive);font-weight:750}.guide-rail li.active:before{background:var(--olive)}.guide-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 14px;display:grid}.guide-progress span{border:1px solid var(--line);min-height:36px;color:var(--muted);text-align:center;background:#fffdf8b3;border-radius:8px;place-items:center;padding:6px 4px;font-size:11px;line-height:1.2;display:grid}.guide-progress span.active{color:var(--olive);background:var(--olive-soft);border-color:#b8c8aa;font-weight:750}.prompt-card{padding:14px}.prompt-card .guide-question{margin:4px 0 10px}.memory-lens-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.memory-lens{border:1px solid var(--line);min-height:56px;color:var(--ink);text-align:center;overflow-wrap:anywhere;background:#fffdf8b8;border-radius:9px;align-content:center;justify-items:center;gap:4px;padding:8px 5px;font-size:12px;display:grid}.memory-lens strong{color:var(--olive);font-size:15px}.voice-recorder{text-align:center;padding:18px 14px}.voice-recorder .wave{margin:12px auto 14px}.mic-orb{color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 22%,#d18c73,#9f4c37);border:6px solid #f4dccb;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto;display:grid;box-shadow:0 14px 26px #74301f42}.mic-svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:42px;height:42px}.recorder-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.ai-summary{border-left:3px solid var(--gold);padding:12px}.ai-summary h3{margin:0 0 7px;font-size:14px}.ai-summary p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.guide-mode-grid{grid-template-columns:1fr;gap:10px;display:grid}.guide-mode{grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.guide-mode-icon{background:var(--olive-soft);width:52px;height:52px;color:var(--olive);border-radius:12px;place-items:center;font-size:24px;display:grid}.guide-mode h3{margin:0 0 4px;font-size:16px}.guide-mode p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.voice-panel{text-align:center;padding:18px 12px 16px}.wave{height:42px;color:var(--gold);justify-content:center;align-items:center;gap:3px;display:flex}.wave i{width:2px;height:var(--h);opacity:.72;background:currentColor;border-radius:99px;min-height:8px;display:block}.small-wave{height:30px;margin:8px 0}.mic-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 22%,#cf8b72,#9d4f37);border:4px solid #f7dfcf;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 8px;display:grid;box-shadow:0 10px 22px #74301f42}.timer{margin-top:10px;font-size:20px;font-weight:750;display:block}.text-input{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#fffdf8c7;border-radius:8px;padding:13px 12px}.fact-panel{padding:10px}.fact-panel h3{margin:0 0 8px;font-size:13px}.material-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.danger-zone{padding:12px}.danger-zone form{margin-top:10px}.person-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.person-chip{border:1px solid var(--line);background:#fffdf8bd;border-radius:8px;align-items:center;gap:8px;min-height:56px;padding:8px;font-size:12px;display:flex}.mini-avatar{object-fit:cover;filter:grayscale(.5);background:var(--surface-warm);border-radius:50%;width:28px;height:28px}.question-box{background:#fff8eb;border:1px solid #e1b46d;border-radius:8px;grid-template-columns:1fr 34px;align-items:center;gap:10px;padding:10px;font-size:13px;line-height:1.5;display:grid}.play-dot{width:32px;height:32px;color:var(--olive);background:#fff;border:1px solid #dec18d;border-radius:50%;place-items:center;display:grid}.story-title{font-family:var(--font-book);margin:12px 0 8px;font-size:25px;line-height:1.28}.story-body{color:#333126;font-family:var(--font-book);margin:0;font-size:15px;line-height:1.9}.divider{background:var(--line);height:1px;margin:16px 0}.field-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8cc;border-radius:8px;padding:12px}.textarea{resize:vertical;min-height:130px;line-height:1.7}.form-grid{gap:12px;display:grid}.upload-zone{text-align:center;background:#fffdf885;border:1.5px dashed #c7b899;border-radius:12px;place-items:center;min-height:184px;padding:20px;display:grid}.upload-icon{background:var(--olive-soft);width:54px;height:54px;color:var(--olive);border-radius:50%;place-items:center;margin-bottom:10px;font-size:26px;display:grid}.material-card{overflow:hidden}.material-card img,.material-art{object-fit:cover;filter:grayscale(.65)sepia(.14);background:var(--surface-warm);width:100%;height:170px}.material-body{padding:12px}.material-title{font-family:var(--font-book);margin:0 0 7px;font-size:21px}.material-desc{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.story-card{padding:12px;display:block}.story-card-head{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:12px;display:grid}.story-card img{object-fit:cover;filter:grayscale(.7)sepia(.16);border-radius:8px;width:82px;height:92px}.story-card h3{font-family:var(--font-book);margin:6px 0;font-size:19px;line-height:1.25}.story-card-main{min-width:0}.story-card-meta{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.story-card-actions{border-top:1px solid #dfd5c4cc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:grid}.story-card-actions span{color:var(--muted);font-size:12px}.flow-diagram{gap:10px;display:grid}.flow-step{grid-template-columns:34px 1fr;gap:10px;padding:12px;display:grid;position:relative}.flow-step:after{content:"";background:var(--line-strong);width:1px;position:absolute;top:52px;bottom:-11px;left:28px}.flow-step:last-child:after{display:none}.flow-index{background:var(--olive);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.flow-step h3{margin:0 0 4px;font-size:15px}.flow-step p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.audit-list{gap:10px;display:grid}.audit-item{padding:12px}.audit-item h3{margin:0 0 6px;font-size:15px}.audit-item p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.story-card p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.timeline{border-left:2px solid #d7be85;margin:18px 0 0;padding:0;list-style:none}.timeline li{margin-left:18px;padding:0 0 22px 14px;position:relative}.timeline li:before{content:"";background:var(--paper);border:3px solid #c39c4c;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-25px}.timeline-year{color:#8b6422;font-family:var(--font-book);font-size:23px;font-weight:800}.timeline h3{font-family:var(--font-book);margin:4px 0 5px;font-size:20px}.timeline p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.contributors{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.contributor{text-align:center;font-size:11px;font-weight:650}.contributor img,.contributor-add{border:1px solid var(--line);object-fit:cover;filter:grayscale(.3);background:#fffdf8b8;border-radius:10px;place-items:center;width:54px;height:54px;margin:0 auto 7px;display:grid}.request-card{padding:12px}.request-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.quote{color:#433f35;font-family:var(--font-book);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.65}.work-card{overflow:hidden}.work-cover{background:linear-gradient(120deg,#ffffff1a,#4040402e),linear-gradient(90deg,#d9d1c1,#f8f1e2 42%,#bbb0a0 43%,#e8dfce);height:132px}.audio-art{color:#8c9279;background:#e5e0d4;place-items:center;height:132px;font-size:38px;display:grid}.readiness-row{border-bottom:1px solid #dfd5c4cc;grid-template-columns:1fr auto;gap:8px;padding:9px 0;font-size:13px;display:grid}.readiness-row:last-child{border-bottom:0}.memoir-preview{border:1px solid var(--line);background:#fffcf5;border-radius:8px;padding:16px}.memoir-preview h2{font-family:var(--font-book);margin:0 0 8px;font-size:24px}.memoir-preview p{font-family:var(--font-book);margin:0;font-size:15px;line-height:1.85}.home-hero{padding:6px 0 2px}.home-hero .page-title{max-width:340px}.mini-timeline{margin-top:10px}.mini-timeline li{padding-bottom:16px}.mini-timeline .timeline-year{font-size:18px}.mini-timeline h3{font-size:17px}.reminder-card,.quick-background,.source-card{padding:12px}.source-row{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.source-row strong{margin-bottom:3px;font-size:14px;display:block}.source-icon{background:var(--olive-soft);width:38px;height:38px;color:var(--olive);border-radius:10px;place-items:center;font-size:14px;font-weight:800;display:grid}.readiness-row a{color:var(--olive);font-weight:750}@media (max-width:520px){.preview-stage{padding:0}.app{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}html.embedded .app{border:1px solid #1e1e1e;border-radius:38px;width:390px;min-height:auto}.guide-progress,.memory-lens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card-actions{grid-template-columns:1fr}.story-card-actions .badge{justify-self:start}}
html{scrollbar-width:none}body{min-height:100vh}body::-webkit-scrollbar{display:none}button,select,input,textarea{font:inherit}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fffdf8a3;padding:18px}.empty-state .btn{margin-top:12px}.form-grid{gap:12px;display:grid}.field,.textarea,.text-input{width:100%}.textarea{resize:vertical}.placeholder-art{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #334f321f, #b8843a1f), var(--surface-soft);min-height:156px;color:var(--muted);text-align:center;place-items:center;display:grid}.asset-preview{object-fit:cover;width:100%;min-height:220px;display:block}.nav-item[aria-current=page]{color:var(--olive)}.action-form{display:contents}.button-strip{flex-wrap:wrap;gap:8px;display:flex}.button-strip .btn{flex:1}.small-note{color:var(--quiet);margin-top:8px;font-size:12px;line-height:1.5}.inline-copy{word-break:break-all}.document-art{border-radius:var(--radius);background:var(--surface-warm);width:86px;height:76px;color:var(--olive);font-family:var(--font-book);place-items:center;font-size:28px;display:grid}