.content{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:56px 24px 120px}.page-intro{text-align:center;padding:20px 0 52px}.page-intro h1{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);margin-bottom:14px;text-wrap:balance;line-height:1.2}.page-intro p{font-size:.78rem;color:var(--ink-dim);line-height:1.7;max-width:460px;margin:0 auto 32px}.btn-start{background:transparent;border:1px solid var(--line);color:var(--ink);font-family:IBM Plex Mono,Courier New,monospace;font-size:.76rem;letter-spacing:.04em;padding:12px 32px;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.btn-start:hover{border-color:var(--ink-dim);color:var(--ink);background:var(--bg-soft)}.quiz-area{display:flex;flex-direction:column;gap:24px}.q-card-border{padding:1px;border-radius:13px;background:conic-gradient(var(--sw-n,var(--bc,var(--line))) 0deg var(--sw-a,0deg),var(--sw-o,var(--bc,var(--line))) var(--sw-a,0deg) 360deg);animation:qIn .42s cubic-bezier(.16,1,.3,1) both}.q-card{background:var(--panel);border-radius:12px;padding:28px}@keyframes qIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.q-meta{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:12px;display:flex;align-items:center;gap:10px}.q-bar{flex:1;height:1px;background:var(--bg-soft);overflow:hidden}.q-bar-fill{height:100%;background:var(--bg-soft)}.q-text{font-size:.9rem;color:var(--ink);line-height:1.55;margin-bottom:20px;font-weight:500}.q-options{display:flex;flex-direction:column;gap:8px}.q-opt{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-dim);font-family:IBM Plex Mono,Courier New,monospace;font-size:.75rem;padding:12px 16px;border-radius:8px;cursor:pointer;text-align:left;transition:border-color .18s,color .18s,background .18s;line-height:1.45}.q-opt:hover:not(:disabled){border-color:var(--ink-dim);color:var(--ink);background:var(--bg-soft)}.q-opt.selected{border-color:var(--ink-dim);color:var(--ink);background:var(--bg-soft)}.q-opt.faded{opacity:.22;cursor:default}.q-opt:disabled{cursor:default}.result-card{text-align:center;padding:44px 28px 36px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:8px;animation:qIn .6s cubic-bezier(.16,1,.3,1) both}.result-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:24px}.result-ring{width:108px;height:108px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:600;margin:0 auto 22px;animation:ringPop .7s cubic-bezier(.16,1,.3,1) .3s both}@keyframes ringPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.result-name{font-size:1.9rem;font-weight:600;letter-spacing:-.03em;margin-bottom:4px;line-height:1.1}.result-category{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:22px}.result-desc{font-size:.88rem;color:var(--ink-dim);line-height:1.75;max-width:420px;margin:0 auto 26px}.result-props{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.result-prop-val{font-size:1.25rem;font-weight:600;text-align:center}.result-prop-key{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;text-align:center}.btn-retry{background:transparent;border:1px solid var(--line);color:var(--ink-dim);font-family:IBM Plex Mono,Courier New,monospace;font-size:.64rem;padding:9px 22px;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s}.btn-retry:hover{border-color:var(--ink-dim);color:var(--ink)}.side-anim{position:fixed;top:44vh;width:178px;background:#06080ef0;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:11px;color:#c8d0e0;opacity:0;pointer-events:none;display:none;transition:opacity .55s,transform .55s}@media (min-width:1090px){.side-anim{display:block}}#anim-left{right:calc(50% + 336px);transform:translateY(-50%) translate(-14px)}#anim-right{left:calc(50% + 336px);transform:translateY(-50%) translate(14px)}.side-anim.vis{opacity:1}#anim-left.vis,#anim-right.vis{transform:translateY(-50%) translate(0)}.sa-label{font-family:IBM Plex Mono,Courier New,monospace;font-size:.88rem;font-weight:600;margin-bottom:3px}.sa-sub{font-family:IBM Plex Mono,Courier New,monospace;font-size:.66rem;color:#c8d0e18c;margin-bottom:8px;letter-spacing:.03em}.sa-canvas{display:block;border-radius:5px}@media (max-width:480px){.content{padding:36px 16px 100px}.q-card{padding:20px}.result-card{padding:32px 20px 28px}.result-ring{width:90px;height:90px;font-size:2rem}}