:root{--paper: #ede5d8;--paper-strong: #f3eee5;--paper-soft: #fbf7f1;--ink: #171311;--ink-soft: #4c403b;--muted: #7f7066;--line: rgba(23, 19, 17, .16);--accent: #ff7a00;--accent-soft: #ffb33f;--warn: #b03822;--sage: #536852;--plum: #6f546c;--card-shadow: 0 20px 60px rgba(47, 32, 22, .12);--card-shadow-soft: 0 8px 24px rgba(47, 32, 22, .08);--radius-sm: 18px;--radius-md: 28px;--radius-lg: 40px;--max-width: 1180px;--display-font: "Bebas Neue", "Arial Narrow", sans-serif;--body-font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body-font);background:radial-gradient(circle at top left,rgba(255,179,63,.22),transparent 32%),radial-gradient(circle at 90% 12%,rgba(176,56,34,.12),transparent 26%),linear-gradient(180deg,#f7f2ea 0%,var(--paper) 46%,#e5dccf 100%);line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:linear-gradient(rgba(0,0,0,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.6) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at center,black 45%,transparent 100%)}a{color:inherit;text-decoration:none}button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}.lang-nav{position:fixed;top:1rem;right:1rem;z-index:50}.lang-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;background:#fbf7f1d6;backdrop-filter:blur(12px);font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--card-shadow-soft);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.lang-btn:hover{transform:translateY(-1px);border-color:#1713114d;background:#ffffffeb}::selection{background:#ff7a0040}@media(max-width:720px){.lang-nav{top:.75rem;right:.75rem}.lang-btn{padding:.65rem .85rem;font-size:.8rem}}#app-shell{min-height:100vh}.screen{display:none;position:relative;z-index:1}.screen.active{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3.3rem;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;text-align:center;font-weight:800;letter-spacing:.03em}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper-soft);box-shadow:var(--card-shadow-soft)}.btn-secondary{background:#ff7a0024;color:var(--ink);border-color:#ff7a0042}.btn-ghost,.btn-chip{background:#fbf7f1c7;color:var(--ink);border-color:var(--line)}.screen-intro,.screen-quiz,.screen-result{padding:clamp(5rem,8vw,7rem) 1rem 3rem}.intro-shell,.quiz-shell,.result-shell{width:min(var(--max-width),calc(100vw - 2rem));margin:0 auto}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);gap:clamp(1.2rem,3vw,2rem);align-items:stretch}.hero-main,.hero-side,.manifesto-panel,.question-stage-card,.result-poster,.result-section{background:#fbf7f1d1;border:1px solid rgba(23,19,17,.09);box-shadow:var(--card-shadow);backdrop-filter:blur(8px)}.hero-main{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,3rem);min-height:27rem;display:flex;flex-direction:column;justify-content:space-between}.hero-main:after{content:"SBTI";position:absolute;right:1rem;bottom:-.6rem;font-family:var(--display-font);font-size:clamp(6rem,18vw,10rem);line-height:.78;color:#17131112;pointer-events:none}.hero-kicker,.quiz-stage-label,.poster-brow,.sample-heading{margin:0;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:var(--warn);font-weight:900}.hero-title{margin:.7rem 0 0;max-width:11ch;font-family:var(--display-font);font-size:clamp(4.2rem,13vw,8rem);line-height:.88;letter-spacing:-.03em}.hero-subtitle{max-width:38rem;margin:1rem 0 0;font-size:clamp(1rem,2vw,1.22rem);color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-side{border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}.sample-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}.sample-tile{position:relative;display:grid;gap:.8rem;padding:1rem;border-radius:1.6rem;min-height:11rem;overflow:hidden;color:#1a1512}.sample-tile.tone-1{background:linear-gradient(180deg,#ffcf70,#f4b34b)}.sample-tile.tone-2{background:linear-gradient(180deg,#d3c9ff,#b8aae9)}.sample-tile.tone-3{background:linear-gradient(180deg,#ffb49f,#ef8f6f)}.sample-tile.tone-4{background:linear-gradient(180deg,#c9e1ca,#9fc2a1)}.sample-tile-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--display-font);font-size:1.8rem;letter-spacing:.03em}.sample-tile-art{justify-self:end;width:5.2rem;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(23,19,17,.2))}.sample-tile-label{margin:0;font-size:.92rem;font-weight:800}.manifesto-panel{margin-top:1.1rem;border-radius:var(--radius-md);padding:clamp(1.2rem,3vw,1.8rem)}.manifesto-panel h2{margin:0 0 1rem;font-size:1.1rem}.manifesto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.manifesto-card{display:grid;gap:.45rem;padding:1rem;border-radius:1.4rem;background:#ffffff8c;border:1px solid rgba(23,19,17,.08)}.manifesto-card strong{font-size:1rem}.manifesto-card p,.intro-credit p,.share-tip,.dimension-copy,.analysis-card p,.result-section p,.question-body,.option-copy{margin:0;color:var(--ink-soft)}.manifesto-index{font-family:var(--display-font);font-size:1.6rem;color:var(--warn)}.intro-credit{display:grid;gap:.15rem;margin-top:1rem;padding-left:.2rem;font-size:.9rem}.quiz-shell,.result-shell{display:grid;gap:1.1rem}.quiz-topbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}.progress-cluster{display:grid;gap:.55rem}.progress-line{width:100%;height:.6rem;border-radius:999px;background:#1713111a;overflow:hidden}.progress-line span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--warn) 100%);transition:width .22s ease}.progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.92rem}.progress-meta span:last-child{color:var(--muted)}.quiz-stage-label{margin-top:.6rem}.question-stage-card{border-radius:calc(var(--radius-lg) - 6px);padding:clamp(1.2rem,4vw,2rem)}.question-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.question-kicker{margin:0;font-family:var(--display-font);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.04em;color:var(--warn)}.question-title{margin:.2rem 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.08}.question-dimension{flex-shrink:0;padding:.55rem .9rem;border-radius:999px;background:#ff7a001f;font-size:.86rem;font-weight:800;color:var(--warn)}.question-body{margin-top:1rem;font-size:clamp(1rem,2.3vw,1.18rem);line-height:1.9;color:var(--ink)}.stage-hint{margin-top:1.1rem;padding:.8rem 1rem;border-radius:1rem;background:#1713110f;font-size:.92rem;color:var(--muted)}.question-options{display:grid;gap:.9rem;margin-top:1.2rem}.option-tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;width:100%;padding:1rem 1.1rem;border-radius:1.55rem;border:1px solid rgba(23,19,17,.09);background:linear-gradient(180deg,#ffffffc2,#ffffff8f);text-align:left}.option-tile:after{content:"";position:absolute;inset:auto 0 0;height:0;background:linear-gradient(90deg,#ff7a0026,#b0382224);transition:height .16s ease}.option-tile:hover:after,.option-tile.is-selected:after{height:100%}.option-tile.is-selected{border-color:#b0382240;transform:translateY(-1px)}.option-index,.poster-chip,.share-chip,.level{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900}.option-index{width:2.2rem;height:2.2rem;background:var(--ink);color:var(--paper-soft);font-family:var(--display-font);font-size:1.3rem;position:relative;z-index:1}.option-copy{position:relative;z-index:1;color:var(--ink);font-size:1rem;line-height:1.7;font-weight:700}.question-nav,.result-actions{display:flex;flex-wrap:wrap;gap:.8rem}.result-poster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.72fr);gap:1rem;border-radius:var(--radius-lg);padding:clamp(1.2rem,4vw,2rem);overflow:hidden}.poster-copy{position:relative;display:grid;align-content:start;gap:.9rem}.poster-code-row{position:relative;min-height:3rem}.poster-stamp{position:relative;z-index:2;display:inline-flex;padding:.48rem .9rem;border-radius:999px;background:#ff7a0024;color:var(--warn);font-weight:800}.poster-code-shadow,.share-code-shadow{position:absolute;inset:auto auto -.65rem 0;font-family:var(--display-font);font-size:clamp(4rem,16vw,8rem);line-height:.8;color:#17131112;letter-spacing:.02em;pointer-events:none}.poster-code,.share-code{margin:0;font-family:var(--display-font);font-size:clamp(4.8rem,16vw,8.6rem);line-height:.84;letter-spacing:.02em}.poster-name,.share-name{margin:0;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:900}.poster-intro,.share-intro{margin:0;padding-left:1rem;border-left:4px solid var(--accent);font-size:1.05rem;color:var(--ink);font-weight:800}.poster-summary,.share-summary{font-size:.98rem}.poster-chips,.share-chip-stack{display:flex;flex-wrap:wrap;gap:.55rem}.poster-chip,.share-chip{padding:.45rem .85rem;background:#17131114;color:var(--ink);font-size:.82rem}.poster-figure,.share-art-wrap{display:flex;align-items:center;justify-content:center;border-radius:2rem;background:linear-gradient(180deg,#ffb33f2e,#b0382214);min-height:18rem;overflow:hidden}.poster-figure img,.share-art-wrap img{width:min(100%,24rem);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(23,19,17,.22))}.share-tip{font-size:.92rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h3,.analysis-card h4{margin:0}.result-section{border-radius:var(--radius-md);padding:clamp(1.1rem,3vw,1.5rem)}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.analysis-card{display:grid;gap:.55rem;padding:1rem;border-radius:1.45rem;border:1px solid rgba(23,19,17,.08);background:#ffffff75}.analysis-card.tone-ink{background:#1713110f}.analysis-card.tone-ember{background:#ff7a0014}.analysis-card.tone-sage{background:#5368521a}.analysis-card.tone-plum{background:#6f546c14}.dimension-list{display:grid;gap:.9rem}.dimension-row{display:grid;gap:.55rem;padding:1rem;border-radius:1.35rem;background:#ffffff80;border:1px solid rgba(23,19,17,.08)}.dimension-head,.dimension-scorebox{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.dimension-head strong{display:block;font-size:1rem}.dimension-head span,.dimension-scorebox span:last-child{color:var(--muted);font-size:.9rem}.dimension-meter{height:.8rem;overflow:hidden;border-radius:999px;background:#17131114}.dimension-meter-fill{display:block;height:100%;border-radius:inherit}.level-H,.dimension-meter-fill.level-H{background:linear-gradient(90deg,#ff7a00,#b03822);color:#fff}.level-M,.dimension-meter-fill.level-M{background:linear-gradient(90deg,#536852,#7b917a);color:#fff}.level-L,.dimension-meter-fill.level-L{background:linear-gradient(90deg,#6f546c,#9a7b95);color:#fff}.level{min-width:2rem;padding:.22rem .55rem;font-family:var(--display-font);font-size:1.05rem;line-height:1}.author-panel #author-copy{display:grid;gap:.8rem}.share-poster-hidden{position:fixed;inset:0;pointer-events:none;opacity:0;transform:translate(-200vw)}.share-poster{width:1200px;min-height:1600px;padding:72px;background:radial-gradient(circle at top right,rgba(255,122,0,.2),transparent 24%),radial-gradient(circle at 12% 18%,rgba(111,84,108,.14),transparent 18%),linear-gradient(180deg,#f6f0e7,#eee5d8);color:var(--ink);display:grid;align-content:space-between;border:1px solid rgba(23,19,17,.08)}.share-poster-head,.share-poster-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.share-brand,.share-label{padding:.55rem .9rem;border-radius:999px;background:#ffffff8c}.share-poster-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:2rem;align-items:center}.share-copy{position:relative;display:grid;gap:1rem;align-content:start}.share-code-shadow{inset:-.6rem auto auto 0;font-size:12rem}.share-code{font-size:13rem}@media(max-width:960px){.hero-grid,.result-poster,.share-poster-body,.analysis-grid{grid-template-columns:1fr}.hero-main:after{right:.4rem;bottom:-.2rem}}@media(max-width:720px){.screen-intro,.screen-quiz,.screen-result{padding-top:4.8rem}.intro-shell,.quiz-shell,.result-shell{width:min(var(--max-width),calc(100vw - 1rem))}.hero-main,.hero-side,.question-stage-card,.result-poster,.result-section,.manifesto-panel{border-radius:1.6rem}.manifesto-grid,.analysis-grid{grid-template-columns:1fr}.question-stage-head,.dimension-head,.dimension-scorebox,.quiz-topbar,.progress-meta{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.question-nav,.result-actions,.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.sample-wall{grid-template-columns:1fr 1fr}.poster-code,.hero-title{word-break:break-word}}