:root{color-scheme:dark;--bg:#100e20;--panel:#1b1730;--line:#3b3252;--muted:#c0b5d2;--white:#f9f4ff;--pink:#f5c9e7;--gold:#ffe1a1;--blue:#b7bdfc;font:15px/1.65 "Geist",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#302345 0%,transparent 40rem),var(--bg);color:var(--white)}[hidden]{display:none!important}.shell{width:min(1080px,calc(100% - 40px));margin:auto}.top{border-bottom:1px solid #51416080;background:#100e2088}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:66px}.brand{text-decoration:none;font-weight:800;letter-spacing:.13em;color:var(--white)}.brand span{font-size:23px;color:var(--gold);margin-right:4px}nav{display:flex;gap:24px}a{color:var(--blue)}nav a{color:var(--muted);text-decoration:none;font-size:13px}nav a:hover{color:white}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:324px;display:flex;align-items:center;padding:36px 5%;margin:24px 0 18px;border-radius:24px;border:1px solid #48395f;background:linear-gradient(95deg,#201833 11%,#2e244466 75%),radial-gradient(ellipse at 76% 35%,#5b3f70,#221835 62%)}.hero-copy{z-index:1}.eyebrow{font-family:Geist,system-ui,sans-serif;letter-spacing:.23em;color:var(--gold);font-weight:700;font-size:11px}.hero h1{font-family:"Nanum Myeongjo","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;font-size:clamp(39px,6.4vw,74px);letter-spacing:.065em;line-height:1.18;margin:14px 0}.hero p{margin:0;color:#e5d7eb}.sky{position:absolute;inset:0 0 0 43%;background-image:radial-gradient(circle,#ffe1a1 1px,transparent 1.8px),radial-gradient(circle,#dec5f6 1px,transparent 1.6px);background-size:83px 71px,127px 109px;background-position:19px 14px,6px 43px;mask-image:linear-gradient(to right,transparent,black 32%)}.orbit{position:absolute;left:58%;top:50%;width:270px;height:270px;border:1px solid #f4c9e444;border-radius:50%;transform:translate(-50%,-50%)}.o2{width:224px;height:224px;border-style:dashed}.o3{width:340px;height:104px;transform:translate(-50%,-50%) rotate(-32deg);border-color:#ffe1a185}.star{position:absolute;color:#ffe9b9;text-shadow:0 0 28px #f7c9fc;line-height:1}.main-star{font-size:164px;left:58%;top:50%;transform:translate(-50%,-50%);font-family:serif}.s1{top:17%;left:75%;font-size:30px}.s2{top:67%;left:32%;font-size:21px}.s3{top:76%;left:78%;font-size:18px}.s4{top:20%;left:37%;font-size:26px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:25px}.estimate{background:linear-gradient(152deg,#2b203c,#1c1730 52%);position:sticky;top:16px}.panel h2{font-size:21px;margin:0 0 17px;letter-spacing:.04em}.panel h3{font-size:15px;margin:20px 0 8px}.settings{display:grid;gap:13px}.settings h2{margin:0}label{display:block;font-size:13px;color:var(--muted);font-weight:600}select,input[type=number]{display:block;width:100%;min-height:42px;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:#141024;color:var(--white);font:inherit;font-size:16px;padding:7px 10px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}fieldset{min-width:0;margin:0;border:1px solid var(--line);border-radius:12px;padding:9px 11px 11px}legend{font-size:13px;font-weight:700;color:var(--pink);padding:0 5px}fieldset>label:not(:first-of-type){margin-top:8px}.check{display:flex;gap:7px;align-items:center;margin-top:8px;min-height:28px}.check input{width:17px;height:17px;accent-color:#e6b8e8;flex:none}summary{cursor:pointer;font-size:13px;color:var(--blue);font-weight:600}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr)}.bonus p,.method p,.note,.sim-head p{color:var(--muted);font-size:13px}.total{padding:19px 0 22px;display:grid;border-bottom:1px solid var(--line)}.total strong{color:var(--gold);font-size:clamp(42px,7vw,69px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.12}.total span{color:var(--muted);margin-top:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.metrics>div{background:#141024;border:1px solid var(--line);border-radius:10px;padding:10px}.metrics span,.metrics strong{display:block}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:18px}.pack{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:7px 0;font-size:13px}.pack small{color:var(--muted);display:block}.method{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.note{margin:10px 0 0}
.simulator{margin:18px 0}.sim-head,.sim-controls,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sim-head{justify-content:space-between;margin-bottom:12px}.sim-head h2,.sim-head p{margin:0}.sim-controls{align-items:end}.sim-controls label{flex:1 1 180px}.sim-metrics{grid-template-columns:repeat(3,1fr)}button{border:1px solid #5e4b72;background:#332548;color:var(--white);border-radius:9px;cursor:pointer;font:inherit;font-weight:750;padding:8px 14px;min-height:42px}button:hover:not(:disabled){filter:brightness(1.22)}button:disabled{opacity:.55;cursor:default}button.quiet{font-size:12px;background:transparent}button.primary{background:#efcee9;border-color:#efcee9;color:#21152d}button small{margin-left:7px;font-weight:500}.actions{justify-content:center;margin:14px 0}.results{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;min-height:95px}.results>p{grid-column:1/-1;place-self:center;color:var(--muted);text-align:center}.card{min-width:0;border:1px solid #625d93;background:#222441;padding:8px;border-radius:9px;text-align:center;overflow-wrap:anywhere}.card b,.card small{display:block}.card small{font-size:11px}.card.r5{border-color:#b78d57;background:#3a2b33;color:var(--gold)}.card.r4{border-color:#9b73c4;background:#352449;color:#f2cffa}#history{max-height:300px;overflow:auto;color:var(--muted);font-size:13px}.footer{padding:13px 0 28px;color:var(--muted);display:flex;gap:12px;font-size:12px}.footer span{opacity:.8}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:700px){.calc{grid-template-columns:1fr}.estimate{position:static}.hero{min-height:276px}.sky{opacity:.65;inset:0 0 0 32%}.panel{padding:17px}.results{grid-template-columns:repeat(3,1fr)}.sim-metrics strong{font-size:14px}.wide{display:none}}@media(max-width:390px){.shell{width:calc(100% - 24px)}nav{gap:10px}.hero h1{font-size:37px}.bonus-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.shared-balance{margin:0 0 8px}.pull-breakdown{margin:10px 0 14px;border-left:2px solid var(--line);padding:3px 10px;color:var(--muted);font-size:13px}.pull-breakdown>div{display:flex;justify-content:space-between;gap:10px}.pull-breakdown dd{margin:0;color:var(--white);font-variant-numeric:tabular-nums}
.reset-confirmation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#141024}.reset-confirmation p{flex:1 0 min(100%,270px);margin:0;color:var(--muted);font-size:13px}#reset-feedback:empty{margin:0}#reset-feedback:not(:empty){margin:0 0 12px;color:var(--pink)}
.sim-switches{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sim-switches button[aria-pressed=true]{border-color:var(--pink);color:var(--pink);background:#332548}.simulator .actions{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;padding:8px 0;background:var(--panel)}.simulator .actions button{padding:6px 3px}.simulator .actions small{display:block;margin:0;font-size:11px}.five-summary h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:14px}.five-summary h3 strong{color:var(--gold)}.five-summary p{margin:6px 0 0}.five-summary ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:6px 0 0}.five-summary ul:empty{display:none}.five-summary li{border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--gold);font-size:12px}.simulator .results{max-height:340px;overflow:auto;align-content:start}