:root{--accent: #FFD600;--bg: #0a0a14;--card: #1a1a28;--border: #2a2a3a;--text: #ffffff;--text-muted: #a0a0b8}.quiz-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 20px 48px;max-width:480px;margin:0 auto;position:relative}.screen{width:100%}.hidden{display:none!important}.start-emoji{font-size:5rem;text-align:center;margin:2rem 0 1rem;display:block}.start-title{font-family:Fraunces,serif;font-size:2rem;font-weight:800;text-align:center;color:var(--accent);margin:0 0 1rem;line-height:1.2}.start-desc{text-align:center;color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0 0 .5rem}.start-meta{text-align:center;color:var(--text-muted);font-size:.85rem;margin:0 0 2.5rem}.btn-primary{display:block;width:100%;padding:18px;background:var(--accent);color:#000;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:IBM Plex Sans Thai,sans-serif}.btn-primary:active{transform:scale(.97)}.progress-wrap{width:100%;height:4px;background:var(--border);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0%}.q-counter{text-align:center;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem}.btn-back{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:8px 16px;font-size:.85rem;cursor:pointer;margin-bottom:1.5rem;font-family:IBM Plex Sans Thai,sans-serif;transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--text-muted);color:var(--text)}.q-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 20px;margin-bottom:1.25rem}.q-text{font-size:1.1rem;line-height:1.6;color:var(--text);margin:0;font-weight:500}.q-slide-in{animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.options-list{display:flex;flex-direction:column;gap:10px}.option-btn{width:100%;padding:16px 18px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:.95rem;line-height:1.5;text-align:left;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s,background .15s;font-family:IBM Plex Sans Thai,sans-serif}.option-btn:active{transform:scale(.98)}.option-btn.selected{border-color:var(--accent);background:#ffd60014;box-shadow:0 0 0 3px #ffd60026;color:#fff;font-weight:600}.result-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.confetti-piece{position:absolute;top:-10px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.result-emoji{font-size:4.5rem;text-align:center;margin:2rem 0 .5rem;display:block;animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.result-type-label{text-align:center;color:var(--accent);font-weight:700;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem}.result-title{font-family:Fraunces,serif;font-size:2rem;font-weight:800;text-align:center;color:var(--text);margin:0 0 .75rem}.result-personality{text-align:center;color:var(--accent);font-style:italic;font-size:1.05rem;margin:0 0 1.25rem}.result-desc{color:var(--text-muted);line-height:1.7;font-size:.95rem;margin:0 0 1.5rem;text-align:center;white-space:pre-line}.strengths-list{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}.strength-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:.9rem;color:var(--text);line-height:1.5}.result-cta-box{background:#ffd6000f;border:1px solid rgba(255,214,0,.2);border-radius:14px;padding:18px 20px;font-size:.9rem;color:var(--text-muted);line-height:1.65;margin-bottom:1.75rem;white-space:pre-line}.share-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.25rem}.btn-share{padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .1s,border-color .15s;font-family:IBM Plex Sans Thai,sans-serif}.btn-share:active{transform:scale(.97)}.btn-share:nth-child(1){border-color:#06c755;color:#06c755}.btn-share:nth-child(2){border-color:#1877f2;color:#1877f2}.btn-share:nth-child(3){border-color:#a0a0b8}.btn-share:nth-child(4){border-color:var(--accent);color:var(--accent)}.btn-restart{display:block;width:100%;padding:16px;background:transparent;border:1.5px solid var(--border);border-radius:14px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:border-color .15s,color .15s;font-family:IBM Plex Sans Thai,sans-serif}.btn-restart:hover{border-color:var(--text-muted);color:var(--text)}@media(min-width:600px){.quiz-wrap{padding:40px 24px 64px}.start-title{font-size:2.5rem}.result-title{font-size:2.4rem}.q-text{font-size:1.2rem}}