:root{--bg:#f6f8fc;--surface:#fff;--text:#182033;--muted:#6d7588;--primary:#3157d5;--primary2:#243fa6;--border:#e3e7f0;--safe:#157347;--balanced:#b66a00;--risk:#b42318;--shadow:0 12px 30px rgba(31,42,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.2rem;font-weight:800;color:var(--primary)}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:var(--muted);font-weight:600}nav a.active,nav a:hover{color:var(--primary)}.badge{display:inline-flex;min-width:22px;height:22px;padding:0 6px;align-items:center;justify-content:center;background:#eef2ff;color:var(--primary);border-radius:999px;font-size:.75rem}.hero{padding:72px 0 36px;background:linear-gradient(135deg,#eef2ff,#f8fbff)}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center}.hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;margin:.3rem 0 1rem}.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--primary)}.hero-card,.feature-card,.filter-panel,.info-panel,.result-card,.choice-item,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.hero-card{padding:28px}.hero-card li{margin:12px 0;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.secondary{background:#e9eeff;color:var(--primary)}.btn.ghost{background:#fff;border:1px solid var(--border);color:var(--text)}.btn.danger{background:#feeceb;color:var(--risk)}.btn.small{padding:9px 12px;font-size:.88rem}.cards{display:grid;gap:24px;margin-top:36px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{padding:28px}.feature-card h2{margin-top:8px}.feature-card p{color:var(--muted)}.icon{font-size:2rem}.text-link{color:var(--primary);font-weight:700}.info-panel{padding:28px;margin:36px auto}.info-panel p{color:var(--muted)}footer{padding:30px 0;color:var(--muted);font-size:.9rem}.page{padding:38px 0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin:.25rem 0}.page-heading p{margin:0;color:var(--muted)}.filter-panel{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}label{font-size:.88rem;font-weight:700;color:#424b61}input,select{width:100%;margin-top:8px;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit}input:focus,select:focus{outline:2px solid #cdd7ff;border-color:var(--primary)}.result-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 2px}.legend{display:flex;gap:8px;flex-wrap:wrap}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.76rem;font-weight:800}.status.safe{background:#e7f6ee;color:var(--safe)}.status.balanced{background:#fff3df;color:var(--balanced)}.status.risk{background:#feeceb;color:var(--risk)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.result-card{padding:20px;display:flex;flex-direction:column;gap:14px}.card-top{display:flex;justify-content:space-between;gap:12px}.result-card h3{margin:0;font-size:1.08rem}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.meta div{background:#f7f8fb;padding:10px;border-radius:9px}.meta span{display:block;color:var(--muted);font-size:.73rem}.meta strong{font-size:.92rem}.card-actions{display:flex;gap:8px;margin-top:auto}.empty{text-align:center;padding:48px;color:var(--muted)}.hidden{display:none!important}.choice-list{display:flex;flex-direction:column;gap:14px}.choice-item{padding:18px;display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center}.choice-order{width:40px;height:40px;border-radius:12px;background:#eef2ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800}.choice-controls{display:flex;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.summary-card{padding:18px}.summary-card span{display:block;color:var(--muted);font-size:.8rem}.summary-card strong{font-size:1.7rem}pre{overflow:auto;background:#101522;color:#eaf0ff;padding:18px;border-radius:12px}.muted{color:var(--muted)}@media(max-width:900px){.hero-grid,.cards.two{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.hero{padding-top:44px}.form-grid,.result-grid{grid-template-columns:1fr}.page-heading,.result-toolbar{align-items:flex-start;flex-direction:column}.choice-item{grid-template-columns:42px 1fr}.choice-controls{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}}@media print{.topbar,.page-heading .actions,.choice-controls,footer{display:none!important}body{background:#fff}.choice-item,.summary-card{box-shadow:none}.page{padding-top:0}}
.load-more{display:block;margin:24px auto}.small-text{font-size:.86rem;margin-top:4px}.error-box{grid-column:1/-1;line-height:1.7}code{background:#eef2ff;padding:2px 6px;border-radius:5px}

.result-toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.view-switch{display:inline-flex;border:1px solid var(--border);border-radius:11px;padding:3px;background:var(--surface)}.view-button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:8px 11px;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.view-button.active{background:var(--primary);color:#fff}.view-button:hover:not(.active){background:#eef2ff;color:var(--primary)}
.result-grid.list-view{display:flex;flex-direction:column;gap:12px}.result-grid.list-view .result-card{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(360px,2fr) auto;align-items:center;gap:18px;padding:16px 18px}.result-grid.list-view .card-top{display:block}.result-grid.list-view .card-top .status{margin-top:9px}.result-grid.list-view .muted,.result-grid.list-view .small-text{grid-column:1}.result-grid.list-view .meta{grid-column:2;grid-row:1 / span 3;grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid.list-view .card-actions{grid-column:3;grid-row:1 / span 3;margin-top:0;align-self:center}.result-grid.list-view .card-actions .btn{white-space:nowrap}
@media(max-width:900px){.result-grid.list-view .result-card{grid-template-columns:1fr}.result-grid.list-view .meta,.result-grid.list-view .card-actions,.result-grid.list-view .muted,.result-grid.list-view .small-text{grid-column:1;grid-row:auto}.result-grid.list-view .meta{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid.list-view .card-actions{justify-content:flex-start}.result-toolbar-actions{width:100%;justify-content:space-between}}
@media(max-width:640px){.view-button span{display:none}.result-toolbar-actions{align-items:flex-start}.result-grid.list-view .meta{grid-template-columns:1fr 1fr}}

.check-label{display:flex;align-items:center;gap:10px;align-self:end;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.check-label input{width:auto;margin:0;accent-color:var(--primary)}.check-label span{line-height:1.25}
.data-warning{margin-top:14px;padding:12px;border-radius:10px;background:#fff3df;color:#7a4a00}.result-grid.list-view .meta{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:640px){.result-grid.list-view .meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
