:root{
  --bg:#132018;--bg2:#1b2b20;--deep:#0e1711;--paper:#f5efe2;--paper2:#ebe2d0;--ink:#2c342e;
  --mint:#a9bda7;--sage:#768b73;--rose:#c69c9e;--gold:#d4bc7d;--blue:#9cb8c5;--line:rgba(255,255,255,.13);
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#eef3ed;font-family:"Zen Maru Gothic",system-ui,sans-serif;line-height:1.75}button{font:inherit}button,select{touch-action:manipulation}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen{display:none;min-height:100svh;background:radial-gradient(circle at 50% -5%,rgba(142,174,145,.18),transparent 38%),linear-gradient(180deg,var(--bg2),var(--deep));}.screen.active{display:block;animation:fade .38s ease}.screen-inner{width:min(720px,calc(100% - 30px));margin:auto;padding:34px 0 70px}.screen-inner.narrow{width:min(620px,calc(100% - 30px))}.hero-screen{position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(203,183,117,.12),transparent 26%),radial-gradient(circle at 90% 70%,rgba(156,184,162,.12),transparent 30%);pointer-events:none}.hero-inner{position:relative;padding-top:24px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0 26px;border-bottom:1px solid var(--line);margin-bottom:32px}.brand{font-family:"Shippori Mincho",serif;font-weight:700;letter-spacing:.13em}.prototype{font-size:10px;letter-spacing:.18em;color:#b8c9bb;border:1px solid var(--line);padding:4px 8px;border-radius:999px}.fwon-portrait{width:92px;height:92px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 40px rgba(0,0,0,.25);margin-bottom:24px}.eyebrow{margin:0 0 10px;color:#b9cdbd;font-size:11px;letter-spacing:.22em}.hero-inner h1,.screen h2,.result-card h3,.crossroads h3{font-family:"Shippori Mincho",serif}.hero-inner h1{font-size:clamp(34px,10vw,54px);line-height:1.42;margin:0;letter-spacing:.01em}.hero-inner h1 em{font-style:normal;color:#d7c48f}.lead{color:#c9d5cc;font-size:14px;margin:24px 0}.speech{background:rgba(255,255,255,.055);border:1px solid var(--line);padding:16px 18px;border-radius:20px;margin:20px 0;color:#e9eee9}.speech.compact{font-size:13px;margin:12px 0 0}.primary,.secondary,.text-button,.back,.answer,.product-button{border:0;cursor:pointer}.primary,.secondary{min-height:52px;border-radius:999px;padding:13px 20px;font-weight:700}.primary{background:var(--paper);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.22)}.secondary{background:transparent;color:#eef3ed;border:1px solid var(--line)}.wide{width:100%}.text-button{display:block;margin:14px auto 0;color:#b9c8bc;background:transparent;text-decoration:underline;text-underline-offset:4px}.back{background:transparent;color:#c7d3c9;padding:8px 0;margin-bottom:24px}.back.small{margin:0;font-size:22px;width:42px;height:42px}.screen h2{font-size:32px;line-height:1.5;margin:0 0 24px}.paper-card{background:var(--paper);color:var(--ink);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.16);margin:20px 0}.prose p{margin:0 0 18px}.prose p:last-child{margin-bottom:0}.scene-layout{display:grid;gap:24px}.scene-image{width:100%;max-height:460px;object-fit:cover;object-position:center;border-radius:30px;box-shadow:0 18px 60px rgba(0,0,0,.2)}.muted{color:#b8c7bb;font-size:14px}.quiz-screen{background:linear-gradient(180deg,#17241c,#0d1510)}.quiz-shell{min-height:100svh;display:flex;flex-direction:column}.quiz-head{position:sticky;top:0;z-index:20;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:rgba(15,23,17,.88);backdrop-filter:blur(14px);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.progress-wrap{height:5px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:8%;background:linear-gradient(90deg,var(--gold),#e9dba8);transition:width .3s ease}.progress-text{font-size:11px;color:#b9c7bc}.quiz-content{width:min(620px,calc(100% - 30px));margin:auto;padding:54px 0 90px}.quiz-chapter{font-size:12px;letter-spacing:.18em;color:#b9cdbd;margin-bottom:10px}.question{font-family:"Shippori Mincho",serif;font-size:29px;line-height:1.55;margin:0 0 28px}.question-note{color:#aebeb1;font-size:13px;margin:-14px 0 22px}.answers{display:grid;gap:12px}.answer{width:100%;text-align:left;padding:18px 18px;border-radius:20px;background:rgba(245,239,226,.97);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.16);line-height:1.65;transition:transform .18s ease,background .18s ease}.answer:active{transform:scale(.985)}.answer small{display:block;color:#6c776f;margin-top:4px}.result-inner{padding-top:42px}.center-text{text-align:center}.result-inner>h2{font-size:30px}.result-hero{margin:24px auto 30px;max-width:430px}.result-hero img{width:100%;border-radius:28px;display:block;box-shadow:0 18px 60px rgba(0,0,0,.25)}.result-card{background:var(--paper);color:var(--ink);border-radius:26px;padding:24px;margin:14px 0;box-shadow:0 14px 40px rgba(0,0,0,.16)}.main-result{text-align:center;padding:30px 22px}.result-label{display:block;font-size:11px;letter-spacing:.16em;color:#7c877f;margin-bottom:10px}.gem-icon{font-size:46px}.result-card h3{font-size:26px;margin:4px 0 10px}.result-card p{margin:0;color:#536058}.result-grid{display:grid;gap:14px}.flower-list{display:grid;gap:8px;margin:16px 0}.flower-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #d8d0c0}.flower-list div:last-child{border-bottom:0}.flower-list span{font-size:12px;color:#778078}.flower-list strong{font-size:15px}.reflection blockquote{font-family:"Shippori Mincho",serif;font-size:25px;line-height:1.55;margin:12px 0 0}.ending-card{text-align:center;border:1px solid var(--line);border-radius:28px;padding:28px 20px;margin:24px 0;background:radial-gradient(circle at top,rgba(209,188,121,.1),transparent 60%)}.ending-card p{margin:5px 0;color:#d7e0d8}.ending-card strong{display:block;font-family:"Shippori Mincho",serif;font-size:28px;color:#dfcd96;margin-top:12px}.crossroads{margin:54px 0 24px}.crossroads h3{font-size:29px;margin:0 0 8px}.crossroads>p:not(.eyebrow){color:#b8c6bb}.product-list{display:grid;gap:10px;margin-top:20px}.product-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;border-radius:18px;background:var(--paper);color:var(--ink);text-align:left}.product-button b{font-size:13px}.prototype-note{text-align:center;color:#94a398;font-size:11px;margin:18px 0 0}.toast{position:fixed;left:50%;bottom:max(24px,calc(16px + env(safe-area-inset-bottom)));z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f5efe2;color:#263029;border-radius:999px;padding:12px 17px;font-size:13px;box-shadow:0 14px 40px rgba(0,0,0,.3);transition:.25s;max-width:calc(100% - 28px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:720px){.scene-layout{grid-template-columns:1fr 1fr;align-items:center}.result-grid{grid-template-columns:1fr 1fr}.screen-inner{padding-top:54px}.hero-inner{padding-top:32px}.hero-inner h1{font-size:56px}}
@media(max-width:380px){.hero-inner h1{font-size:31px}.question{font-size:26px}.screen h2{font-size:29px}.screen-inner,.quiz-content{width:calc(100% - 22px)}}