:root{color-scheme:dark;--bg-deep: #0f1630;--bg-dusk: #1a2344;--bg-mist: rgba(255, 255, 255, .08);--panel: rgba(12, 19, 40, .58);--panel-strong: rgba(20, 30, 60, .78);--line: rgba(255, 255, 255, .14);--text-main: #f7f3ec;--text-soft: rgba(247, 243, 236, .75);--forest: #79b68f;--sky: #86c8ff;--gold: #ffd98e;--rose: #ffb2d5;--lavender: #c9b7ff;--shadow: 0 24px 60px rgba(7, 11, 24, .38);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--content-width: 1280px;--font-display: "Trebuchet MS", "Segoe UI", sans-serif;--font-body: "Microsoft YaHei UI", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at top,rgba(255,178,213,.2),transparent 30%),radial-gradient(circle at 20% 20%,rgba(123,185,255,.16),transparent 25%),linear-gradient(180deg,#23173b,#10172f 35%,#10213c);color:var(--text-main)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.scene-shell{position:relative;min-height:100vh;overflow:hidden}.scene-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,rgba(255,198,228,.14),transparent 24%),radial-gradient(circle at 18% 16%,rgba(112,211,255,.16),transparent 20%),radial-gradient(circle at 80% 24%,rgba(201,183,255,.16),transparent 18%);filter:blur(12px);pointer-events:none}.scene-shell__content,.topbar{position:relative;z-index:1;width:min(calc(100% - 32px),var(--content-width));margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 0 20px}.topbar h1{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);line-height:1}.topbar__eyebrow,.panel__eyebrow,.kicker,.metric-card__label{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--text-soft)}.topbar__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.topbar__nav a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;transition:.18s ease}.topbar__nav a.is-active,.topbar__nav a:hover{border-color:#ffffff47;background:#ffffff1f}.scene-shell__content{padding:0 0 48px}.hero-copy{max-width:720px;margin-bottom:24px}.hero-copy__subtitle{margin:0;color:var(--text-soft);line-height:1.8;font-size:1rem}.landing-hero,.grid-two,.grid-single,.adventure-layout{position:relative;z-index:1}.landing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-bottom:24px}.landing-hero__copy,.panel,.forest-canvas{border:1px solid var(--line);background:linear-gradient(180deg,#121c38b8,#080e1fbd);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.landing-hero__copy{padding:32px;border-radius:var(--radius-xl)}.landing-hero__copy h2{margin:12px 0 14px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.98;font-family:var(--font-display)}.landing-hero__copy p{color:var(--text-soft);line-height:1.8;margin:0}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.glow-button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.glow-button:hover{transform:translateY(-2px)}.glow-button--gold{background:linear-gradient(135deg,#ffd98ef2,#ffb2d5eb);color:#2b1d12;box-shadow:0 16px 36px #ffb98147}.glow-button--forest{background:linear-gradient(135deg,#79b68ff2,#86c8ffeb);color:#13231d;box-shadow:0 16px 36px #61aa8838}.glow-button--sky{background:linear-gradient(135deg,#86c8fff2,#c9b7ffeb);color:#0f2340;box-shadow:0 16px 36px #64aaff38}.otter-stage{position:relative;min-height:540px;border-radius:36px;background:radial-gradient(circle at 50% 12%,rgba(255,218,233,.18),transparent 18%),linear-gradient(180deg,#0e132ae0,#0c122a8f);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.otter-stage__moon{position:absolute;top:52px;right:68px;width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe8,#ffdca4 70%,#ffbdd7);box-shadow:0 0 0 16px #ffd79114,0 0 80px #ffc88c6b}.otter-stage__ribbon{position:absolute;background:linear-gradient(180deg,#ffb2d5cc,#fff6fc1a);border-radius:999px;filter:blur(1px);opacity:.92}.otter-stage__ribbon--one{width:18px;height:360px;left:62%;top:90px;transform:rotate(28deg)}.otter-stage__ribbon--two{width:12px;height:280px;left:76%;top:150px;transform:rotate(-14deg)}.otter-stage__otter{position:absolute;left:50%;bottom:44px;width:260px;height:420px;transform:translate(-50%)}.otter-stage__image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(24,10,8,.28))}.otter-head,.otter-body,.otter-tail,.ear,.eye,.nose{position:absolute}.otter-head{top:0;left:36px;width:190px;height:178px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 50% 24%,#ffdcae,#d98d58 70%,#9c5e38);box-shadow:inset 0 -10px 18px #62280b2e}.ear{top:-8px;width:42px;height:42px;border-radius:50%;background:#9a6039}.ear:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#f1c29f}.ear--left{left:10px}.ear--right{right:10px}.eye{top:70px;width:22px;height:28px;border-radius:50%;background:#2c160d}.eye--left{left:50px}.eye--right{right:50px}.nose{top:92px;left:72px;width:46px;height:34px;border-radius:50% 50% 60% 60%;background:#4a281a;box-shadow:0 10px 24px #00000038}.nose:after{content:"";position:absolute;top:20px;left:50%;width:2px;height:20px;background:#23120ce6;transform:translate(-50%)}.otter-body{bottom:0;left:26px;width:210px;height:298px;border-radius:42% 42% 36% 36%;background:radial-gradient(circle at 50% 24%,#ffc892,#c9804d 65%,#8f522d);box-shadow:inset 0 -18px 30px #6d2f0f38}.otter-body:before{content:"";position:absolute;top:22px;left:42px;width:126px;height:112px;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 50% 26%,#fff0d7,#f3c798 75%,#dfaa7a)}.otter-tail{right:0;bottom:10px;width:118px;height:42px;border-radius:50%;background:linear-gradient(90deg,#8d4f2d,#6e361c);transform:rotate(8deg)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.grid-single{margin-bottom:24px}.panel{padding:26px;border-radius:var(--radius-xl)}.panel__header{margin-bottom:18px}.panel__header h2{margin:10px 0 0;font-size:1.75rem;font-family:var(--font-display)}.feature-list,.stack-list,.route-card-list,.steps-row{display:grid;gap:16px}.feature-item,.route-card,.metric-card,.step-card,.bond-card,.permission-demo__card,.story-state-card,.timeline-item,.dialogue-bubble,.chapter-button,.retell-script,.result-hero,.moon-result-card,.result-poster,.share-stage__poster{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:var(--radius-lg)}.feature-item,.metric-card,.step-card,.permission-demo__card{padding:18px}.feature-item h3,.route-card h3,.metric-card h3,.step-card h3,.bond-card__copy h3{margin:8px 0 10px;font-size:1.1rem}.feature-item p,.route-card span,.metric-card span,.step-card p,.bond-card__copy p,.check-list li,.timeline-item p,.permission-demo__card p{color:var(--text-soft);line-height:1.7}.route-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card{display:flex;flex-direction:column;gap:12px;padding:18px}.route-card p{margin:0;color:var(--gold);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.check-list{margin:0;padding-left:20px;display:grid;gap:12px}.permission-demo{position:relative;min-height:220px;margin-top:22px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#0b1831d1,#12283a8f)}.permission-demo__orb{position:absolute;border-radius:50%;filter:blur(.5px)}.permission-demo__orb--camera{width:96px;height:96px;top:24px;left:28px;background:radial-gradient(circle at 40% 40%,#ffd98efa,#ffb2d51f);box-shadow:0 0 50px #ffcb943d}.permission-demo__orb--voice{width:140px;height:140px;right:10%;bottom:16px;background:radial-gradient(circle at 30% 30%,#86c8ffe6,#78f0c714);box-shadow:0 0 70px #6fbcff42}.permission-demo__card{position:absolute;left:50%;bottom:20px;width:min(88%,420px);transform:translate(-50%)}.bond-card{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px}.bond-card__avatar{position:relative;min-height:260px;border-radius:28px;background:radial-gradient(circle at 50% 28%,rgba(255,223,163,.92),rgba(255,190,158,.28) 40%,transparent 70%),linear-gradient(180deg,#2c1b3ae0,#15253dd1);overflow:hidden}.bond-card__image{position:absolute;top:26px;right:18px;bottom:12px;left:18px;width:calc(100% - 36px);height:calc(100% - 38px);object-fit:contain;z-index:1;filter:drop-shadow(0 16px 32px rgba(21,11,10,.28))}.bond-card__avatar:before{content:"";position:absolute;top:44px;right:44px;bottom:44px;left:44px;border-radius:40% 40% 34% 34%;background:radial-gradient(circle at 50% 20%,#ffe2bb,#d38b57 68%,#8c4f2d);box-shadow:inset 0 -10px 20px #57260d3d}.avatar-spark{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffffa,#fff0)}.avatar-spark--one{top:34px;right:34px;width:44px;height:44px}.avatar-spark--two{bottom:42px;left:26px;width:28px;height:28px}.steps-row{grid-template-columns:repeat(3,minmax(0,1fr))}.adventure-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:24px}.adventure-screen-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 8%,rgba(255,221,151,.16),transparent 24%),radial-gradient(circle at 18% 22%,rgba(94,179,149,.18),transparent 20%),linear-gradient(180deg,#11172b,#071421)}.adventure-stage-board{position:relative;width:min(100%,1480px);min-height:min(86vh,860px);aspect-ratio:16 / 9;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 80px #030a1275;background:#09141bb8}.adventure-runner{position:relative;width:min(100%,1480px);min-height:min(86vh,860px);aspect-ratio:16 / 9;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#071421;box-shadow:0 32px 80px #030a1275}.adventure-runner canvas{display:block}.adventure-runner__hud{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;color:#fff9e6f0;background:#07111875;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px #03080e3d}.adventure-runner__hud span{color:var(--text-soft)}.adventure-runner__hud strong{color:var(--gold)}.adventure-runner__npc-hint{position:absolute;z-index:4;left:50%;top:28%;transform:translate(-50%);min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff9e6f5;background:#08141c9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px #03080e4d;cursor:pointer;animation:adventure-dialogue-in .22s ease both}.adventure-runner__dialogue{position:absolute;z-index:5;left:50%;bottom:28px;width:min(760px,calc(100% - 56px));transform:translate(-50%);display:grid;gap:12px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#09121bcc,#0c181fe6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 56px #04091257;animation:adventure-dialogue-in .22s ease both}.adventure-runner__dialogue p{margin:0;color:var(--gold);font-size:.88rem;font-weight:800}.adventure-runner__dialogue h2{margin:0;font-size:clamp(1.08rem,2vw,1.5rem);line-height:1.42}.adventure-runner__dialogue span{color:var(--text-soft);line-height:1.65}.adventure-runner__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adventure-runner__choices button{min-height:46px;padding:10px 12px;border:0;border-radius:14px;color:#172018;font-weight:800;background:linear-gradient(180deg,#ffe39a,#9fe6b3);box-shadow:0 14px 30px #ffd98e2e;cursor:pointer}.adventure-stage-board__tree-cluster,.adventure-stage-board__road-layer,.adventure-stage-board__rock-layer,.adventure-stage-board__effect-layer{position:absolute;pointer-events:none}.adventure-stage-board__tree-cluster{inset:120px 0 auto;width:100%;opacity:.88}.adventure-stage-board__road-layer{left:50%;bottom:-2%;width:min(900px,82%);transform:translate(-50%);opacity:.95;filter:drop-shadow(0 18px 40px rgba(255,176,223,.18))}.adventure-stage-board__rock-layer{top:100px;right:0;bottom:0;left:0;width:100%;height:70%;object-fit:cover;opacity:.42;mix-blend-mode:screen}.adventure-stage-board__effect-layer{left:50%;top:86px;width:min(280px,26%);transform:translate(-50%);opacity:.62}.adventure-scene-npc{position:absolute;z-index:3;right:clamp(160px,18vw,300px);bottom:clamp(220px,25vh,300px);display:grid;justify-items:center;gap:8px;animation:adventure-character-rise .42s ease both}.adventure-scene-npc img{width:clamp(120px,13vw,190px);height:clamp(120px,13vw,190px);object-fit:contain;filter:drop-shadow(0 22px 34px rgba(3,9,18,.44))}.adventure-scene-npc span{padding:7px 12px;border-radius:999px;color:#fff9e6f2;background:#07111870;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px #05091238}.adventure-scene-otter{position:absolute;z-index:4;left:50%;bottom:-22px;width:clamp(140px,16vw,240px);transform:translate(-50%) scaleX(-1);object-fit:contain;filter:drop-shadow(0 24px 34px rgba(4,9,18,.46)) brightness(.84) saturate(.92)}.adventure-dialogue{position:absolute;z-index:5;left:50%;bottom:28px;width:min(720px,calc(100% - 56px));transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#09121bc7,#0c181fe0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 56px #04091257;animation:adventure-dialogue-in .22s ease both}.adventure-dialogue__content{display:grid;gap:8px}.adventure-dialogue__content p{margin:0;color:var(--gold);font-size:.86rem;font-weight:700}.adventure-dialogue__content h2{margin:0;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.5}.adventure-dialogue__content span,.adventure-dialogue__content small{color:var(--text-soft);line-height:1.55}.adventure-dialogue__content small{font-size:.82rem}.adventure-dialogue__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.adventure-dialogue__button{min-height:44px;padding:0 18px;border:0;border-radius:999px;color:#172018;font-weight:800;background:linear-gradient(180deg,#ffe39a,#9fe6b3);box-shadow:0 14px 30px #ffd98e38;cursor:pointer}.adventure-dialogue__button:disabled{opacity:.58;cursor:not-allowed}@keyframes adventure-dialogue-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes adventure-character-rise{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.forest-canvas{position:relative;min-height:720px;border-radius:38px;overflow:hidden}.forest-canvas__backdrop-image,.forest-canvas__canopy-gate,.forest-canvas__veil,.forest-canvas__road-image,.forest-canvas__floating-rocks,.forest-canvas__path-guide,.forest-canvas__waterfall-guide,.forest-canvas__star,.forest-canvas__crystal,.forest-canvas__camera-note,.forest-canvas__npc-encounter,.forest-canvas__companion,.forest-canvas__objective,.forest-canvas__stars{position:absolute}.forest-canvas__backdrop-image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.forest-canvas__canopy-gate{inset:-4% 0 auto;width:100%;opacity:.42;mix-blend-mode:screen;pointer-events:none}.forest-canvas__veil{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,rgba(255,220,243,.12),transparent 22%),linear-gradient(180deg,#0b0a1c2e,#080c1880)}.forest-canvas__road-image{left:50%;bottom:-8%;width:min(520px,72%);transform:translate(-50%);opacity:.9;filter:drop-shadow(0 0 36px rgba(255,185,214,.26))}.forest-canvas__path-guide{left:48%;top:-28px;width:260px;height:760px;transform:translate(-50%);opacity:.6;filter:drop-shadow(0 0 18px rgba(255,189,239,.28))}.forest-canvas__waterfall-guide{top:28px;left:50%;width:150px;height:430px;transform:translate(-50%);opacity:.52}.forest-canvas__floating-rocks{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.34;mix-blend-mode:screen}.forest-canvas__crystal{width:120px;height:154px;bottom:60px;filter:drop-shadow(0 0 30px rgba(244,180,255,.3))}.forest-canvas__crystal--left{left:12px;bottom:34px}.forest-canvas__crystal--right{right:34px;bottom:44px;width:104px;height:138px}.forest-canvas__star{width:78px;height:78px;opacity:.85;filter:drop-shadow(0 0 22px rgba(255,207,241,.32))}.forest-canvas__star--left{top:122px;left:22px}.forest-canvas__star--right{top:110px;right:44px;width:92px;height:92px}.forest-canvas__camera-note{top:92px;right:24px;width:280px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#111127b3,#25173894)}.forest-canvas__npc-encounter{left:24px;top:92px;display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;width:min(320px,calc(100% - 360px));padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#12142ac2,#2a193dad)}.forest-canvas__npc-encounter img{width:88px;height:88px;object-fit:cover;border-radius:24px;background:#ffffff0f}.forest-canvas__npc-copy h3{margin:6px 0 8px}.forest-canvas__npc-copy span{color:var(--text-soft);line-height:1.7}.forest-canvas__camera-note strong{display:block;margin:8px 0 10px;font-size:1.06rem}.forest-canvas__camera-note span,.forest-canvas__companion-copy span{color:var(--text-soft);line-height:1.7}.forest-canvas__companion{right:24px;bottom:24px;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;width:min(360px,calc(100% - 48px));padding:16px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#11142ab8,#1f1331ad)}.forest-canvas__companion-image{width:92px;height:122px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(26,12,9,.24))}.forest-canvas__companion-copy h3{margin:6px 0 8px;font-size:1.05rem}.forest-canvas__objective{left:24px;bottom:24px;width:min(420px,calc(100% - 460px));padding:18px 18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0c1122c7,#201633d1)}.forest-canvas__objective h3{margin:8px 0 10px;font-size:1.2rem}.forest-canvas__objective span,.forest-canvas__objective-label{color:var(--text-soft);line-height:1.6}.forest-canvas__objective-label{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.forest-canvas__hud{position:absolute;top:18px;left:18px;display:flex;flex-wrap:wrap;gap:10px}.hud-chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a0e1f61;color:#ffffffe0}.forest-canvas__stars{top:18px;right:18px;display:grid;gap:8px}.forest-canvas__stars span{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#090e1e6b;color:#fff5d6f0}.adventure-sidebar{display:grid;gap:24px}.adventure-secondary{margin-top:24px}.timeline-list{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;width:100%;padding:16px;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.timeline-item:disabled{opacity:.5;cursor:not-allowed;transform:none}.timeline-item:hover,.timeline-item.is-active{border-color:#ffffff42;background:#ffffff14;transform:translateY(-1px)}.timeline-item:disabled:hover{background:#ffffff0d;border-color:#ffffff1a}.timeline-item__content strong{display:block;margin-bottom:8px;font-size:1rem}.timeline-item__status{display:block;margin-top:8px;color:var(--text-soft);font-size:.85rem}.timeline-item__dot{width:12px;height:12px;margin-top:9px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--rose));box-shadow:0 0 18px #ffcf9757}.timeline-item.is-active .timeline-item__dot,.metric-card.is-active{box-shadow:0 0 24px #89cbff47}.metric-card.is-active{border-color:#86c8ff47;background:#86c8ff14}.layer-list,.npc-grid,.hook-grid{display:grid;gap:16px}.story-state-card{padding:20px}.demo-flow-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.demo-flow-card__copy{display:grid;gap:10px;max-width:720px}.demo-flow-card__copy h3{margin:0;font-size:1.25rem}.demo-flow-card__copy span{color:var(--text-soft);line-height:1.7}.journey-progress{display:grid;gap:8px}.journey-progress__track{width:min(420px,100%);height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.journey-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd98ef5,#ffb2d5eb);box-shadow:0 0 16px #ffcda052}.story-state-card h3{margin:10px 0 12px;font-size:1.35rem}.story-state-card p,.story-state-card__meta span,.dialogue-panel__header span,.dialogue-bubble__text,.npc-card span{color:var(--text-soft);line-height:1.7}.story-state-card__kicker,.dialogue-bubble__speaker{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.story-state-card__meta{display:grid;gap:10px;margin-top:14px}.chapter-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.chapter-button{padding:12px 18px;color:var(--text-main);cursor:pointer;transition:opacity .18s ease,transform .18s ease,background .18s ease}.chapter-button:hover:not(:disabled){transform:translateY(-1px)}.chapter-button:disabled{opacity:.45;cursor:not-allowed}.chapter-button--primary{background:linear-gradient(135deg,#86c8ff33,#ffd98e2e)}.layer-item,.npc-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:var(--radius-lg);padding:18px}.layer-item{display:grid;grid-template-columns:10px 1fr;gap:14px;align-items:start}.layer-item__bar{width:10px;min-height:52px;border-radius:999px;background:linear-gradient(180deg,var(--forest),var(--sky),var(--rose));box-shadow:0 0 20px #84c2ff38}.layer-item p,.npc-card span{margin:0;color:var(--text-soft);line-height:1.7}.npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.npc-grid--with-image .npc-card{display:grid;gap:12px}.npc-card__image{width:100%;max-width:132px;height:132px;object-fit:cover;border-radius:28px;background:#ffffff0f}.npc-card h3{margin:8px 0 10px;font-size:1.15rem}.npc-card--active{border-color:#ffd98e3d;background:linear-gradient(180deg,#ffdca614,#96d2ff0f)}.hook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dialogue-panel{display:grid;gap:16px}.dialogue-panel__header h3{margin:8px 0}.dialogue-panel__header--with-portrait{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center}.dialogue-panel__portrait{width:84px;height:84px;object-fit:cover;border-radius:22px;background:#ffffff0f}.dialogue-list{display:grid;gap:12px}.story-event-list{display:grid;gap:12px;margin-top:18px}.story-event-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:#ffffff0a}.story-event-card.is-done{border-color:#79b68f42;background:#79b68f1a}.story-event-card h4{margin:8px 0;font-size:1rem}.story-event-card span{color:var(--text-soft);line-height:1.6}.forest-canvas--chapter-1 .forest-canvas__floating-rocks,.forest-canvas--chapter-1 .forest-canvas__waterfall-guide{opacity:.08}.forest-canvas--chapter-1 .forest-canvas__road-image{width:min(420px,62%);bottom:-12%}.forest-canvas--chapter-2 .forest-canvas__floating-rocks{opacity:.24}.forest-canvas--chapter-2 .forest-canvas__road-image{width:min(540px,74%)}.forest-canvas--chapter-3 .forest-canvas__floating-rocks{opacity:.42}.forest-canvas--chapter-3 .forest-canvas__star{transform:scale(1.08)}.forest-canvas--chapter-4 .forest-canvas__waterfall-guide{opacity:.72}.forest-canvas--chapter-4 .forest-canvas__star{opacity:1}.forest-canvas--chapter-4 .forest-canvas__road-image{width:min(580px,78%)}.dialogue-bubble{padding:16px}.dialogue-bubble--narrator{background:#c9b7ff1a}.dialogue-bubble--otter{background:#ffd98e1a}.dialogue-bubble--npc{background:#79b68f1a}.dialogue-bubble__text{margin:8px 0 0}.metric-card--highlight{background:linear-gradient(180deg,#ffdea814,#98d6ff14);border-color:#ffe8c02e}.result-hero,.share-stage{position:relative;overflow:hidden;border-radius:34px;min-height:380px;box-shadow:var(--shadow)}.result-hero__background,.share-stage__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.result-hero__veil,.share-stage__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 22%,rgba(255,223,240,.24),transparent 18%),linear-gradient(180deg,#0f0e2138,#0a0e1db3)}.result-hero__content,.share-stage__poster{position:relative;z-index:1}.result-hero__content{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;min-height:380px;padding:28px}.result-hero__content--spread{grid-template-columns:1fr .9fr}.result-hero__copy{max-width:620px}.result-hero__copy h2,.share-stage__poster-head h2{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;font-family:var(--font-display)}.result-hero__copy span,.share-stage__poster-copy span,.retell-script blockquote,.result-poster span{color:var(--text-soft);line-height:1.8}.result-hero__character{display:flex;justify-content:center}.result-hero__character img{width:min(260px,100%);max-height:320px;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(18,9,10,.28))}.story-retell-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 52% 8%,rgba(255,217,142,.18),transparent 24%),radial-gradient(circle at 18% 28%,rgba(94,179,149,.18),transparent 20%),linear-gradient(180deg,#10172b,#071421)}.story-retell-block{position:relative;width:min(100%,1240px);min-height:min(88vh,860px);overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#071118d1;box-shadow:0 32px 80px #030a1275}.story-retell-block__background,.story-retell-block__veil{position:absolute;top:0;right:0;bottom:0;left:0}.story-retell-block__background{width:100%;height:100%;object-fit:cover;opacity:.34}.story-retell-block__veil{background:linear-gradient(90deg,#071118f5,#071118ad),linear-gradient(180deg,#0711182e,#071118d6)}.story-retell-block__header,.story-retell-block__body{position:relative;z-index:1}.story-retell-block__header{max-width:760px;padding:42px 42px 24px}.story-retell-block__header p,.story-retell-card p,.story-retell-editor__head p{margin:0;color:var(--gold);font-size:.86rem;font-weight:800}.story-retell-block__header h1{margin:10px 0 12px;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.story-retell-block__header span{color:var(--text-soft);line-height:1.75}.story-retell-block__body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:20px;padding:0 42px 42px}.story-retell-block__body--album{grid-template-columns:minmax(420px,1fr) minmax(0,.95fr);align-items:start}.story-retell-block__guide,.story-retell-editor,.story-retell-recorder,.adventure-album{display:grid;gap:14px}.story-retell-card,.story-retell-editor,.story-retell-recorder,.adventure-album,.adventure-album__featured,.adventure-album__empty,.adventure-album__list article{border:1px solid rgba(255,255,255,.12);background:#ffffff13;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 44px #03080e38}.story-retell-card{padding:18px;border-radius:16px}.story-retell-card h2{margin:8px 0;font-size:1.08rem}.story-retell-card span{color:var(--text-soft);line-height:1.65}.story-retell-editor,.story-retell-recorder,.adventure-album{align-content:start;padding:20px;border-radius:20px}.story-retell-editor__head,.story-retell-recorder__head,.adventure-album__head{display:flex;justify-content:space-between;gap:16px}.story-retell-editor__head h2,.story-retell-recorder__head h2,.adventure-album__head h2{margin:8px 0 0;font-size:1.6rem}.story-retell-editor__head img,.story-retell-recorder__head img{width:92px;height:118px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(3,8,14,.34))}.story-retell-recorder__head p,.adventure-album__head p,.adventure-album__featured p,.adventure-album__list p{margin:0;color:var(--gold);font-size:.82rem;font-weight:800}.story-retell-recorder__prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-retell-recorder__prompts span{padding:12px;border-radius:14px;color:var(--text-soft);line-height:1.55;background:#07111857}.story-retell-recorder__controls,.adventure-album__head{align-items:center}.story-retell-recorder__controls{display:flex;flex-wrap:wrap;gap:12px}.story-retell-recorder__controls span,.adventure-album__head span,.adventure-album__featured span,.adventure-album__empty span,.adventure-album__list span{color:var(--text-soft);line-height:1.65}.story-retell-recorder__audio,.adventure-album__featured audio{width:100%}.story-retell-editor__field{display:grid;gap:10px}.story-retell-editor__field span,.story-retell-editor__actions span{color:var(--text-soft)}.story-retell-editor__field textarea{min-height:240px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0711187a;color:var(--text-main);line-height:1.7;resize:vertical}.story-retell-editor__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.adventure-album__featured,.adventure-album__empty,.adventure-album__list article{padding:16px;border-radius:16px}.adventure-album__featured{display:grid;gap:14px}.adventure-album__featured h3,.adventure-album__empty h3,.adventure-album__list h3{margin:8px 0}.adventure-album__image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adventure-album__image-grid img{width:100%;aspect-ratio:4 / 3;border-radius:12px;object-fit:cover;background:#ffffff14}.adventure-album__list{display:grid;gap:10px;max-height:300px;overflow:auto;padding-right:4px}.adventure-album__list article{box-shadow:none}.retell-script{padding:20px;background:linear-gradient(180deg,#fff3d60f,#c8d4ff0f)}.retell-script blockquote{margin:12px 0 0;font-size:1.05rem}.memory-grid,.result-delivery-grid{display:grid;gap:16px}.moon-result-card{display:grid;gap:18px;padding:24px;background:linear-gradient(180deg,#10142bb8,#281538ad)}.moon-result-card__moon{width:220px;height:220px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf2,#ffe8af 34%,#ffc6f0 70%,#af8bff);box-shadow:0 0 0 18px #ffe2b00f,0 0 90px #ffc9e857}.moon-result-card__stats{display:grid;gap:10px}.moon-result-card__stats span,.share-stage__poster-copy span{display:block}.result-poster{display:grid;gap:12px;align-content:start;padding:22px;background:linear-gradient(180deg,#17122ad6,#251d3ab8)}.result-poster__badge{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.result-poster img{width:180px;height:220px;margin:0 auto;object-fit:contain}.result-poster strong{font-size:1.15rem;line-height:1.5}.share-stage{min-height:430px}.share-stage__poster{display:grid;gap:22px;width:min(780px,calc(100% - 32px));margin:24px auto;padding:24px;background:linear-gradient(180deg,#111328cc,#271939c7)}.share-stage__poster-head{max-width:680px}.share-stage__poster-body{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.share-stage__poster-body img{width:220px;max-height:280px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(18,10,11,.26))}.share-stage__poster-copy{display:grid;gap:12px}.share-actions{display:flex;flex-wrap:wrap;gap:12px}.product-form{display:grid;gap:18px}.field{display:grid;gap:10px}.field>span,.checkbox-field span{color:var(--text-main);font-weight:700}.field input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text-main)}.field input::placeholder{color:#f7f3ec7a}.checkbox-field{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#ffffff0a}.checkbox-field input{margin-top:4px}.welcome-card,.profile-preview{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#ffd98e1a,#c9b7ff14);border:1px solid rgba(255,255,255,.12)}.welcome-card strong,.profile-preview h3{display:block;margin-bottom:8px}.welcome-card p,.profile-preview span{margin:0;color:var(--text-soft);line-height:1.7}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trait-chip{display:grid;gap:8px;text-align:left;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text-main);cursor:pointer;transition:.18s ease}.trait-chip:hover,.trait-chip.is-selected{transform:translateY(-2px);border-color:#ffd98e80;background:linear-gradient(180deg,#ffd98e29,#ffb2d51a)}.trait-chip.is-gesture-focus,.chapter-button.is-gesture-focus{outline:2px solid rgba(134,200,255,.8);outline-offset:2px;box-shadow:0 0 0 6px #86c8ff1f}.trait-chip strong{font-size:1rem}.trait-chip span{color:var(--text-soft);line-height:1.6}.story-textarea{min-height:180px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text-main);line-height:1.7;resize:vertical}.inline-note{color:var(--gold);line-height:1.7}.gesture-helper-card{display:grid;gap:8px}.gesture-helper-card h3{margin:6px 0 0}.gesture-panel-button{border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text-main);border-radius:999px;padding:12px 18px;cursor:pointer}.gesture-panel-button--primary{background:linear-gradient(135deg,#ffd98ef5,#ffb2d5eb);color:#2b1d12}.gesture-debug-panel{position:fixed;right:22px;bottom:22px;z-index:10;width:min(340px,calc(100vw - 24px));display:grid;gap:14px;padding:16px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#0c1023db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 58px #0508125c}.gesture-debug-panel__video-wrap{overflow:hidden;border-radius:22px;aspect-ratio:4 / 3;background:#ffffff0d}.gesture-debug-panel__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gesture-debug-panel__eyebrow{margin:0;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#f7f3ecb3}.gesture-debug-panel__copy h3{margin:8px 0 12px;font-size:1.12rem}.gesture-debug-panel__stats{display:grid;gap:10px;margin:0}.gesture-debug-panel__stats div{display:grid;gap:4px}.gesture-debug-panel__stats dt{color:#f7f3ecad}.gesture-debug-panel__stats dd{margin:0;font-weight:700}.gesture-debug-panel__note{margin:12px 0 0;color:var(--text-soft);line-height:1.65}.gesture-debug-panel__actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 900px){.gesture-debug-panel{position:static;width:100%;margin-top:16px}}@media (max-width: 1080px){.landing-hero,.grid-two,.adventure-layout,.route-card-list,.steps-row,.bond-card,.npc-grid,.hook-grid,.story-event-card,.result-hero__content,.share-stage__poster-body,.trait-grid,.story-retell-block__body--album,.story-retell-block__body,.story-retell-recorder__prompts{grid-template-columns:1fr}.forest-canvas{min-height:560px}.adventure-stage-board{aspect-ratio:auto;min-height:980px}.adventure-runner{aspect-ratio:auto;min-height:820px}.adventure-runner__dialogue{width:calc(100% - 36px)}.adventure-runner__choices{grid-template-columns:1fr}.adventure-scene-npc{right:8%;bottom:42%}.adventure-scene-otter{width:clamp(130px,28vw,210px)}.adventure-dialogue{grid-template-columns:1fr;align-items:stretch}.adventure-dialogue__actions{justify-content:flex-start}}@media (max-width: 720px){.story-retell-page{padding:12px}.story-retell-block{border-radius:20px}.story-retell-block__header,.story-retell-block__body{padding-left:18px;padding-right:18px}.story-retell-block__header{padding-top:28px}.story-retell-editor__head img{width:72px;height:96px}.story-retell-recorder,.adventure-album{padding:14px}.story-retell-recorder__head,.adventure-album__head{display:grid}.adventure-album__image-grid{grid-template-columns:1fr}.story-retell-editor__actions{align-items:stretch}.adventure-screen-page{padding:12px}.adventure-stage-board,.adventure-runner{min-height:760px;border-radius:20px}.adventure-runner__hud{left:12px;right:12px;justify-content:space-between}.adventure-runner__dialogue{bottom:16px;width:calc(100% - 28px);padding:14px}.adventure-scene-npc{right:4%;bottom:45%}.adventure-dialogue{bottom:16px;width:calc(100% - 28px);padding:14px}.adventure-dialogue__content h2{font-size:1rem}.topbar{flex-direction:column}.topbar__nav{justify-content:flex-start}.landing-hero__copy,.panel{padding:20px}.landing-hero__copy h2{font-size:2.6rem}.otter-stage{min-height:420px}.otter-stage__otter{width:200px;height:320px}.otter-head{width:144px;height:136px;left:28px}.otter-body{width:164px;height:222px;left:18px}.forest-canvas{min-height:480px}.forest-canvas__camera-note,.forest-canvas__npc-encounter,.forest-canvas__companion{position:static;width:auto;margin:16px}.forest-canvas__canopy-gate,.forest-canvas__road-image,.forest-canvas__floating-rocks,.forest-canvas__path-guide,.forest-canvas__waterfall-guide,.forest-canvas__star,.forest-canvas__crystal{opacity:.5}.forest-canvas__objective{position:static;width:auto;margin:16px}.chapter-controls{flex-direction:column}}.starry-landing-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(126,88,255,.14),transparent 24%),linear-gradient(180deg,#16082a,#1d0d38 55%,#12051f)}.starry-landing-page__stars,.starry-landing-page__stars--layer-two,.starry-landing-page__stars--layer-three{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.95) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 28%,rgba(255,244,210,.9) 0 1.5px,transparent 2px),radial-gradient(circle at 28% 62%,rgba(193,213,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 74%,rgba(255,255,255,.86) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 40%,rgba(255,210,244,.95) 0 1.5px,transparent 2px),radial-gradient(circle at 58% 82%,rgba(255,255,255,.82) 0 1px,transparent 1.5px);animation:star-twinkle 4.2s ease-in-out infinite alternate;pointer-events:none}.starry-landing-page__stars--layer-two{transform:scale(1.08);opacity:.72;animation-duration:5.4s}.starry-landing-page__stars--layer-three{transform:scale(1.16);opacity:.48;animation-duration:6.3s}.starry-landing-hero{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.starry-landing-title{position:absolute;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}.starry-landing-title.is-visible{opacity:1;transform:translateY(0)}.starry-landing-title.is-hidden{opacity:0;transform:translateY(-14px)}.starry-landing-title p{margin:0 0 20px;letter-spacing:.22em;font-size:clamp(1rem,2vw,1.5rem);color:#faf0e6e0}.starry-landing-title h1{margin:0;font-size:clamp(4rem,13vw,8rem);line-height:.92;color:#fff7ed;text-shadow:0 12px 36px rgba(27,7,49,.38)}.starry-landing-otter{position:absolute;left:50%;top:50%;width:min(520px,72vw);padding:0;border:0;background:transparent;cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.76);transition:opacity .32s ease,transform .32s ease,filter .22s ease}.starry-landing-otter.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.starry-landing-otter:hover{transform:translate(-50%,-50%) scale(1.06);filter:drop-shadow(0 0 40px rgba(255,224,173,.34))}.starry-landing-otter img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(20,8,20,.34))}.starry-landing-hint{position:absolute;bottom:48px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%);text-align:center}.starry-landing-hint span{color:#f7f3ecc2;line-height:1.8}.starry-landing-hint__actions{display:flex;justify-content:center;margin-bottom:14px}.starry-dialog-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:24px;background:#0705148a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.starry-dialog-card{width:min(760px,100%);padding:28px;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1f143cd6,#120a27eb);box-shadow:var(--shadow)}.starry-dialog-card h2{margin:10px 0 18px;font-size:1.9rem}.starry-dialog-card__input{width:100%;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text-main)}.starry-dialog-card__summary{display:grid;gap:6px;margin-top:18px}.starry-dialog-card__summary span{color:var(--text-soft)}.gesture-onboarding-debug{position:fixed;right:20px;bottom:20px;z-index:4;width:min(320px,calc(100vw - 24px));display:grid;gap:12px;padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#0a0a1ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.gesture-onboarding-debug__video{width:100%;aspect-ratio:4 / 3;border-radius:18px;object-fit:cover;transform:scaleX(-1);background:#ffffff0d}.gesture-onboarding-debug__content{display:grid;gap:6px;color:var(--text-soft);font-size:.92rem}.gesture-onboarding-debug__content strong{color:var(--gold);line-height:1.5}@keyframes star-twinkle{0%{opacity:.45}to{opacity:.95}}@media (max-width: 720px){.starry-landing-title h1{font-size:4.5rem}.starry-landing-otter{width:min(420px,86vw)}.starry-landing-hint{bottom:24px}.gesture-onboarding-debug{position:static;width:auto;margin:16px}}