body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#0f172a;color:#e5e7eb;display:flex;align-items:center;justify-content:center;min-height:100vh}.app-container{width:100%;max-width:640px;padding:24px 20px 32px;box-sizing:border-box}.card{background:#0f172ae6;border-radius:16px;padding:24px 20px 28px;box-shadow:0 24px 60px #0f172ab3;border:1px solid rgba(148,163,184,.3);width:100%;max-width:420px;margin:0 auto;box-sizing:border-box}.title{font-size:22px;font-weight:700;margin-bottom:4px}.subtitle{font-size:13px;color:#9ca3af;margin-bottom:20px}.progress{height:6px;border-radius:999px;background:#1f2937e6;overflow:hidden;margin-bottom:16px}.progress-inner{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7);width:0;transition:width .25s ease-out}.progress-text{font-size:12px;color:#9ca3af;margin-bottom:12px}.question-text{font-size:16px;font-weight:600;margin-bottom:18px;line-height:1.5}.dimension-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;color:#38bdf8;background:#0f172ae6;border:1px solid rgba(56,189,248,.4);margin-bottom:10px}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.btn-option{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.6);padding:10px 14px;background:#0f172af5;color:#e5e7eb;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:flex-start;gap:8px;transition:all .15s ease-out}.btn-option:hover{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d;transform:translateY(-1px)}.btn-option-key{font-weight:600;color:#6ee7b7;font-size:13px;margin-top:1px}.btn-option-label{flex:1}.hint{font-size:12px;color:#6b7280;margin-top:10px}.loading{font-size:14px;color:#9ca3af;display:flex;align-items:center;gap:8px;margin-bottom:8px}.dot-pulse{display:inline-flex;gap:3px}.dot-pulse span{width:4px;height:4px;border-radius:999px;background:#38bdf8;animation:pulse 1s infinite ease-in-out}.dot-pulse span:nth-child(2){animation-delay:.15s}.dot-pulse span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.result-title{font-size:20px;font-weight:700;margin-bottom:4px}.result-code{font-size:13px;color:#9ca3af;margin-bottom:18px}.section-title{font-size:14px;font-weight:600;margin:14px 0 6px}.tag-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6);font-size:11px;color:#e5e7eb;margin-right:6px;margin-bottom:4px}ul{margin:4px 0 0;padding-left:18px;font-size:13px;color:#d1d5db}.share{font-size:12px;color:#9ca3af;border-top:1px dashed rgba(55,65,81,.9);margin-top:18px;padding-top:10px}.primary-btn{margin-top:16px;padding:8px 14px;border-radius:999px;border:none;background:linear-gradient(90deg,#38bdf8,#a855f7);color:#0f172a;font-size:13px;font-weight:600;cursor:pointer}.result-text{font-size:13px;line-height:1.6;margin-bottom:6px}.result-quote{font-size:13px;color:#fde68a;margin-bottom:6px}.muted{font-size:12px;color:#6b7280}.secondary-btn{margin-top:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172af5;color:#e5e7eb;font-size:12px;cursor:pointer}.secondary-btn:hover{border-color:#38bdf8}.share-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top,#0f172a 0,#020617 55%,#000);padding:16px;box-sizing:border-box}.share-card{width:360px;max-width:100%;aspect-ratio:9 / 16;border-radius:24px;background:#020617;border:1px solid rgba(148,163,184,.5);box-shadow:0 32px 80px #0f172ae6;padding:24px 22px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden}.share-title{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.share-subtitle{font-size:12px;color:#9ca3af;margin-top:4px}.share-main-title{margin-top:18px;font-size:22px;font-weight:700}.share-code{margin-top:6px;font-size:12px;color:#a5b4fc}.share-divider{margin:18px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.7),transparent)}.share-section-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.share-text{font-size:13px;line-height:1.6;color:#e5e7eb;margin-bottom:10px}.share-quote{font-size:13px;color:#fde68a;margin-bottom:10px}.share-footnote{margin-top:auto;font-size:11px;color:#9ca3af}.share-back-btn,.share-save-btn{margin-top:16px}.theme-bronze{background:#3f2a1b;border-color:#f8fafc1f}.theme-silver{background:#4b5563;border-color:#d1d5dbb3}.theme-gold{background:#92400e;border-color:#fbbf24cc}.theme-platinum{background:#6b7280;border-color:#e2e8f0cc}.theme-diamond{background:#1d4ed8;border-color:#38bdf8e6}.theme-king{background:#b91c1c;border-color:#f8fafcd9}.share-card:before,.share-card:after{content:"";position:absolute;border-radius:999px;opacity:.22;pointer-events:none}.share-card:before{width:160px;height:160px;top:-40px;right:-40px;border:1px solid rgba(248,250,252,.55)}.share-card:after{width:220px;height:220px;bottom:-80px;left:-80px;border:1px dashed rgba(148,163,184,.5)}.share-footer-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.share-qrcode{width:72px;height:72px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);display:flex;align-items:center;justify-content:center;overflow:hidden}.share-footnote{margin-top:0}