:root{color:#ece9df;background:#121311;font-family:Noto Sans SC,Source Han Sans SC,Microsoft YaHei UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--line: rgb(224 218 198 / 20%);--accent: #c7a96a;--muted: #9e9b90;--strength: .5}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 28%,#31332c 0,#181a17 38%,#10110f)}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#app{width:min(100%,860px);min-height:100vh;margin:0 auto;padding:36px 24px 28px}.experience{display:grid;grid-template-columns:minmax(0,.88fr) minmax(250px,.72fr);grid-template-rows:auto 1fr auto;gap:24px 34px}.masthead{align-self:end;grid-column:1;grid-row:1}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.22em}h1{margin:0;font-family:"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.level-output{color:var(--accent);font-family:Georgia,serif;font-size:clamp(22px,4vw,34px);font-variant-numeric:tabular-nums}.intro{max-width:33em;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.portrait-section{align-self:start;grid-column:1;grid-row:2}.portrait-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 5;border:1px solid var(--line);background:linear-gradient(145deg,rgb(255 255 255 / 6%),transparent),#20221f;box-shadow:0 30px 80px #00000061,0 1px #ffffff12 inset}.portrait-canvas{display:block;width:100%;height:100%}.portrait-vignette{position:absolute;inset:0;background:linear-gradient(to top,rgb(5 6 5 / 40%),transparent 28%),radial-gradient(circle at 50% 36%,transparent 45%,rgb(5 6 5 / 18%) 100%);pointer-events:none}.corner{position:absolute;width:26px;height:26px;border-color:#e4d2a6b3;pointer-events:none}.corner--tl{top:10px;left:10px;border-top:1px solid;border-left:1px solid}.corner--tr{top:10px;right:10px;border-top:1px solid;border-right:1px solid}.corner--bl{bottom:10px;left:10px;border-bottom:1px solid;border-left:1px solid}.corner--br{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.load-state{position:absolute;inset:50% auto auto 50%;width:max-content;max-width:calc(100% - 48px);margin:0;padding:9px 13px;border:1px solid var(--line);background:#0c0d0bd6;color:#d5d1c4;font-size:12px;line-height:1.55;text-align:center;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.load-state.is-error{border-color:#b969508c;color:#e0b9a9}.portrait-caption{display:grid;gap:6px;padding:14px 2px 0}.anchor-label{font-family:"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:22px;font-weight:500}.anchor-description{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.slider-range,.footer-note{color:var(--muted);font-size:10px;letter-spacing:.12em}.control-section{align-self:center;grid-column:2;grid-row:2;padding:22px 0}.control-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.control-heading label{font-family:"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:20px}.slider-shell{position:relative;height:36px}.tick-track{position:absolute;top:50%;right:0;left:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.tick{width:1px;height:8px;background:#e4e0d138}.tick.is-active{background:#cdb16fbd}.strength-slider{position:absolute;inset:0;width:100%;margin:0;background:transparent;appearance:none;cursor:ew-resize}.strength-slider:disabled{cursor:wait;opacity:.45}.strength-slider::-webkit-slider-runnable-track{height:1px;background:var(--line)}.strength-slider::-moz-range-track{height:1px;background:var(--line)}.strength-slider::-webkit-slider-thumb{width:15px;height:15px;margin-top:-7px;border:2px solid #151713;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px #c7a96a73;appearance:none}.strength-slider::-moz-range-thumb{width:11px;height:11px;border:2px solid #151713;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px #c7a96a73}.anchor-markers{display:grid;gap:4px;margin:26px 0 0;padding:0;list-style:none}.anchor-marker{display:flex;align-items:center;gap:10px;color:#706f68;font-size:11px;line-height:1.6;transition:color .18s ease}.anchor-marker:before{width:5px;height:5px;border:1px solid currentColor;border-radius:50%;content:""}.anchor-marker.is-passed{color:#bcb6a3}.anchor-marker.is-current{color:var(--accent)}.anchor-marker.is-current:before{background:currentColor;box-shadow:0 0 10px currentColor}.footer-note{display:flex;grid-column:1 / -1;grid-row:3;justify-content:space-between;padding-top:4px;border-top:1px solid var(--line)}.evolution-video{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:700px){#app{padding:24px 18px 20px}.experience{display:flex;flex-direction:column;gap:18px}.masthead{order:1}.portrait-section{order:2}.control-section{order:3;padding:4px 0}.footer-note{order:4}.anchor-markers{grid-template-columns:repeat(3,1fr);gap:8px 14px}.anchor-marker{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}