.ogs{--ogs-bg:#101d30;--ogs-line:#31445e;--ogs-text:#e5edf9;--ogs-muted:#b1bfd2;color:var(--ogs-text);background:var(--ogs-bg);border:1px solid #273c58;border-radius:18px;overflow:hidden;margin:28px 0;font:14px/1.55 system-ui,sans-serif;color-scheme:dark;box-shadow:0 15px 40px #0c172522}.ogs *{box-sizing:border-box}.ogs [hidden]{display:none!important}.ogs-header{padding:30px 24px;background:radial-gradient(ellipse at top right,#245778 0,transparent 65%),#13253c;border-bottom:1px solid var(--ogs-line)}.ogs-eyebrow{font-size:11px;letter-spacing:.16em;color:#80d9ed;font-weight:750}.ogs h2{color:#fff;margin:12px 0;font-size:clamp(24px,4vw,34px);line-height:1.2}.ogs-header p{margin:10px 0 18px;color:#c5d2e4}.ogs-badge{display:inline-block;border:1px solid #36556e;border-radius:20px;padding:5px 10px;font-size:11px;color:#a9d7e3}.ogs-form,.ogs-results{padding:22px}.ogs-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.ogs button{border:1px solid #4e6886;background:#253d59;color:#eef7ff;font:600 13px system-ui;padding:11px 16px;border-radius:8px;cursor:pointer}.ogs button:hover{background:#365574}.ogs button.ogs-primary{background:#78e0d1;color:#102b2e;border-color:#78e0d1}.ogs button.ogs-secondary{background:transparent}.ogs button:disabled{opacity:.5;cursor:wait}.ogs :focus-visible{outline:3px solid #83e1d4;outline-offset:3px}.ogs-sides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.ogs-side{border:1px solid var(--ogs-line);background:#152338;padding:14px;border-radius:12px;margin:0;min-width:0}.ogs legend{padding:0 8px;color:#8de5dc;font-size:16px;font-weight:750}.ogs-side:nth-child(2) legend{color:#f2bb94}.ogs label{font-weight:500;font-size:12px}.ogs input{width:100%;background:#0b1728;border:1px solid #4b617c;border-radius:6px;padding:8px;color:#f1f7ff;font:14px system-ui;margin:5px 0 10px;min-width:0}.ogs-tech{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ogs h3{color:#f3f7ff;font-size:18px;margin:20px 0 12px}.ogs h4{font-size:15px;color:#f3f7ff;margin:22px 0 12px}.ogs .ogs-unit{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #263a53}.ogs-unit input{margin:0;text-align:right}.ogs-unit-head{display:flex;justify-content:space-between;color:var(--ogs-muted);font-size:11px;padding:7px 0}.ogs details{font-size:12px;color:var(--ogs-muted);margin:12px 0}.ogs summary{cursor:pointer;padding:8px 0;font-weight:650;color:#cddaea}.ogs details p{font-size:12px}.ogs-options{border:1px solid var(--ogs-line);padding:8px 14px;border-radius:9px}.ogs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.ogs .ogs-check{display:flex;align-items:center;gap:8px}.ogs .ogs-check input{width:16px;margin:0}.ogs-help{font-size:12px;color:var(--ogs-muted)}.ogs-status{margin:0 22px 22px;font-size:13px;color:#a8e5dd}.ogs-status.ogs-error{color:#ffb4ab}.ogs progress{display:block;width:calc(100% - 44px);height:8px;margin:0 22px 22px;accent-color:#78e0d1}.ogs-results{border-top:1px solid var(--ogs-line)}.ogs-results>h3{margin-top:0}.ogs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ogs-stat{background:#1c2f49;border:1px solid #36506c;border-radius:10px;padding:14px 12px;overflow-wrap:anywhere}.ogs-stat span{display:block;font-size:11px;color:#c1cee0}.ogs-stat strong{display:block;font-size:clamp(18px,3vw,25px);color:#8de5dc;margin-top:8px}.ogs-scroll{overflow:auto;max-width:100%}.ogs table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.ogs th,.ogs td{padding:10px 8px;text-align:right;border-bottom:1px solid var(--ogs-line)}.ogs th:first-child{text-align:left}.ogs thead{color:#b6c8e1}.ogs tbody th{font-weight:500}.ogs-about{border-top:1px solid var(--ogs-line);padding:10px 22px}.ogs-about a{color:#8bdedc;text-decoration:underline}.ogs-about p{color:#b1bfd2}.ogs-results p{font-size:13px}@media(max-width:620px){.ogs-sides{grid-template-columns:1fr}.ogs-form,.ogs-results{padding:16px}.ogs-stats{grid-template-columns:1fr}.ogs-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.ogs-stat strong{margin:0;font-size:22px}.ogs-header{padding:24px 18px}.ogs-grid{grid-template-columns:1fr}.ogs-status{margin-left:16px;margin-right:16px}}@media(prefers-reduced-motion:no-preference){.ogs button{transition:background .15s ease}}
