:root{
  --bg:#0f0d0b;--panel:#181410;--panel2:#211a14;--ink:#f3eadc;--muted:#b6aa98;
  --line:#3b2d22;--ember:#d86a2d;--ember2:#f49b55;--gold:#c8a66b;--danger:#a44b3c;
  --shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#24170f 0,transparent 34%),linear-gradient(180deg,#100d0b,#0b0a09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);overflow-x:hidden}.shell{width:min(1080px,calc(100% - 32px));margin:auto;padding:34px 0 70px;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brandmark{width:52px;height:52px;border:1px solid #69432b;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;letter-spacing:.08em;color:var(--gold);background:radial-gradient(circle,#261a12,#15110e);box-shadow:inset 0 0 0 4px #100d0b}.topbar h1{font:600 27px/1 Georgia,serif;margin:2px 0}.eyebrow,.kicker,.smallcaps{font-size:10px;letter-spacing:.24em;color:var(--gold);font-weight:800;margin:0 0 7px}.topbar .eyebrow{margin:0}.ghost{margin-left:auto}.card{background:linear-gradient(145deg,rgba(32,25,19,.96),rgba(21,17,14,.96));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.login-card{width:min(470px,100%);margin:10vh auto 0;padding:34px}.login-card h2,.hero h2{font:500 clamp(28px,5vw,42px)/1.08 Georgia,serif;margin:8px 0 12px}.muted{color:var(--muted);line-height:1.55}label{display:grid;gap:8px;color:#cbbba8;font-size:13px;margin:17px 0}input{width:100%;border:1px solid #493629;background:#100d0b;color:var(--ink);padding:14px 15px;border-radius:10px;outline:none}input:focus{border-color:#8d5632;box-shadow:0 0 0 3px rgba(216,106,45,.12)}button{font:inherit;cursor:pointer}.primary,.ghost,.logout,.text-button{border:0;border-radius:10px;padding:13px 16px}.primary{width:100%;background:linear-gradient(180deg,var(--ember2),var(--ember));color:#170d07;font-weight:900;box-shadow:0 8px 24px rgba(216,106,45,.16)}.primary:disabled{filter:grayscale(1);opacity:.36;cursor:not-allowed}.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.text-button{background:transparent;color:#c99a72;width:100%;margin-top:8px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hero h2{font-size:34px}.badge{white-space:nowrap;border:1px solid #356946;background:#142119;color:#8ed4a2;padding:9px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}.badge.expired{border-color:#693e36;background:#251512;color:#dc8c7c}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.card h3{font:500 25px/1.2 Georgia,serif;margin:2px 0 10px}.status{font-size:11px;border:1px solid #4b3d31;border-radius:999px;padding:7px 9px;color:#9e9182;display:flex;gap:6px;align-items:center;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#6f6257}.status.online{border-color:#78452a;color:#ffb273;background:#28160d}.status.online i{background:#ff7a2f;box-shadow:0 0 12px #ff7a2f}.card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{border:1px solid #4a3527;background:#130f0c;border-radius:10px;padding:12px;color:#e5d3c0;text-align:left}.slot strong{display:block;color:#f1e7da}.slot small{color:#9e8f7f}.slot:disabled{opacity:.3;cursor:not-allowed}.path-item{display:flex;gap:13px;padding:13px 0;border-top:1px solid rgba(73,54,41,.7)}.path-item span{color:var(--ember);font:500 18px Georgia,serif}.path-item strong,.path-item small{display:block}.path-item small{color:var(--muted);margin-top:3px}.resource{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);text-align:left}.resource b{color:var(--ember)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0}.switch-row small{display:block;color:var(--muted);margin-top:4px}.switch-row input{display:none}.switch{width:50px;height:28px;background:#3b3028;border-radius:999px;position:relative;transition:.2s}.switch:after{content:"";width:22px;height:22px;border-radius:50%;background:#998879;position:absolute;left:3px;top:3px;transition:.2s}.switch-row input:checked+.switch{background:#7a3b1a}.switch-row input:checked+.switch:after{transform:translateX(22px);background:#ff9658}.locked{border-color:#5b3027;margin-bottom:18px}.logout{display:block;margin:24px auto 0;background:transparent;color:#8e8175}.hidden{display:none!important}.ember{position:fixed;border-radius:50%;filter:blur(70px);opacity:.13;pointer-events:none}.ember-one{width:360px;height:360px;background:#d35d25;right:-120px;top:13vh}.ember-two{width:250px;height:250px;background:#d18a38;left:-80px;bottom:8vh}dialog{border:0;background:transparent;padding:0;color:var(--ink)}dialog::backdrop{background:rgba(4,3,3,.72);backdrop-filter:blur(7px)}.modal-card{width:min(430px,calc(100vw - 34px));background:#18130f;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.modal-card h3{font:500 30px Georgia,serif;margin:7px 0}.modal-card .primary{margin-top:10px}.connection-duration{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 11px;padding:0;border:0}.connection-duration legend{grid-column:1/-1;margin-bottom:7px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.connection-duration button{display:grid;gap:3px;padding:11px 12px;border:1px solid #4a3527;border-radius:10px;background:#130f0c;color:var(--ink);text-align:left}.connection-duration button[aria-pressed="true"]{border-color:var(--ember);background:#29160d;box-shadow:0 0 0 2px rgba(216,106,45,.12)}.connection-duration button:disabled{opacity:.45;cursor:not-allowed}.connection-duration strong{font-size:12px}.connection-duration small{color:var(--muted);font-size:10px}@media(max-width:760px){.shell{width:min(100% - 22px,1080px);padding-top:18px}.topbar h1{font-size:23px}.topbar .eyebrow{font-size:8px}.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.slots{grid-template-columns:1fr}.ghost{font-size:11px;padding:9px 10px}.admin-card{order:4}}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top)}}