:root{--bg: #0a0a0f;--surface: #12121a;--card: #161622;--border: #1e1e2e;--border-active: #2a2a4a;--text: #c8c8d4;--text-secondary: #80809a;--text-muted: #5a5a72;--blue: #0066ff;--blue-dim: rgba(0,102,255,.12);--green: #00e676;--green-dim: rgba(0,230,118,.12);--red: #ff3b30;--red-dim: rgba(255,59,48,.12);--amber: #ff9500;--radius: 14px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;padding:20px 16px 32px}body>div:first-child{font-family:var(--font)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.header h1{font-size:22px;font-weight:700;color:var(--blue);letter-spacing:-.02em}.header-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.header-powered{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.header-thresholds{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.threshold-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;background:var(--blue-dim);color:var(--blue);border:1px solid rgba(0,102,255,.2)}.header-badges{display:flex;gap:10px;align-items:center}.badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600}.badge-normal{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,230,118,.25)}.badge-degraded{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,59,48,.25);animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.controls{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.quiz-btn{padding:8px 18px;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;color:#fff;background:var(--blue);transition:all .2s;font-family:var(--font)}.quiz-btn:active{transform:scale(.97)}.degraded-warning{padding:14px 20px;margin-bottom:20px;border-radius:var(--radius);background:var(--red-dim);border:1px solid rgba(255,59,48,.25);text-align:center;animation:pulse-warning 2s ease-in-out infinite}.degraded-warning h3{color:var(--red);font-size:15px;font-weight:700;margin-bottom:3px}.degraded-warning p{color:#ff3b30b3;font-size:12px}@keyframes pulse-warning{0%,to{border-color:#ff3b3040}50%{border-color:#ff3b3080}}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.link-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s ease;position:relative}.link-card.active-link{border-color:var(--blue);border-width:1.5px;box-shadow:0 0 20px #0066ff14}.link-card.blocked{border-color:#ff3b3033;opacity:.55}.active-badge{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.link-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.link-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.link-name{font-size:18px;font-weight:700}.link-status{margin-left:auto;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.status-healthy{background:var(--green-dim);color:var(--green)}.status-blocked{background:var(--red-dim);color:var(--red)}.metric{margin-bottom:14px}.metric:last-child{margin-bottom:0}.metric-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.metric-label span:first-child{color:var(--text-muted)}.metric-value{font-weight:600}.metric-value.good{color:var(--green)}.metric-value.warn{color:var(--amber)}.metric-value.bad{color:var(--red)}.metric-bar{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .6s ease,background .6s ease}.metric-bar-fill.good{background:var(--green)}.metric-bar-fill.warn{background:var(--amber)}.metric-bar-fill.bad{background:var(--red)}.metric-limit{font-size:10px;color:var(--text-muted);text-align:right;margin-top:2px}.metric-slider{margin-top:8px;display:flex;align-items:center;gap:8px}.metric-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;border-radius:3px;background:var(--border);outline:none;cursor:pointer}.metric-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--blue);cursor:pointer;border:2px solid var(--card);transition:background .2s}.metric-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--card);cursor:pointer}.slider-label{font-size:11px;color:var(--text-secondary);min-width:44px;text-align:right}.path-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.path-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:14px}.path-visual{display:flex;align-items:center;gap:0}.path-endpoint{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;white-space:nowrap}.path-endpoint-icon{font-size:20px}.path-line{flex:1;height:0;border-top:2px dashed var(--border);margin:0 10px}.path-link-badge{padding:5px 16px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;transition:all .3s ease}.info-footer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:11px;color:var(--text-muted);line-height:1.8}.info-footer strong{color:var(--text-secondary)}@media(max-width:768px){#app{padding:16px 14px 24px}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:20px}.link-cards{grid-template-columns:1fr}.path-visual{flex-direction:column;gap:10px}.path-line{display:none}}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#06060ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-container{background:#12121a;border:1px solid #1e1e2e;border-radius:20px;width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-header{padding:24px 28px 16px;border-bottom:1px solid #1e1e2e;text-align:center}.quiz-header h2{font-size:20px;font-weight:700;color:#c8c8d4;margin-bottom:4px}.quiz-header p{font-size:12px;color:#5a5a72}.quiz-body{padding:20px 28px}.quiz-footer{padding:14px 28px 20px;display:flex;justify-content:center}.quiz-instructions h3{font-size:15px;color:#c8c8d4;margin-bottom:10px;font-weight:600}.quiz-instructions ul{list-style:none;padding:0;margin:0 0 16px}.quiz-instructions li{padding:6px 0;font-size:13px;color:#80809a;display:flex;align-items:flex-start;gap:8px;line-height:1.5}.quiz-instructions li:before{content:"▸";color:#06f;font-weight:700;flex-shrink:0}.study-note{background:#0066ff0f;border:1px solid rgba(0,102,255,.15);border-radius:10px;padding:12px 16px;font-size:12px;color:#5a8fff;line-height:1.6;margin-bottom:16px;font-weight:500}.name-field{width:100%;padding:12px 16px;font-size:15px;border:2px solid #1e1e2e;border-radius:10px;outline:none;background:#0a0a0f;color:#c8c8d4;transition:border-color .2s}.name-field:focus{border-color:#06f}.name-field::placeholder{color:#5a5a72}.name-error{color:#ff3b30;font-size:12px;margin-top:6px;display:none}.name-error.visible{display:block}.quiz-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.quiz-progress-bar{flex:1;height:5px;background:#1e1e2e;border-radius:3px;overflow:hidden;margin-right:12px}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#06f,#3b82f6);border-radius:3px;transition:width .4s ease}.quiz-timer{font-size:13px;font-weight:700;color:#c8c8d4;min-width:44px;text-align:right}.quiz-timer.urgent{color:#ff3b30;animation:pulse-timer .8s ease-in-out infinite}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.5}}.quiz-question-text{font-size:16px;font-weight:600;color:#c8c8d4;margin-bottom:18px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1.5px solid #1e1e2e;border-radius:12px;cursor:pointer;font-size:13px;color:#c8c8d4;transition:all .15s ease;background:#0a0a0f}.quiz-option:hover{border-color:#06f;background:#0066ff0a}.quiz-option.selected{border-color:#06f;background:#0066ff14}.quiz-option.correct{border-color:#00e676;background:#00e6760f}.quiz-option.incorrect{border-color:#ff3b30;background:#ff3b300f}.option-letter{width:26px;height:26px;border-radius:50%;background:#161622;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#5a5a72;flex-shrink:0}.quiz-option.selected .option-letter{background:#06f;color:#fff}.quiz-option.correct .option-letter{background:#00e676;color:#000}.quiz-option.incorrect .option-letter{background:#ff3b30;color:#fff}.quiz-results{text-align:center}.quiz-score-circle{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#06f,#3b82f6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 18px}.quiz-score-number{font-size:32px;font-weight:800;line-height:1}.quiz-score-label{font-size:11px;font-weight:600;opacity:.85;margin-top:2px}.quiz-score-detail{font-size:13px;color:#5a5a72;margin-bottom:8px}.quiz-feedback{font-size:13px;color:#80809a;line-height:1.6;margin-bottom:20px}.btn-primary{padding:11px 28px;font-size:13px;font-weight:600;border:none;border-radius:10px;cursor:pointer;background:#06f;color:#fff;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-secondary{padding:9px 22px;font-size:12px;font-weight:600;border:1.5px solid #1e1e2e;border-radius:10px;cursor:pointer;background:transparent;color:#80809a;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-secondary:active{background:#161622}.quiz-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.quiz-name-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#0066ff14;color:#06f;margin-bottom:6px}.quiz-prize{background:#00e6760f;border:1px solid rgba(0,230,118,.2);border-radius:10px;padding:12px 16px;font-size:13px;color:#c8c8d4;line-height:1.6;margin-bottom:14px}.quiz-retry-note{font-size:12px;color:#5a8fff;font-weight:500;margin-bottom:14px}.quiz-score-circle.quiz-fail{background:linear-gradient(135deg,#ff3b30,#ff6b6b)}