:root{color-scheme:dark;--bg:#0c101a;--fg:#edf1ec;--muted:#a1adbd;--line:#2c3544;--mint:#a4f3d0;--pink:#edaada}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:32px 5vw 60px}nav{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;font-size:12px;letter-spacing:.15em}nav strong{letter-spacing:.22em}.tag{color:var(--mint)}.intro{max-width:810px;margin:42px 0 30px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--muted)}h1{font-size:clamp(40px,5.8vw,78px);line-height:1.06;font-weight:500;letter-spacing:-.06em;margin:16px 0 20px}h1 em{font-style:normal;color:var(--mint)}.intro p{max-width:660px;color:var(--muted);font-size:18px}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:22px}.world{background:radial-gradient(ellipse at 50% 50%,#192336,#101622 70%);border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}.world-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0;gap:12px}.world h2{font-weight:500;font-size:18px;margin:0}.world small{color:var(--muted)}canvas{width:100%;height:300px;display:block}.metric{display:flex;align-items:baseline;gap:10px;padding:0 24px 22px}.metric strong{font-size:40px;font-weight:500;letter-spacing:-.06em}.metric span{color:var(--muted);font-size:14px}.control{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}.control label{display:block}input{width:100%;accent-color:var(--mint);margin:15px 0;min-height:30px}.ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}button{font:inherit;background:#171f2c;color:var(--fg);border:1px solid #475369;border-radius:9px;padding:11px 16px;cursor:pointer;min-height:44px}button:hover{background:#263246}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button.selected{border-color:var(--mint);color:var(--mint)}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.result{border-top:1px solid var(--line);padding-top:24px;margin-top:8px;max-width:850px}.result h2{font-size:26px;font-weight:500;line-height:1.3;margin:0 0 12px}.result p{color:var(--muted)}details{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;min-height:44px}.detail{max-width:850px;color:var(--muted)}a{color:var(--mint)}footer{margin-top:35px;color:var(--muted);font-size:12px}.status{font-size:13px;color:var(--muted);min-height:24px}.compare{color:var(--pink)}@media(max-width:700px){main{padding:22px 20px 40px}.intro{margin-top:30px}.worlds,.control{grid-template-columns:1fr}.worlds{gap:16px}canvas{height:255px}.world-head{padding:18px 18px 0}.metric{padding:0 18px 16px}nav{font-size:10px}.intro p{font-size:16px}.control{gap:20px}h1{letter-spacing:-.045em}}

html.embedded main{padding:18px 20px 30px}html.embedded .intro{margin:20px 0}html.embedded h1{font-size:clamp(28px,4.5vw,48px)}html.embedded nav{padding-bottom:12px}html.embedded canvas{height:235px}html.embedded .intro p{font-size:16px}html.embedded .eyebrow{display:none}html.embedded .control{margin:18px 0;gap:16px}html.embedded .result h2{font-size:22px}html.embedded .metric strong{font-size:32px}html.embedded footer{margin-top:15px}html.embedded details{margin-top:18px}@media(max-width:700px){html.embedded .world-head h2{font-size:16px}html.embedded .world-head small{display:none}}