:root{--primary: #667eea;--primary-dark: #5a6fd6;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-bg: rgba(255,255,255,.95);--text: #1e293b;--text-light: #64748b;--radius: 16px;--shadow: 0 4px 24px rgba(0,0,0,.08)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}.hero-appear{animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-icon{font-size:72px;margin-top:40px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-title{font-size:28px;font-weight:800;color:#fff;text-align:center;margin-top:20px;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-sub{color:#ffffffd9;text-align:center;margin-top:12px;font-size:15px;line-height:1.6}.btn-start{margin-top:36px;background:#fff;color:var(--primary-dark);font-size:18px;font-weight:700;padding:16px 56px;border-radius:50px;border:none;cursor:pointer;box-shadow:0 8px 32px #0003;transition:transform .15s;letter-spacing:2px}.btn-start:active{transform:scale(.96)}.quiz-header{width:100%;max-width:480px;margin-bottom:20px}.quiz-count{color:#ffffffbf;font-size:14px;margin-bottom:8px}.progress-bar{width:100%;height:6px;background:#ffffff40;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:3px;transition:width .3s ease}.question-card{background:var(--card-bg);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:480px;box-shadow:var(--shadow);animation:fadeUp .35s ease-out}.question-text{font-size:20px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:24px}.option-btn{display:block;width:100%;padding:16px 20px;margin-bottom:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;color:var(--text);text-align:left;cursor:pointer;transition:all .2s;line-height:1.5}.option-btn:active{background:#ede9fe;border-color:var(--primary)}.option-btn.selected{background:#ede9fe;border-color:var(--primary);font-weight:600}.result-card{background:var(--card-bg);border-radius:var(--radius);padding:32px 24px;width:100%;max-width:480px;box-shadow:var(--shadow);text-align:center;animation:fadeUp .5s ease-out}.result-emoji{font-size:80px;margin-bottom:12px}.result-major-name{font-size:26px;font-weight:800;margin-bottom:4px}.result-desc{color:var(--text-light);font-size:15px;line-height:1.7;margin-top:12px}.result-section{text-align:left;margin-top:20px}.result-section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.result-section p,.result-section li{color:var(--text-light);font-size:14px;line-height:1.8}.result-section ul{list-style:none;padding:0}.result-section li:before{content:"▸ ";color:var(--primary)}.runner-up{margin-top:16px;background:var(--card-bg);border-radius:var(--radius);padding:20px 24px;width:100%;max-width:480px;box-shadow:var(--shadow);animation:fadeUp .55s ease-out}.runner-up h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:12px;text-align:center}.runner-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.runner-item:last-child{border-bottom:none}.runner-item .r-emoji{font-size:28px}.runner-item .r-name{font-weight:600;font-size:15px;color:var(--text)}.runner-item .r-bar{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.runner-item .r-bar-fill{height:100%;border-radius:3px;transition:width .8s ease}.actions{margin-top:24px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px}.btn-primary{background:var(--gradient);color:#fff;font-size:16px;font-weight:700;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:transform .15s;width:100%}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:#fff;color:var(--primary);font-size:15px;font-weight:600;padding:12px 32px;border-radius:50px;border:2px solid #e2e8f0;cursor:pointer;width:100%}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:24px}.share-overlay .close-btn{position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:50%;background:#fff3;color:#fff;border:none;font-size:20px;cursor:pointer}.share-hint{color:#fff;font-size:14px;margin-bottom:12px;text-align:center}.share-card{background:#fff;border-radius:16px;padding:24px;max-width:320px;text-align:center;box-shadow:0 16px 48px #0000004d}.ad-slot{width:100%;max-width:480px;min-height:60px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:12px;margin:16px 0}.site-footer{margin-top:32px;color:#fff6;font-size:12px;text-align:center}.site-footer a{color:#fff9;text-decoration:none}