:root{color-scheme:dark;--bg:#10151d;--panel:#19212d;--line:#2c3747;--muted:#a7b2c3;--gold:#f6b44e;--green:#83d7bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1f7;font:15px/1.6 system-ui,"Malgun Gothic",sans-serif}main{max-width:1240px;margin:auto;padding:32px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold)}h1{margin:5px 0;font-size:27px;letter-spacing:-1px}h1 small{font-size:12px;background:#2d3542;border-radius:5px;padding:4px 7px;vertical-align:middle;color:var(--muted)}h2{font-size:18px;margin:0 0 17px}h3{font-size:16px}.muted,footer{color:var(--muted);font-size:13px}.payment{display:flex;flex-wrap:wrap;gap:24px;border:1px solid var(--line);padding:15px 22px;border-radius:12px;background:#151d28}.payment span{margin-left:auto}.payment b,.payment strong{color:var(--gold)}input,select,textarea,button{font:inherit}input[type=number],select,textarea{background:#111823;color:#edf1f7;border:1px solid #465369;border-radius:7px;padding:9px 11px;width:100%}input[type=checkbox]{accent-color:var(--gold);width:17px;height:17px;vertical-align:middle}button{border:1px solid var(--line);background:#232e3e;color:#e8eef6;border-radius:8px;padding:9px 14px;cursor:pointer}button:hover{border-color:var(--gold)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}nav{display:flex;gap:5px;margin:25px 0;border-bottom:1px solid var(--line)}nav button{border:0;border-radius:0;background:none;padding:12px 19px;color:var(--muted)}nav .active{color:var(--gold);border-bottom:2px solid var(--gold)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px;margin-bottom:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.inputs label,.field{display:block;color:var(--muted);font-size:13px}.inputs input,.field input,.field select{margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.stats div{font-size:13px;color:var(--muted)}.stats strong{display:block;font-size:29px;color:#fff;line-height:1.7}.stats .accent{color:var(--gold)}.row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.row .field{flex:1;min-width:130px}.result{border-top:3px solid var(--gold)}.result.opt{border-top-color:var(--green)}.amount{font-size:32px;font-weight:750;margin:9px 0}.opt .amount{color:var(--green)}.tag{display:inline-block;color:var(--gold);background:#3d3020;border-radius:5px;padding:2px 8px;font-size:11px}.opt .tag{color:var(--green);background:#243b36}ul{padding-left:19px}li{margin-bottom:5px}.balance{background:#111923;border-radius:9px;padding:14px;font-size:13px}.notice{color:#e5c994;background:#30291e;border:1px solid #53422b;border-radius:9px;padding:13px 16px;font-size:13px;margin-bottom:18px}.error{color:#ffb4b4;background:#3b2328;padding:16px;border-radius:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid var(--line)}td:first-child{font-weight:600}td input[type=number]{width:65px;padding:5px}.unavailable{opacity:.5}.price{color:var(--gold);font-weight:700}.cycle{font-size:11px;color:var(--muted)}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.topline h2{margin:0}.topline select{width:auto}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}details summary{cursor:pointer;color:var(--gold)}textarea{height:260px;margin:15px 0;font:12px/1.6 monospace}footer{margin:24px 0} .comparison{border:1px solid #315449;background:#172b26;padding:15px;border-radius:9px;margin-bottom:18px} @media(max-width:760px){main{padding:20px 14px}header{align-items:flex-start;gap:10px}header .muted{max-width:90px}h1{font-size:22px}.payment{gap:10px 20px}.payment span{margin-left:0;width:100%}nav button{font-size:13px;padding:11px 9px}.grid,.settings-grid{grid-template-columns:1fr}.inputs{grid-template-columns:1fr 1fr}.stats strong{font-size:23px}.panel{padding:18px}.amount{font-size:28px}}
input[type=date],input[type=datetime-local],input[type=time]{background:#111823;color:#edf1f7;border:1px solid #465369;border-radius:7px;padding:9px 11px;width:100%;margin-top:6px;min-width:0}.schedule{margin-bottom:12px}.deadline>.grid{margin-bottom:16px}

.product-edit form{display:grid;gap:8px;width:230px;padding-top:10px;white-space:normal}.product-edit label{font-size:12px;color:var(--muted)}.product-edit input{width:100%;background:#111823;color:#edf1f7;border:1px solid #465369;border-radius:7px;padding:6px}.product-edit{margin-top:8px}td select{min-width:95px}

.purchase-details summary{cursor:pointer;color:var(--accent,#e8b34d);padding:12px 0}.purchase-details[open] summary{margin-bottom:12px}

.purchase-group{margin:16px 0}.purchase-group h3{font-size:14px;color:var(--gold);margin:0 0 5px}.purchase-table{white-space:normal;table-layout:fixed}.purchase-table th,.purchase-table td{padding:8px 10px}.purchase-table th:first-child{width:55%}.purchase-table th:nth-child(2){width:15%}.purchase-table th:last-child{width:30%}.purchase-table td:nth-child(2),.purchase-table th:nth-child(2){text-align:center}.purchase-table td:last-child,.purchase-table th:last-child{text-align:right}.purchase-period{padding:16px;background:#111923;border-radius:9px;margin:14px 0}.period-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.period-heading h3{margin:0}.period-heading b{font-size:13px;color:var(--green)}

.efficiency-category{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.efficiency-category>h2{margin-bottom:10px}.efficiency-category>h3{color:var(--gold);margin:20px 0 6px}

.product-tabs{display:flex;gap:8px;margin:15px 0}.product-tabs [aria-selected=true]{color:var(--gold);border-color:var(--gold)}.double-actions{margin:10px 0}

.spirit-buttons{display:flex;gap:8px;flex-wrap:wrap}.spirit-buttons button{color:var(--muted)}.spirit-drop[aria-pressed=true]{background:#39244d;border-color:#bd88ef;color:#e5c6ff}.spirit-battle[aria-pressed=true]{background:#45371a;border-color:#f4cb54;color:#ffe49a}.availability-filter{display:block;margin:16px 0}.ranking-table td:nth-child(2){font-weight:600}@media(max-width:760px){.topline{flex-wrap:wrap}.spirit-buttons button{font-size:12px;padding:8px 10px}}

.purchase-switch{display:flex;gap:8px;flex-wrap:wrap}.purchase-switch [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}button:disabled{opacity:.4;cursor:default}.recommendation-grid{align-items:start}

@media(min-width:761px){.recommendation-grid{align-items:stretch;grid-template-rows:auto auto}.recommendation-grid>.result{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}.result-heading{padding-bottom:12px}.recommendation-grid .purchase-details{align-self:start}}@media(max-width:760px){.recommendation-grid>.result{display:block}}