.resultBody{display:grid;grid-template-columns:auto auto;gap:28px;align-items:center;justify-content:start}.resultLeft{overflow:visible}.resultLeft svg,.resultLeft canvas{max-width:100%;max-height:100%}.strategyRow{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px}.strategyLabel{font-size:12px;color:#6b7280;font-weight:600}.strategyValue{font-size:22px;font-weight:800;line-height:1.1}.resultRight{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center}:root{--bg: #f4f6fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e5e7eb;--shadow: 0 16px 40px rgba(15, 23, 42, .08);--primary: #2563eb;--primary2: #4f46e5;--low: #16a34a;--mid: #f59e0b;--high: #ef4444;--gauge-track: #e5e7eb}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.page{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.85);display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary2),#06b6d4);display:grid;place-items:center;box-shadow:0 10px 25px #2563eb2e}.logo span{filter:saturate(1.1)}.brandName{font-weight:800;letter-spacing:-.02em}.brandSub{font-size:12px;color:var(--muted);margin-top:1px}.badges{display:flex;gap:10px}.pill{font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(229,231,235,.9);color:#0f172a;background:#fff;font-weight:600}.pillBlue{background:#eef2ff;border-color:#dbeafe;color:#1d4ed8}.pillMint{background:#ecfeff;border-color:#cffafe;color:#0e7490}.container{max-width:980px;margin:0 auto;padding:34px 18px 50px}.hero h1{margin:0;font-size:44px;letter-spacing:-.03em}.hero p{margin:10px 0 0;color:var(--muted);font-size:16px}.card{margin-top:26px;background:var(--card);border:1px solid rgba(229,231,235,.9);border-radius:18px;box-shadow:var(--shadow);padding:22px}.cardHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.cardTitle{font-weight:800}.cardHint{color:var(--muted);font-size:13px;margin-top:3px}.miniHint{color:var(--muted);font-size:12px;margin-top:4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;color:#334155;font-weight:700;margin-bottom:6px}input,select{width:100%;height:44px;border-radius:12px;border:1px solid rgba(203,213,225,.95);background:#fff;padding:0 12px;font-size:14px;color:var(--text);outline:none;transition:box-shadow .15s ease,border-color .15s ease}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 20px) 18px,calc(100% - 14px) 18px,calc(100% - 2.5em) .5em;background-size:6px 6px,6px 6px,1px 1.8em;background-repeat:no-repeat;padding-right:34px}input:focus,select:focus{border-color:#2563ebb3;box-shadow:0 0 0 4px #2563eb24}.actions{margin-top:16px;display:flex;gap:12px;align-items:center}.btnPrimary{height:44px;padding:0 18px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 20px #2563eb38}.btnPrimary:hover{filter:brightness(1.03)}.btnGhost{height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(203,213,225,.95);background:#fff;color:#0f172a;font-weight:700;cursor:pointer}.btnGhost:hover{background:#f8fafc}.resultCard{margin-top:18px;border-radius:16px;border:1px solid rgba(229,231,235,.95);background:linear-gradient(180deg,#fff,#f8fafc);padding:18px}.tone-low{--tone: var(--low)}.tone-mid{--tone: var(--mid)}.tone-high{--tone: var(--high)}.resultHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.resultTitle{font-weight:900}.resultSub{color:var(--muted);font-size:12px;margin-top:2px}.chip{font-size:12px;padding:8px 12px;border-radius:999px;font-weight:800;border:1px solid rgba(229,231,235,.9);background:#fff}.chip-low{color:var(--low);border-color:#16a34a40;background:#16a34a0f}.chip-mid{color:var(--mid);border-color:#f59e0b40;background:#f59e0b0f}.chip-high{color:var(--high);border-color:#ef444440;background:#ef44440f}.resultBody{margin-top:14px;display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.resultRight{padding-right:6px}.strategyRow{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.strategyLabel{color:var(--muted);font-size:13px;font-weight:700}.strategyValue{font-weight:900;letter-spacing:-.01em}.barLabelRow{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:8px}.barPct{color:#0f172a;font-weight:700}.riskBar{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.riskFill{height:100%;border-radius:999px;background:var(--tone);transition:width .6s ease}.disclaimer{margin-top:12px;font-size:12px;color:var(--muted)}.footer{margin-top:18px;text-align:center;color:#94a3b8;font-size:12px}@media(max-width:760px){.hero h1{font-size:34px}.grid,.resultBody{grid-template-columns:1fr}.gaugeWrap{margin:0 auto}}.gaugeWrap{display:flex;align-items:center;justify-content:center}.gauge{--p: 0;--c: #16a34a;width:160px;height:160px;border-radius:999px;position:relative;background:conic-gradient(var(--c) calc(var(--p) * 1%),#e5e7eb 0);box-shadow:0 18px 40px #0f172a14}.gauge:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:999px;box-shadow:inset 0 0 0 1px #e5e7ebe6}.gaugeCenter{position:absolute;inset:12px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gaugePct{font-size:44px;font-weight:900;letter-spacing:-.03em;line-height:1}.gaugeSub{margin-top:6px;font-size:12px;color:var(--muted);font-weight:700}