*{box-sizing:border-box}body{margin:0;background:#17151c;color:#efe4d8;font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif}header{max-width:1180px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3f3445}header>span,small,.eyebrow{font-size:12px;letter-spacing:2px;color:#b69eac}.brand{font-size:23px;font-weight:bold;color:inherit;text-decoration:none}.brand small{margin-left:14px;font-size:10px}main{max-width:1120px;margin:0 auto;padding:62px 32px}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,5.8vw,70px);line-height:1.25;font-weight:500;margin:22px 0}h2{font-size:30px;line-height:1.5;font-weight:500}p{line-height:1.9;color:#bbaab8}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.lead{max-width:470px;font-size:16px}.accent{color:#dfa38d}.primary{background:#985362;color:white;border:0;border-radius:6px;padding:17px 26px;font-size:15px;cursor:pointer}.primary:hover{background:#af6876}button:focus-visible,a:focus-visible{outline:3px solid #dfa38d;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.textbtn{border:0;background:none;color:#d4ae98;padding:15px;cursor:pointer}.facts{display:flex;gap:35px;margin-top:35px;font-size:12px;color:#ac94a5}.facts strong{display:block;color:#ead8d2;font-family:Georgia,serif;font-size:26px;margin-bottom:7px}.art{position:relative;min-height:410px;background:#241d2b;border-radius:50% 50% 5px 5px;display:grid;place-items:center}.art svg{width:100%;max-width:390px}.artlabel{position:absolute;bottom:24px;font-size:11px;letter-spacing:4px}.intro{border-top:1px solid #3f3445;margin-top:65px;padding-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.intro b{font-size:15px;font-weight:500}.intro p{font-size:13px}.panel{max-width:740px;margin:0 auto}.quiztop{display:flex;justify-content:space-between;font-size:12px;color:#b8a2b4}.progress{height:4px;background:#362d3f;margin:20px 0 45px}.progress div{height:100%;background:#bd7e85;transition:width .2s}.options{display:grid;gap:12px;margin:32px 0}.option{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #504056;border-radius:7px;background:#211c28;padding:18px;color:#ead8d2;font-size:15px;cursor:pointer}.option span{border:1px solid #6b526a;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px}.option[aria-checked=true]{background:#48303f;border-color:#cf8b95}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.note{font-size:12px;color:#b09eaf}.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.chart{width:100%;max-width:450px}.card{background:#211c28;border:1px solid #44354b;padding:24px;border-radius:8px;margin:15px 0}.card h3{font-size:17px;font-weight:500;margin:0 0 12px}.bar{height:6px;background:#392c41;border-radius:3px}.bar i{display:block;height:100%;background:#c28a89;border-radius:3px}.cardtop{display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.cards p{font-size:13px}footer{max-width:1120px;margin:20px auto;padding:24px 32px 35px;border-top:1px solid #3f3445;font-size:11px;line-height:2;color:#ac98a9}.method{font-size:13px;line-height:1.9;margin:25px 0}summary{cursor:pointer}#status{font-size:13px;color:#d4ae98}@media(max-width:700px){header{padding:22px}header>span{display:none}main{padding:35px 22px}.hero,.resultgrid{grid-template-columns:1fr;gap:30px}.art{min-height:300px}.art svg{max-width:300px}.intro{gap:15px;margin-top:35px}.cards{grid-template-columns:1fr}h2{font-size:25px}.facts{gap:30px}.actions{flex-wrap:wrap}.brand small{font-size:9px}}

.art{background:radial-gradient(ellipse at center,#483040 0%,#241d2b 65%);border:1px solid #513c50}.primary{background:linear-gradient(110deg,#985362,#ab7660)}.hero h1{letter-spacing:1px}.artlabel{color:#d5b59e}.cardtop>span{white-space:nowrap}.cardtop{gap:12px}

.hero h1{font-size:clamp(36px,4.2vw,54px)}

/* Character reveal */
.reveal{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--hero-color) 45%,transparent);border-radius:20px;padding:30px 38px;background:radial-gradient(ellipse at 82% 40%,color-mix(in srgb,var(--hero-color) 13%,transparent),transparent 60%),linear-gradient(135deg,#211a29,#14111b);animation:rise .7s ease both}.reveal:after{content:'';position:absolute;inset:10px;border:1px solid #ffffff08;border-radius:13px;pointer-events:none}.reveal-top{display:flex;justify-content:space-between;color:var(--hero-color);font-size:10px;letter-spacing:3px}.reveal-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10px;padding:42px 0 25px}.hero-badge{display:inline-block;padding:8px 13px;border:1px solid #ffffff24;border-radius:30px;font-size:11px;letter-spacing:2px;color:var(--hero-color)}h1.sin-name{font-size:clamp(64px,8vw,108px);line-height:1.05;letter-spacing:12px;color:var(--hero-color);margin:22px 0 16px}.sin-name small{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:10px;margin-top:14px;color:var(--hero-color)}h2.persona-title{font-family:Georgia,"Songti SC",serif;font-size:27px;margin:24px 0 15px}blockquote{margin:0;line-height:1.9;color:#d2c0cd;font-size:16px}.hero-stats{display:flex;gap:30px;margin-top:30px}.hero-stats strong{display:block;font-size:30px;font-weight:400;color:var(--hero-color)}.hero-stats strong small{font-size:12px;margin-left:5px;letter-spacing:0}.hero-stats span{display:block;color:#a48f9f;font-size:10px;margin-top:8px}.hero-stats .side-name{font-size:15px;max-width:220px;line-height:1.7}.reveal-foot{border-top:1px solid #ffffff15;padding-top:20px;color:#bca7b7;font-size:12px;line-height:1.8}.sigil{height:340px;position:relative;display:grid;place-items:center;color:var(--hero-color)}.orbit{position:absolute;width:285px;height:285px;border:1px solid currentColor;border-radius:50%;opacity:.35}.orbit-two{width:240px;height:240px;border-style:dashed;transform:rotate(25deg)}.sigil-star{position:absolute;font-size:320px;line-height:1;opacity:.14}.sigil-symbol{font-size:120px;font-family:Georgia,serif;filter:drop-shadow(0 0 25px var(--hero-color));animation:rise 1s ease both}.sigil-caption{position:absolute;bottom:5px;font-size:10px;letter-spacing:8px}.result-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0 65px}.result-toolbar>span{font-size:10px;color:#ad98a8}.section-kicker{font-size:11px;color:#c4a58c;letter-spacing:2px;margin-bottom:20px}.story h2,.spectrum h2{font-family:Georgia,"Songti SC",serif;font-size:32px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.story-grid article{border-top:1px solid #6b4b5e;padding:25px 16px;background:linear-gradient(#2d213333,transparent)}.story-grid span{font-size:11px;color:#c6a38d}.story-grid h3{font-size:18px;font-weight:500;line-height:1.6}.story-grid p{font-size:14px}.spectrum{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:65px 0}.lead-card{border-color:#ac806c}.tie-page h1{font-size:48px}.tie-option span{font-size:23px;border:0;width:35px;flex-shrink:0}.tie-option{line-height:1.7}.tie-option:hover{border-color:#d6ab8b;background:#332536}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.reveal{padding:22px}.reveal-grid{grid-template-columns:1fr;padding-top:25px}.reveal-top{letter-spacing:1px;font-size:9px}.reveal-copy{z-index:1}.sigil{height:230px}.orbit{width:200px;height:200px}.orbit-two{width:170px;height:170px}.sigil-star{font-size:230px}.sigil-symbol{font-size:85px}.sigil-caption{bottom:0}.hero-stats{gap:24px}.story-grid,.spectrum{grid-template-columns:1fr}.spectrum{gap:10px;padding:40px 0}.story-grid{gap:8px}.story-grid article{padding:20px 10px}.result-toolbar{margin-bottom:42px}h1.sin-name{font-size:76px}.persona-title{font-size:25px!important}.tie-page h1{font-size:38px}.story h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.gate{max-width:760px;margin:45px auto;padding:42px;border:1px solid #64516d;border-radius:24px;background:radial-gradient(ellipse at top right,#412a4f66,transparent 65%),#211c27}.gate h1{font-size:clamp(38px,7vw,64px)}.gate p{line-height:1.8;color:#cbbdce}.gate label{display:block;margin:24px 0 10px;color:#e5d1bc}.gate input,.admin input{background:#141018;border:1px solid #796383;border-radius:10px;color:white;padding:16px;font:inherit;max-width:100%;box-sizing:border-box}.gate input{width:100%;letter-spacing:2px}.gate button{margin-top:18px}.gate .primary{width:100%}.notice{min-height:24px;color:#eab99b!important}.gate .steps{display:flex;gap:24px;border-top:1px solid #ffffff1f;padding-top:24px;margin-top:30px}.steps span{font-size:13px;color:#bfaec4}.access-strip{padding:10px 20px;border-bottom:1px solid #65526d;background:#241d2c;color:#d1bedb;font-size:13px;text-align:center}.admin{max-width:1100px;margin:32px auto;padding:24px}.admin h1{font-size:36px}.admin label{display:inline-flex;flex-direction:column;gap:8px;margin:8px}.admin table{width:100%;border-collapse:collapse;font-size:13px}.admin td,.admin th{padding:14px 8px;border-bottom:1px solid #57485e;text-align:left}.admin .table-wrap{overflow:auto}.admin button{margin:6px;padding:10px 16px;cursor:pointer}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere}.admin .admin-panel{background:#241e2b;border-radius:16px;padding:24px;margin-bottom:24px}.muted{color:#baaac2;font-size:14px;line-height:1.8}a{color:inherit}@media(max-width:600px){.gate{margin:20px 0;padding:24px}.gate .steps{gap:10px}.admin{padding:8px}.admin .admin-panel{padding:16px}}