:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16130f;--bg-raise:#1d1914;--bg-soft:#221c15;--line:#2e2820;--line-strong:#403628;--text:#ece5da;--text-dim:#b5ac9d;--muted:#8a8172;--accent:#e3a45e;--accent-hi:#f0b877;--accent-ink:#241708;--ok:#8fb57f;--bad:#c97b6d;--font-sans:"HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--r-card:12px;--r-input:10px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--dur-med:.32s;--shadow-1:0 18px 48px #00000073;--inset-hi:inset 0 1px 0 #ffffff0f}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1100px 500px at 82% -8%, #e3a45e12, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-size:15px;line-height:1.65;display:flex}header{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;padding:16px 28px;display:flex}header .brand{letter-spacing:.1em;color:var(--accent);font-size:19px;font-weight:800}header .tagline{color:var(--muted);letter-spacing:.02em;font-size:12.5px}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:28px 28px 40px}footer{text-align:center;color:#6f675b;border-top:1px solid var(--line);padding:14px;font-size:11.5px}h1{letter-spacing:-.015em;margin:4px 0 14px;font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1.3}h2{letter-spacing:.04em;color:var(--text);align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}h2:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px}.lead{color:var(--text-dim);max-width:46ch;line-height:1.85}.hint{color:var(--muted);margin:8px 0;font-size:12.5px;line-height:1.7}.hint strong{color:var(--text-dim);font-weight:600}.mono{font-family:var(--font-mono);letter-spacing:0;font-size:.92em}.card{-webkit-backdrop-filter:blur(18px)saturate(1.15);border-radius:var(--r-card);background:#1d1914c7;border:1px solid #463c2cbf;margin:14px 0;padding:20px 22px;box-shadow:inset 0 1px #ffffff0f,0 14px 36px #00000052}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.actions{flex-wrap:wrap;gap:12px;margin:22px 0 8px;display:flex}.actions.center{justify-content:center}.status{color:var(--muted);font-size:13px}.status.ok{color:var(--ok)}.hidden{display:none!important}.center{text-align:center}button{background:var(--bg-soft);color:var(--text-dim);border:1px solid var(--line-strong);border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}button:hover{color:var(--text);background:#292219;border-color:#574a34}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--inset-hi)}button.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--accent-ink)}button.ghost{background:0 0}button .icon-wrap{font-size:1.15em;display:inline-flex}button .icon-wrap svg{display:block}input[type=text]{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-input);width:100%;color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);margin-top:6px;padding:11px 14px;font-family:inherit;font-size:14px}input[type=text]::placeholder{color:var(--muted)}input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e3a45e2e}input[type=range]{width:100%;accent-color:var(--accent);margin:14px 0}textarea{border:1px solid var(--line);border-radius:var(--r-input);width:100%;color:var(--accent-hi);font-family:var(--font-mono);background:#100d0a;padding:14px;font-size:12.5px;line-height:1.7}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:26px 0 8px;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,4.4vw,46px);font-weight:750;line-height:1.22}.hero .lead{margin:0 0 26px;font-size:15px}.hero-visual{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);padding:22px 18px 10px;position:relative;overflow:hidden}.hero-visual:before{content:"";pointer-events:none;background:radial-gradient(320px 200px at 70% 0,#e3a45e1f,#0000 70%);position:absolute;inset:0}.hero-visual svg{width:100%;height:auto;display:block}.hero-visual .visual-caption{text-align:right;color:var(--muted);font-family:var(--font-mono);padding:2px 4px 8px;font-size:11px}.hero-visual polyline.draw-in{stroke-dasharray:1;stroke-dashoffset:1px;animation:curve-draw 1.5s var(--ease-out) .25s forwards}@keyframes curve-draw{to{stroke-dashoffset:0}}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:26px 0 6px;display:grid}.fact{color:var(--text-dim);align-items:center;gap:12px;padding:18px 20px;font-size:13.5px;display:flex}.fact+.fact{border-left:1px solid var(--line)}.fact .icon-wrap{color:var(--accent);flex-shrink:0;font-size:22px;display:inline-flex}.step{animation:step-in .45s var(--ease-out)}@keyframes step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mode-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.mode-card{-webkit-backdrop-filter:blur(18px)saturate(1.15);border-radius:var(--r-card);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:#1d1914c7;border:1px solid #463c2cbf;padding:22px 20px;box-shadow:inset 0 1px #ffffff0f,0 14px 36px #00000052}.mode-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.mode-card.selected{border-color:var(--accent);background:#e3a45e14}.mode-card .name{font-size:18px;font-weight:700}.mode-card .time{color:var(--accent);font-family:var(--font-mono);margin:4px 0 10px;font-size:12.5px}.mode-card .desc{color:var(--muted);font-size:13px;line-height:1.7}.progress{background:var(--bg-soft);border-radius:var(--r-pill);height:6px;margin:12px 0 18px;overflow:hidden}.progress .bar{background:var(--accent);border-radius:var(--r-pill);width:0%;height:100%;transition:width var(--dur-med) var(--ease-out)}.trial-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.trial-count{color:var(--muted);font-family:var(--font-mono);font-size:14px}.trial-badge{color:var(--accent-hi);border-radius:var(--r-pill);white-space:nowrap;background:#e3a45e14;border:1px solid #e3a45e59;padding:4px 14px;font-size:13px;display:inline-block}.player-controls{flex-wrap:wrap;justify-content:center;gap:16px;margin:14px 0 6px;display:flex}.play-btn{gap:10px;padding:16px 42px;font-size:19px;font-weight:700}.play-btn .letter{font-family:var(--font-mono);font-size:22px}.play-btn.playing{border-color:var(--accent);color:var(--accent-hi);background:#e3a45e29}.playback-bar{align-items:center;gap:14px;max-width:520px;margin:14px auto 0;display:flex}.seek-track{background:var(--bg-soft);border-radius:var(--r-pill);cursor:pointer;flex:1;height:8px;overflow:hidden}.seek-fill{background:var(--accent);border-radius:var(--r-pill);width:0%;height:100%}.playback-time{color:var(--muted);white-space:nowrap;font-size:12.5px}.diag-btn{color:var(--muted);margin-top:14px;padding:8px 16px;font-size:12.5px}.report-frame{border:1px solid var(--line);border-radius:var(--r-card);background:#100d0a;margin:14px 0;overflow:hidden}.report-frame iframe{border:none;width:100%;height:74vh}.lib-stats{grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 4px;display:grid}.lib-stat{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-card);text-align:center;background:#221c15b3;border:1px solid #463c2c99;padding:14px 12px}.lib-stat .value{font-family:var(--font-mono);color:var(--accent-hi);font-size:18px}.lib-stat .label{color:var(--muted);margin-top:2px;font-size:11.5px}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient canvas{opacity:.82;filter:blur(1.5px)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.ambient:after{content:"";background:radial-gradient(at 50% 62%,#0000 26%,#16130f9e 100%);position:absolute;inset:0}@media (width<=760px){main{padding:18px 16px 32px}header{padding:14px 16px}.hero{grid-template-columns:1fr;gap:24px;padding-top:8px}.hero-visual{order:-1}.facts{grid-template-columns:1fr}.fact+.fact{border-left:none;border-top:1px solid var(--line)}.mode-grid{grid-template-columns:1fr}.lib-stats{grid-template-columns:repeat(2,1fr)}.trial-meta{flex-direction:column;align-items:flex-start;gap:6px}button{padding:12px 20px;font-size:15px}.play-btn{padding:18px 30px}.report-frame iframe{height:82vh}}@media (prefers-reduced-transparency:reduce){.card,.mode-card,.lib-stat{background:var(--bg-raise);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.step{animation:none}.hero-visual polyline.draw-in{stroke-dasharray:none;stroke-dashoffset:0;animation:none}button,.mode-card,.progress .bar{transition:none}}