.pc-root{--bg: #191818;--card: #1E1E1E;--card-hover: #232323;--border: #2E2E2E;--yellow: #F4B30C;--yellow-dim: rgba(244,179,12,.12);--yellow-mid: rgba(244,179,12,.25);--white: #FFFFFF;--light: #CCCCCC;--secondary: #AAAAAA;--muted: #666666;--font: "Open Sans", sans-serif}.pc-root .main{width:100%;max-width:640px;margin:0 auto;padding:28px 24px 40px}.pc-root h1{font-size:26px;font-weight:600;color:var(--white);line-height:1.15;margin-bottom:6px}.pc-root .subtitle{font-size:14px;color:var(--secondary);line-height:1.5;margin-bottom:32px}.pc-root .input-section{margin-bottom:28px}.pc-root .input-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 22px 18px;margin-bottom:14px}.pc-root .input-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.pc-root .input-label{font-size:13px;font-weight:500;color:var(--light);letter-spacing:.02em}.pc-root .input-value{font-size:28px;font-weight:600;color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1}.pc-root .input-value .unit{font-size:16px;font-weight:500;color:var(--secondary);margin-left:2px}.pc-root .input-meta{font-size:12px;color:var(--muted);margin-top:12px}.pc-root input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;cursor:pointer}.pc-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--yellow);border:2px solid var(--bg);box-shadow:0 1px 6px #0006;cursor:pointer;-webkit-transition:transform .12s ease;transition:transform .12s ease}.pc-root input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.pc-root input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--yellow);border:2px solid var(--bg);box-shadow:0 1px 6px #0006;cursor:pointer}.pc-root .score-context{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;padding:0 2px}.pc-root .result-panel{border-radius:14px;padding:26px 24px 22px;margin-bottom:20px;transition:background .3s ease,border .3s ease}.pc-root .result-panel.promote{background:var(--yellow-dim);border:1px solid var(--yellow-mid)}.pc-root .result-panel.stay{background:var(--card);border:1px solid var(--border)}.pc-root .result-panel.demote{background:#e5393514;border:1px solid rgba(229,57,53,.2)}.pc-root .result-eyebrow{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.pc-root .promote .result-eyebrow{color:var(--yellow)}.pc-root .stay .result-eyebrow{color:var(--secondary)}.pc-root .demote .result-eyebrow{color:#e57373}.pc-root .result-headline{font-size:32px;font-weight:600;line-height:1.1;margin-bottom:8px;color:var(--white)}.pc-root .result-headline .hl{color:var(--yellow)}.pc-root .result-sub{font-size:14px;color:var(--light);line-height:1.55}.pc-root .level-bar{display:flex;gap:3px;margin-top:18px}.pc-root .level-bar .bar{flex:1;height:28px;background:#252525;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;transition:background .25s ease,color .25s ease;position:relative}.pc-root .level-bar .bar.current{background:#333;color:var(--light)}.pc-root .level-bar .bar.next,.pc-root .level-bar .bar.current.next{background:var(--yellow);color:#191818}.pc-root .level-bar .bar.below-current{background:#2a2a2a;color:var(--muted)}.pc-root .bar-labels{display:flex;gap:3px;margin-top:4px}.pc-root .bar-labels span{flex:1;text-align:center;font-size:9px;color:var(--muted)}.pc-root .math-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:20px}.pc-root .math-title{font-size:13px;font-weight:500;color:var(--secondary);margin-bottom:14px}.pc-root .math-grid{display:grid;grid-template-columns:1fr auto;gap:10px 16px;font-variant-numeric:tabular-nums}.pc-root .math-grid dt{font-size:13px;color:var(--secondary)}.pc-root .math-grid dd{font-size:13px;font-weight:500;color:var(--white);text-align:right}.pc-root .math-grid dd.accent{color:var(--yellow)}.pc-root .math-divider{grid-column:1 / -1;height:1px;background:var(--border);margin:2px 0}.pc-root .reason-text{font-size:13px;color:var(--light);line-height:1.6;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.pc-root .table-toggle{width:100%;background:transparent;border:1px solid var(--border);border-radius:10px;padding:14px 20px;font-family:var(--font);font-size:13px;font-weight:500;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s ease,color .2s ease}.pc-root .table-toggle:hover{border-color:var(--muted);color:var(--light)}.pc-root .table-toggle .arrow{transition:transform .25s ease}.pc-root .table-toggle.open .arrow{transform:rotate(180deg)}.pc-root .threshold-table{max-height:0;overflow:hidden;transition:max-height .35s ease}.pc-root .threshold-table.open{max-height:700px}.pc-root .threshold-table table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px;font-variant-numeric:tabular-nums}.pc-root .threshold-table th{font-weight:500;color:var(--secondary);text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.pc-root .threshold-table th:last-child{text-align:right}.pc-root .threshold-table td{padding:7px 10px;color:var(--light);border-bottom:1px solid #252525}.pc-root .threshold-table td:last-child{text-align:right;color:var(--yellow);font-weight:500}.pc-root .threshold-table tr.active td{color:var(--white);background:#f4b30c0f}.pc-root .pc-footer{font-size:11px;color:var(--muted);text-align:center;padding:24px 24px 32px;max-width:640px;margin:0 auto;line-height:1.6}.pc-root .pc-footer a{color:var(--muted);text-decoration:none}.pc-root .pc-footer a:hover{color:var(--secondary)}@media(max-width:480px){.pc-root .main{padding:20px 16px 32px}.pc-root h1{font-size:22px}.pc-root .input-card{padding:16px 18px 14px}.pc-root .input-value{font-size:24px}.pc-root .result-headline{font-size:26px}.pc-root .level-bar .bar{height:24px;font-size:10px}}
