:root{--ink:#0F1117;--ink2:#171A22;--ink3:#1E222C;--gold:#D49A1A;--gold-soft:#F3E4C4;--gold-dim:#8A6A26;--water:#1F6F8B;--foam:#7FD1D9;--text:#F2F0EA;--text-dim:#9AA0AC;--p1:#2C9C93;--p1-bg:#12302D;--p2:#E2725B;--p2-bg:#331F19;--p3:#8C7FE0;--p3-bg:#221F38;--danger:#E2725B}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--text);font-family:Inter,sans-serif}.hf{font-family:Space Grotesk,sans-serif}.mono{font-family:JetBrains Mono,monospace}input[type=email],input[type=tel],input[type=text],select,textarea{background:#12151C;border:1px solid #2a3040;color:var(--text);border-radius:8px;padding:11px 12px;font-size:14px;font-family:Inter,sans-serif;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input[type=range]{-webkit-appearance:none;height:4px;border-radius:2px;background:#2A3040;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer;border:2px solid var(--ink)}.btn{background:var(--gold);color:#231903;border:none;border-radius:8px;padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer;font-family:Space Grotesk,sans-serif}.btn:hover{background:#e5ac2c}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text-dim);border:1px solid #2a3040}.card{background:var(--ink2);border:1px solid #262b36;border-radius:12px;padding:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#333844;border-radius:4px}.jc-page{max-width:780px;margin:0 auto;padding:24px 20px 80px}.jc-page-narrow{max-width:360px;margin:0 auto;padding:100px 20px}.jc-toasts{position:fixed;top:16px;right:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:50;align-items:flex-end;pointer-events:none}.jc-toast{background:var(--ink3);border:1px solid var(--gold);padding:9px 14px;border-radius:8px;font-size:12px;max-width:320px}.jc-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap;gap:10px}.jc-stats-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.jc-stat{padding:8px 14px;text-align:center;min-width:66px}.jc-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink2);border:1px solid var(--gold-dim);border-radius:12px;padding:14px 16px;margin-bottom:18px;flex-wrap:wrap}.jc-submit-bar--done{border-color:#2C9C93}.jc-card{margin-bottom:10px}.jc-card-row{display:flex;gap:12px;align-items:flex-start}.jc-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.jc-score-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 18px;gap:6px 18px}.jc-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.phase-grid{display:flex;gap:8px;flex-wrap:wrap}.phase-chip{flex:1 1 150px}@media (max-width:640px){.jc-page{padding:16px 14px 70px}.jc-header-row{flex-direction:column;align-items:stretch}.jc-stats-row{justify-content:space-between}.jc-stat{flex:1 1;min-width:0;padding:8px 6px}.jc-submit-bar{flex-direction:column;align-items:stretch;text-align:center}.jc-submit-bar button{width:100%}.jc-card-row{flex-direction:column}.jc-rank{align-self:flex-start}.jc-score-grid{grid-template-columns:1fr}.jc-card-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.jc-toasts{left:12px;right:12px;top:12px;align-items:stretch}.jc-toast{max-width:none}.form-grid-2{grid-template-columns:1fr;gap:12px}.phase-chip{flex:1 1 100%}}