:root{--accent:#0f62fe;--muted:#6b7280;--bg-start:#f0f8ff;--bg-end:#eef6fb;--card:#fff;--low:#28a745;--medium:#f0ad4e;--high:#dc3545;--glass:rgba(12,20,30,.06)}#__next,body,html{height:100%;margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,var(--bg-start) 0,var(--bg-end) 100%);color:#0b2440}.animation-bg{position:fixed;inset:0;z-index:-2;pointer-events:none}.animation-bg canvas{width:100%;height:100%;display:block}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 10%,hsla(0,0%,100%,.06),transparent 10%),radial-gradient(ellipse at 80% 90%,rgba(230,245,255,.04),transparent 12%);pointer-events:none}.container{max-width:1100px;margin:36px auto;padding:22px;position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{margin:0;font-size:1.55rem;letter-spacing:-.2px}.subtitle{margin:6px 0 0;color:var(--muted);font-size:.95rem}main{display:grid;grid-template-columns:1fr 420px;grid-gap:24px;gap:24px;align-items:start}@media(max-width:980px){main{grid-template-columns:1fr}}.form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:18px;background:var(--card);border-radius:12px;box-shadow:0 10px 30px var(--glass)}@media(max-width:720px){.form{grid-template-columns:1fr}}.form label{display:flex;flex-direction:column;font-size:.95rem}.form .full{grid-column:1/-1}.form input[type=number],.form input[type=text],.form select{padding:9px;border-radius:8px;border:1px solid #e6eef7;background:#fbfdff}.help{font-size:.8rem;color:var(--muted);margin-top:4px}.form .actions{grid-column:1/-1;display:flex;gap:10px;margin-top:6px}button{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 8px 18px rgba(15,98,254,.14)}button.muted{background:#f7fbff;color:#0b2440;border:1px solid #e6eef7;padding:10px 12px}button:disabled{opacity:.6;cursor:not-allowed}.resultCard{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 10px 30px rgba(12,20,30,.06)}.resultCard.blank{justify-content:center;height:240px;color:var(--muted)}.resultCard.blank,.scoreRow{display:flex;align-items:center}.scoreRow{gap:12px}.scoreBig{font-size:40px;font-weight:700;color:#06223a}.bucketBadge{display:inline-block;padding:6px 10px;border-radius:999px;color:#fff;font-weight:600;font-size:.86rem}.barRow{display:flex;align-items:center;gap:10px;margin:8px 0}.barLabel{width:72px;font-size:.92rem;color:var(--muted)}.barOuter{background:#f2f7fb;height:30px;border-radius:8px;flex:1 1;overflow:hidden}.barInner,.barOuter{display:flex;align-items:center}.barInner{height:100%;background:linear-gradient(90deg,#0f62fe,#4cc9f0);justify-content:flex-end;padding-right:10px;color:#fff;font-weight:700}.barInner.avg{background:linear-gradient(90deg,#8b8f96,#bdbfc2)}.explain{margin-top:8px;font-size:.98rem;color:#0b2540}.disclaimer{margin-top:12px;font-size:12px;color:var(--muted)}.loader{width:52px;height:52px;border-radius:50%;display:inline-grid;place-items:center;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),hsla(0,0%,100%,.15) 40%,transparent 60%);box-shadow:0 6px 18px rgba(15,20,40,.08)}.loader .dots{display:flex;gap:6px;align-items:center}.loader .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#0f62fe,#4cc9f0);opacity:.95;transform:translateY(0);animation:dotBounce 1s ease-in-out infinite}.loader .dot:nth-child(2){animation-delay:.12s}.loader .dot:nth-child(3){animation-delay:.24s}@keyframes dotBounce{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .42s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;color:#0846c6}