:root{--bg:#0a0b0c;--panel:#121415;--panel-2:#171a1b;--line:#262a2c;--text:#e9e7e4;--muted:#93989a;--accent:#e3b04b;--steel:#6f7d86;--ok:#7fd6a2;--no:#e0806e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{word-break:keep-all;overflow-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.65}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent)}.app{max-width:560px;margin:0 auto;padding:28px 18px 40px}.top{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:16px}.top h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.tagline{color:var(--muted);margin:4px 0 0;font-size:14px}.pitch{margin:0 0 18px;font-size:16px}.pitch em,.how em{color:var(--accent);font-style:normal}.standing{border:1px solid var(--line);background:var(--panel);font-variant-numeric:tabular-nums;border-radius:10px;margin-bottom:18px;padding:12px 14px}.standing p{color:var(--muted);margin:0;font-size:14px}.accent{color:var(--accent)!important}.actions{flex-direction:column;gap:10px;margin:18px 0;display:flex}button.primary,button.ghost{border-radius:10px;min-height:48px;padding:12px 16px;font-weight:600;transition:transform 90ms,border-color .14s}button.primary{color:#f3dcae;background:linear-gradient(#e3b04b29,#e3b04b0f);border:1px solid #e3b04b73}button.ghost{border:1px solid var(--line);background:var(--panel);color:var(--text)}button.primary:active,button.ghost:active{transform:scale(.985)}button:disabled{opacity:.4;cursor:default}.error{color:var(--no);font-size:14px}.how{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.how h2{margin:18px 0 6px;font-size:15px;font-weight:700}.how h2:first-child{margin-top:0}.how p{color:var(--muted);margin:0;font-size:14px}.q-head{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:13px;display:flex}.q-category{border:1px solid var(--line);border-radius:999px;padding:2px 10px}.q-text{letter-spacing:-.01em;margin:14px 0 18px;font-size:20px;font-weight:700}.q-options{gap:10px;display:grid}.option{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:60px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.option-label{font-size:17px;font-weight:600}.option-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.option.picked{border-color:var(--accent)}.option.right{background:#7fd6a214;border-color:#7fd6a28c}.option.wrong{background:#e0806e12;border-color:#e0806e80}.option.dim{opacity:.55}.q-confidence{margin-top:20px}.q-ask{color:var(--muted);margin:0 0 8px;font-size:14px}.levels{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.level{border:1px solid var(--line);background:var(--panel-2);font-variant-numeric:tabular-nums;border-radius:8px;min-height:46px;padding:0;font-size:13px;font-weight:600}.level:active{border-color:var(--accent)}.q-hint{color:var(--muted);margin:10px 0 0;font-size:13px}.q-feedback{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.verdict-line{margin:0 0 4px;font-weight:700}.q-feedback.ok .verdict-line{color:var(--ok)}.q-feedback.no .verdict-line{color:var(--no)}.q-source{color:var(--muted);margin:0 0 14px;font-size:13px}.q-feedback .primary{width:100%}.result-title,.result-sub{color:var(--muted);margin:0 0 12px;font-size:15px;font-weight:700}.result-sub{margin-top:26px}.numbers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.number{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:2px;padding:12px 10px;display:flex}.n-label{color:var(--muted);font-size:12px}.n-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:700}.n-value.warn{color:var(--accent)}.n-value.cool{color:var(--steel)}.n-sub{color:var(--muted);font-size:11px}.verdict-box{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-top:16px;padding:16px}.verdict-kind{margin:0 0 6px;font-size:19px;font-weight:700}.verdict-desc{margin:0 0 10px;font-size:14px}.verdict-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px}.chart{margin:0}.chart svg{width:100%;height:auto;display:block}.chart .axis{stroke:var(--line);stroke-width:1px}.chart .grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.chart .tick{fill:var(--muted);font-size:10px}.chart .perfect{stroke:var(--steel);stroke-width:1.5px;stroke-dasharray:4 4}.chart .player-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart .player-dot{fill:var(--accent)}.legend{color:var(--muted);gap:16px;margin-top:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend span:before{content:"";border-top:2px dashed var(--steel);width:16px;height:0}.legend .legend-player:before{border-top:2px solid var(--accent)}.chart figcaption{color:var(--muted);margin-top:10px;font-size:13px}.portal{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:34px;padding-top:16px;font-size:14px;display:flex}.portal a{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px;text-decoration:none}.portal a:hover{color:var(--accent);border-color:var(--accent)}@media (min-width:480px){.actions{flex-direction:row}.actions button{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
