*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#e8e8f0;background:#0f0f1a;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}#app{max-width:500px;min-height:100dvh;margin:0 auto;padding:0 20px}.view{flex-direction:column;align-items:center;padding:24px 0 40px;display:none}.view.active{display:flex}.home-hero{text-align:center;width:100%;padding-top:48px}.home-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:99px;margin-bottom:20px;padding:4px 16px;font-size:13px;display:inline-block}h1{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-text-fill-color:transparent;letter-spacing:4px;-webkit-background-clip:text;margin-bottom:12px;font-size:42px;font-weight:900}.home-subtitle{color:#a0a0b8;margin-bottom:32px;font-size:17px;line-height:1.6}.home-radar-preview{width:160px;height:160px;margin:0 auto 28px;position:relative}.home-pole{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex;position:absolute}.home-pole.ru{color:#f87171;background:#ef444433;top:0;left:50%;transform:translate(-50%)}.home-pole.fa{color:#60a5fa;background:#3b82f633;top:50%;right:0;transform:translateY(-50%)}.home-pole.dao{color:#34d399;background:#10b98133;bottom:0;left:50%;transform:translate(-50%)}.home-pole.mo{color:#fbbf24;background:#f59e0b33;top:50%;left:0;transform:translateY(-50%)}.home-center{color:#818cf8;font-size:28px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-meta{color:#6b6b80;margin-bottom:24px;font-size:14px}.btn-primary,.btn-gold,.btn-ghost{cursor:pointer;border:none;border-radius:12px;width:100%;max-width:320px;margin:0 auto 12px;padding:14px 0;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s;display:block}.btn-primary:active,.btn-gold:active,.btn-ghost:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f159}.btn-gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 20px #f59e0b4d}.btn-ghost{color:#818cf8;background:0 0;border:1px solid #818cf84d}.home-hint{color:#4a4a60;margin-top:8px;font-size:12px}.quiz-header{width:100%;padding:16px 0}.quiz-progress-bar{background:#ffffff14;border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;height:100%;transition:width .3s}.quiz-progress-text{text-align:center;color:#6b6b80;font-size:13px}.quiz-card{width:100%;animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.quiz-category{color:#a78bfa;background:#a78bfa1f;border-radius:99px;margin-bottom:16px;padding:3px 12px;font-size:12px;display:inline-block}.quiz-question{margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.6}.quiz-tug-wrap{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:20px;width:100%;padding:20px;display:flex}.tug-statement{color:#d0d0e0;background:#ffffff05;border-radius:8px;padding:12px;font-size:15px;line-height:1.5;transition:all .3s}.tug-statement.left{border-left:3px solid #f87171}.tug-statement.right{text-align:right;border-right:3px solid #60a5fa}.tug-slider-area{padding:16px 0;position:relative}.tug-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.tug-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#818cf8;border:3px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .1s;box-shadow:0 0 10px #818cf880}.tug-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.tug-ticks{pointer-events:none;justify-content:space-between;margin-top:-14px;padding:0 10px;display:flex}.tug-ticks span{background:#fff3;width:2px;height:10px}.tug-hint{text-align:center;color:#6b6b80;margin-top:16px;font-size:12px}.result-header h2{margin-bottom:16px;font-size:24px;font-weight:800}.result-canvas-wrap{width:100%;max-width:300px;margin:0 auto 20px}#radar-canvas{width:100%;height:auto;display:block}.result-tag{margin-bottom:4px;font-size:28px;font-weight:900}.result-oneliner{color:#a0a0b8;text-align:center;max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.6}.result-scores{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;margin-bottom:28px;display:grid}.score-item{text-align:left;background:#ffffff0a;border-radius:10px;padding:12px}.score-label{color:#a0a0b8;margin-bottom:2px;font-size:13px}.score-value{font-size:24px;font-weight:800}.score-value.ru{color:#f87171}.score-value.fa{color:#60a5fa}.score-value.mo{color:#fbbf24}.score-value.dao{color:#34d399}.score-unit{color:#6b6b80;margin-left:2px;font-size:13px;font-weight:400}.score-bar-wrap{background:#ffffff0f;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.score-bar{border-radius:2px;height:100%;transition:width .6s}.score-bar.ru{background:linear-gradient(90deg,#f871714d,#f87171)}.score-bar.fa{background:linear-gradient(90deg,#60a5fa4d,#60a5fa)}.score-bar.mo{background:linear-gradient(90deg,#fbbf244d,#fbbf24)}.score-bar.dao{background:linear-gradient(90deg,#34d3994d,#34d399)}.result-section{background:#ffffff08;border-radius:12px;width:100%;max-width:320px;margin-bottom:12px;padding:18px}.result-section h3{margin-bottom:8px;font-size:16px}.result-section p{color:#b0b0c8;font-size:14px;line-height:1.7}.result-section.result-book{background:#a78bfa0f;border:1px solid #a78bfa26}.result-section.result-algorithm{background:#818cf814;border:1px solid #818cf833}.result-section.result-shadow{background:#ef44440a;border:1px solid #ef44441f}.result-section.result-mantra{background:#34d3990f;border:1px solid #34d39926}.result-ad{text-align:center;color:#6b6b80;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;width:100%;max-width:320px;margin-bottom:24px;padding:20px;font-size:13px}.result-actions{width:100%;max-width:320px;margin-bottom:20px}.result-share-hint{text-align:center;color:#6b6b80;width:100%;max-width:320px;font-size:12px}@media (width<=380px){h1{font-size:34px}.quiz-question{font-size:18px}.result-tag{font-size:24px}}