:root{--core:#72A3D7;--bg:#343E46;--link:#9CC0E8;--on-bg:#F2F5F8;--on-bg-muted:#C8D3DE;--ink:#1D2730;--muted:#55616C;--card:#FFFFFF;--line:#D5DCE3;--accent:#2B5F9E;--accent-ink:#14202B;--danger:#A3271F;--alert:#FBE9E6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg) url(/assets/bg.jpg) repeat;color:var(--on-bg);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--link)}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px;max-width:680px;margin:auto}
.brand{font-weight:800;letter-spacing:.14em;text-decoration:none;color:var(--on-bg)}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
main{max-width:680px;margin:auto;padding:16px 16px 48px}
h1{font-size:2rem;line-height:1.2;margin:.5rem 0}
h2{margin-top:2.25rem;font-size:1.2rem}
.lead{font-size:1.1rem;color:var(--on-bg-muted)}
.card{display:block;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
.card a,.card button.link{color:var(--accent)}
label{display:block;font-weight:600;margin:14px 0 6px}
label:first-child{margin-top:0}
input:not([type=checkbox]),textarea{width:100%;padding:12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px}
input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--core);outline-offset:1px}
button,.button{display:inline-block;margin-top:16px;padding:12px 20px;border:1px solid var(--core);border-radius:8px;background:var(--core);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button.ghost,.button.ghost{background:transparent;color:var(--link);border-color:var(--link)}
.card button.ghost{color:var(--accent);border-color:var(--accent)}
button.link{margin:0;padding:0;border:0;background:none;color:var(--link);font-weight:400;text-decoration:underline}
.dangerbtn{background:var(--danger);border-color:var(--danger);color:#fff}
.alert{background:var(--alert);color:var(--ink);border:1px solid var(--danger);padding:12px 16px;border-radius:8px}
.hint,.meta{color:var(--muted);font-size:.9rem}
.mono{font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em}
.code{font-size:1.2rem;margin:0}
.check{display:flex;gap:8px;align-items:center;font-weight:400}
.msg.new{border-left:4px solid var(--core)}
.body{overflow-wrap:anywhere}
.hp{position:absolute;left:-9999px}
summary{cursor:pointer;font-weight:600}
.top.wide,footer.wide{max-width:1120px}
footer{max-width:680px;margin:auto;padding:16px;color:var(--on-bg-muted);font-size:.85rem}
.wide{max-width:1120px}
.card.row{display:flex;justify-content:space-between;gap:16px;text-decoration:none;color:var(--ink);flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 16px}
.toggle{display:flex;align-items:center;gap:12px;margin:10px 0;font-weight:400;cursor:pointer}
.toggle input{appearance:none;width:44px;height:26px;margin:0;flex:none;border-radius:13px;background:var(--line);position:relative;cursor:pointer}
.toggle input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.toggle input:checked{background:var(--core)}
.toggle input:checked::after{left:21px}
.facts{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:4px 16px;margin:0}
.facts dt{color:var(--muted)}
table a{color:var(--accent)}
.card select{color:var(--ink)}
.facts dd{margin:0;overflow-wrap:anywhere}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:var(--card);color:var(--ink);font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
select{width:100%;padding:12px;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:8px}
.inline{display:inline}
.pager a{margin-right:12px}
[hidden]{display:none!important}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:48px}
.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:38px;height:38px;margin:0;padding:8px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted)}
.stack{display:block}
footer{text-align:center}
footer img{display:inline-block;opacity:.9}
footer nav{justify-content:center;margin-top:12px}
.page{overflow-wrap:anywhere}
.page h2{margin-top:1.5rem}
.page h2:first-child{margin-top:0}
main.wide+footer{max-width:1120px}
.page-img{display:block;max-width:100%;height:auto;border-radius:8px}
.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.toolbar button{margin:0;padding:6px 10px;font-weight:400;background:#EEF3F8;border-color:var(--line);color:var(--ink)}
.toolbar select{width:auto;padding:6px 8px}
.editor{min-height:420px;padding:14px;border:1px solid var(--line);border-radius:8px;overflow-x:auto}
.page table{border-collapse:collapse}
.page th,.page td{border:1px solid var(--line)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.tile{background:var(--card);color:var(--ink);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.tile strong{font-size:1.8rem;line-height:1.1}
.tile span{color:var(--muted);font-size:.9rem}
.page ul{padding-left:1.2rem}
.page li{margin:.3rem 0}
.success{background:#E5F5EA;color:#14532D;border:1px solid #2E8B57;padding:12px 16px;border-radius:8px}
.plans input:not([type=checkbox]){padding:8px;min-width:70px}
.plans td{vertical-align:middle}
.plans .toggle{margin:0}
.plans th{white-space:nowrap}
.plan-desc td{padding-top:0}
.plan-desc input:not([type=checkbox]){width:100%}
.pager{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0}
.pager .current{font-weight:700;color:var(--on-bg);text-decoration:none}
table button.link{color:var(--accent)}

fieldset{border:0;margin:0 0 20px;padding:0}
legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:8px}
input[type=radio]{width:auto;padding:0;flex:none;accent-color:var(--accent)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}
.plan-pick{position:relative;margin:0;cursor:pointer;font-weight:400}
.plan-pick input{position:absolute;opacity:0;top:8px;left:8px}
.plan-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 10px;border:2px solid var(--line);border-radius:10px;text-align:center}
.plan-card strong{font-size:1.05rem;color:var(--accent)}
.plan-price{font-weight:700}
.plan-card .meta{font-size:.78rem;line-height:1.3}
.plan-pick input:checked+.plan-card{border-color:var(--accent);background:#EEF4FB;box-shadow:inset 0 0 0 1px var(--accent)}
.plan-pick input:focus-visible+.plan-card{outline:3px solid var(--core);outline-offset:2px}
.addon-grid{gap:0 16px}
.addon-opt{margin:6px 0}
.sum{font-size:1.15rem;margin:16px 0 0}
.flush{margin-top:0}
.address{display:grid;grid-template-columns:3fr 1fr;gap:0 16px}
.agb{align-items:flex-start;margin-top:18px}
.agb input{margin-top:5px;flex:none}
.filters{gap:8px 16px;margin:12px 0}
.filters .current{font-weight:700;color:var(--on-bg);text-decoration:none}
.addon-row tr:last-child td{border-bottom:2px solid var(--line)}
.plan-checks{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-top:8px}
.plan-checks .check{margin:0}
@media(max-width:480px){.address{grid-template-columns:2fr 1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}}
.item-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.item-row img{border-radius:6px;object-fit:cover;flex:none}
.item-text{flex:1;min-width:0;overflow-wrap:anywhere}
.item-row form{flex:none}