:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#050505}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(255,0,0,.12),transparent 30%),#050505}button,input{font:inherit}.page{min-height:100vh;padding:20px}.center{display:grid;place-items:center}.container{max-width:1240px;margin:0 auto}.card{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#140202f2,#000000fa);box-shadow:0 0 80px #ef44441a}.hero{display:grid;gap:24px;grid-template-columns:1.1fr .9fr;padding:32px;align-items:center}.hero-copy h1,.share-head h1{margin:18px 0 12px;line-height:1.05;font-size:clamp(40px,6vw,78px);font-weight:900}.hero-copy h1 span{color:#ff3131}.hero-copy p{color:#ffffffc7;line-height:1.9;font-size:17px;max-width:760px}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,80,80,.22);background:#ff32321a;color:#ffb4b4;font-size:14px;font-weight:800}.pill.dark{background:#ffffff14;border-color:#ffffff1f;color:#fff}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-tags span,.tag-list span{padding:9px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffe0;font-size:14px}.form-row{display:flex;gap:12px;margin-top:28px}.form-row input{flex:1;min-width:0;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;padding:14px 16px}.form-row button,.primary-btn{border:0;cursor:pointer;border-radius:16px;padding:14px 22px;background:#d32020;color:#fff;font-weight:900}.ghost-btn{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffe6;cursor:pointer;border-radius:14px;padding:12px 18px;font-weight:700}.quiz-shell{padding:24px}.quiz-top,.result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.quiz-top h2,.result-actions h2{margin:6px 0 0;font-size:clamp(28px,4vw,48px)}.small-red{color:#ff8f8f;font-size:12px;font-weight:900;letter-spacing:.24em}.progress-track,.metric-track{height:12px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill,.metric-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#b80000,#ff7a00,#ff3b3b)}.progress-track{margin:18px 0 0}.quiz-grid,.share-grid{display:grid;grid-template-columns:1fr .9fr;gap:22px;margin-top:24px}.question-panel,.info-card,.metric-panel,.note-box{border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:20px}.question-badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#ff32321a;color:#ff8f8f;font-weight:800;font-size:14px}.question-panel h3{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:16px 0 24px}.options{display:grid;gap:14px}.option-card{display:flex;gap:16px;align-items:flex-start;text-align:left;cursor:pointer;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;padding:18px}.option-card:hover{transform:translateY(-1px);background:#ff32321a;border-color:#ff50504d}.option-letter{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#ffffff14;color:#ff8f8f;font-weight:900}.submit-loading{min-height:320px;font-size:24px}.artboard{position:relative;min-height:360px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 20% 20%,rgba(255,0,0,.18),transparent 28%),linear-gradient(180deg,#0e0e0e,#050505)}.art-glow{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(40px);opacity:.22}.art-glow.left{left:-20px;top:10px}.art-glow.right{right:-10px;top:0;background:#7f1d1d}.art-badge{position:absolute;left:18px;top:18px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,70,70,.26);background:#ff1e1e1f;color:#ff8f8f}.art-body{position:absolute;left:50%;top:50px;transform:translate(-50%);width:180px;height:260px}.hair{position:absolute;left:50%;transform:translate(-50%);top:0;width:130px;height:80px;background:#0c0c0c;border-radius:999px 999px 28px 28px}.face{position:absolute;left:50%;transform:translate(-50%);top:36px;width:110px;height:120px;background:#e7c2a6;border-radius:56px}.eye{position:absolute;top:92px;width:18px;height:6px;border-radius:999px;background:#ff2e2e;box-shadow:0 0 16px #ff2e2ee6}.left-eye{left:52px;transform:rotate(-10deg)}.right-eye{right:52px;transform:rotate(10deg)}.mouth{position:absolute;left:50%;top:126px;transform:translate(-50%);width:28px;height:12px;border-bottom:2px solid #3c1515}.neck{position:absolute;left:50%;top:152px;transform:translate(-50%);width:18px;height:20px;background:#d5af92}.torso{position:absolute;left:50%;top:162px;transform:translate(-50%);width:150px;height:100px;border-radius:26px 26px 0 0;background:#0d0d0d}.art-corner-card{position:absolute;right:18px;bottom:18px;padding:12px 14px;border-radius:18px;font-size:12px;border:1px solid rgba(255,255,255,.08);background:#00000080;color:#ffffffd6;text-align:right}.note-box p,.info-card p,.share-head p{line-height:1.8;color:#ffffffd1}.result-wrapper{display:grid;gap:18px}.btn-group{display:flex;gap:12px;flex-wrap:wrap}.share-card{border-radius:34px;overflow:hidden;border:1px solid rgba(255,60,60,.18);background:linear-gradient(180deg,#0d0d0d,#000);box-shadow:0 0 90px #ef44441c}.share-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;padding:28px;background:linear-gradient(135deg,#420404,#000 60%)}.share-head p{max-width:720px;margin-top:12px;font-size:18px}.danger-box{min-width:180px;padding:18px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);text-align:right}.danger-box span{display:block;font-size:12px;text-transform:uppercase;color:#ffffffb3;letter-spacing:.18em}.danger-box b{display:block;margin-top:6px;font-size:54px}.metric-panel h3,.info-card h3{margin:0 0 14px;font-size:24px;color:#ff9393}.metric-row+.metric-row{margin-top:14px}.metric-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#ffffffdb}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.share-text-box{background:#ff28281a;border-color:#ff505029}.footer-slogan{text-align:center;padding:22px 16px 28px;font-size:clamp(24px,4vw,42px);font-weight:900;background:linear-gradient(90deg,#200,#000,#1c0a0a)}.footer-slogan span{color:#ff2e2e}@media (max-width: 900px){.hero,.quiz-grid,.share-grid{grid-template-columns:1fr}.share-head{padding:22px}.danger-box{text-align:left}}