:root{--bg:#f6f4fb;--surface:#fff;--border:#e4dff0;--text:#1e1a2e;--muted:#6c6684;--accent:#6d28d9;--accent-soft:#efe9fd;--on-accent:#fff;--danger:#c2410c;--warn:#b45309;--ok:#15803d;--s1:#ef4444;--s2:#f97316;--s3:#eab308;--s4:#84cc16;--s5:#16a34a;--g-place:#6250d6;--g-culture:#eb6834;--g-perks:#1baf7a;--g-schedule:#eda100;--g-training:#e87ba4;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#121019;--surface:#1d1a29;--border:#312b44;--text:#ece9f6;--muted:#a39eb9;--accent:#a78bfa;--accent-soft:#2b2347;--on-accent:#1e1a2e;--danger:#fb923c;--warn:#fbbf24;--ok:#4ade80;--g-place:#9085e9;--g-culture:#d95926;--g-perks:#199e70;--g-schedule:#c98500;--g-training:#d55181}}*{box-sizing:border-box}body,h1,h2{margin:0}h1{font-size:1.25rem}h2{margin-bottom:.25rem;font-size:1.1rem}p{margin:.25rem 0}button,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:.45rem .85rem;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background-color .15s,border-color .15s,box-shadow .15s}button:active:not(:disabled){transition-duration:50ms;transform:scale(.94)}button.primary:hover:not(:disabled){box-shadow:0 4px 14px -4px var(--accent)}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.danger{color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;padding:0 .25rem}input,textarea{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:.45rem .6rem}input:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.82rem}.warn{color:var(--warn)}.empty{text-align:center;padding:1.5rem .5rem}.loading{text-align:center;color:var(--muted);padding:3rem}.app{max-width:1100px;margin:0 auto;padding:1rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.brand{flex-direction:column;gap:.15rem;display:flex}.save-status{color:var(--muted);font-size:.8rem}.save-status.saved{color:var(--ok)}.save-status.error,.save-status.local{color:var(--warn)}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.tab{background:0 0;border:none}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-header button{flex-shrink:0}.schools-layout{grid-template-columns:280px 1fr;align-items:start;gap:1rem;display:grid}.school-list{padding:.75rem;position:sticky;top:1rem}.add-school{gap:.4rem;margin-bottom:.5rem;display:flex}.add-school input{flex:1;min-width:0}.school-list ul{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.school-item{text-align:left;border-color:#0000;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.school-item.active{background:var(--accent-soft);border-color:var(--accent)}.school-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.school-meta{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.score-pill{font-variant-numeric:tabular-nums;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.05rem .5rem;font-size:.85rem;font-weight:600}.editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.name-input{flex:1;min-width:200px;font-size:1.2rem;font-weight:600}.editor-score{align-items:baseline;gap:.35rem;display:flex}.big-score{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.category-grid{flex-direction:column;display:flex}.category-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.category-label{align-items:center;gap:.5rem;display:flex}.weight-badge{color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:0 .35rem;font-size:.75rem}.score-buttons{flex-shrink:0;gap:.25rem;display:flex}.score-btn{width:2.2rem;height:2.2rem;padding:0;font-weight:600}.score-btn.selected{color:#fff;border-color:#0000}.score-btn.s1{background:var(--s1)}.score-btn.s2{background:var(--s2)}.score-btn.s3{background:var(--s3);color:#1e1a2e}.score-btn.s4{background:var(--s4);color:#1e1a2e}.score-btn.s5{background:var(--s5)}.comments{flex-direction:column;gap:.35rem;margin-top:1rem;font-weight:600;display:flex}.comments textarea{resize:vertical;font-weight:400}.editor-actions{justify-content:flex-end;margin-top:1rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.g-place{--g:var(--g-place)}.g-culture{--g:var(--g-culture)}.g-perks{--g:var(--g-perks)}.g-schedule{--g:var(--g-schedule)}.g-training{--g:var(--g-training)}.swatch{background:var(--g);border-radius:3px;flex-shrink:0;width:.7rem;height:.7rem;display:inline-block}.weights-layout{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:2rem;display:grid}.weights-chart{flex-direction:column;align-items:center;gap:1rem;display:flex;position:sticky;top:1rem}.donut{aspect-ratio:1;width:100%;max-width:340px;position:relative}.donut svg{width:100%;height:100%;display:block;overflow:visible}.slice{fill:var(--g);stroke:var(--surface);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:opacity .15s,transform .15s}.slice.dim{opacity:.3}.slice:focus-visible{stroke:var(--text)}.donut-empty{fill:none;stroke:var(--border)}.donut-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:flex;position:absolute;inset:22%}.donut-center>*{pointer-events:auto}.donut-group{color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}.donut-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.donut-share{font-size:1.6rem;font-weight:700;line-height:1.1}.donut-hint{max-width:8rem}.group-legend{flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.group-legend li{align-items:center;gap:.35rem;display:inline-flex}.weights-list section+section{margin-top:1rem}.weights-list h3{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);align-items:center;gap:.45rem;margin:0 0 .25rem;font-size:.8rem;display:flex}.weight-row{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .5rem;display:flex}.weight-row.hovered{background:var(--bg)}.weight-row.selected{background:var(--accent-soft);border-color:var(--accent)}.weight-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.share{align-items:center;gap:.5rem;display:flex}.share-track{flex:0 65%}.share-bar{background:var(--g,var(--accent));border-radius:3px;min-width:2px;height:6px;transition:width .15s}.stepper{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.stepper button{width:2.2rem;height:2.2rem;padding:0;font-size:1.1rem;line-height:1}.stepper input{text-align:center;-moz-appearance:textfield;width:3.4rem;padding:.35rem .2rem}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rank-row{cursor:pointer}.rank-row:hover{background:var(--accent-soft)}.rank-num{font-variant-numeric:tabular-nums;width:2.5rem;font-weight:700}.notice{background:var(--accent-soft);border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem}.breakdown-row td{background:var(--bg)}.breakdown ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.breakdown li{grid-template-columns:1fr auto 1.5rem;gap:.5rem;display:grid}.breakdown li strong{text-align:right}.breakdown-comments{white-space:pre-wrap;border-left:3px solid var(--border);margin-top:.75rem;padding-left:.75rem}.app-footer{justify-content:center;margin-top:1.5rem;display:flex}.backup{gap:1rem;font-size:.85rem;display:flex}@media (width<=720px){.schools-layout{grid-template-columns:1fr}.school-list{position:static}.category-row{flex-direction:column;align-items:flex-start;gap:.35rem}.section-header{flex-direction:column}}@media (width<=860px){.weights-layout{grid-template-columns:1fr;gap:1.25rem}.weights-chart{position:static}.donut{max-width:300px}.stepper button{width:2.6rem;height:2.6rem}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes bump{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}80%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 24px)) rotate(var(--rot)) scale(1);opacity:0}}.score-btn.selected{animation:.28s cubic-bezier(.34,1.56,.64,1) pop}.bump{animation:.25s ease-out bump;display:inline-block}.view-enter{animation:.22s ease-out fade-up}.item-enter{animation:.22s ease-out slide-in}.row-enter{animation:.35s ease-out both fade-up;animation-delay:calc(var(--i,0) * 60ms)}.save-status{animation:.25s ease-out bump}.tab{transition:background-color .2s,color .2s,transform .12s}.confetti-anchor{flex-shrink:0;position:relative}.confetti-anchor>button{z-index:1;position:relative}.confetti{pointer-events:none;position:absolute;top:50%;left:50%}.confetti span{border-radius:2px;width:7px;height:10px;animation:.9s cubic-bezier(.2,.7,.3,1) forwards confetti;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.confetti{display:none}}