/* Monk /account/ v12 — homepage-style shell + quota orbit (A), lookup terminal (B), renewal timeline (C) */
:root{--o:#F97316;--y:#FACC15;--c:#7FD4E8;--g:#22C55E;--r:#F43F5E;--h:#fff;--t:#A1A1AA;--bd:rgba(255,255,255,.08);--tile:rgba(255,255,255,.035);--track:rgba(255,255,255,.08);--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
html:not(.dark){--o:#C2410C;--y:#A16207;--c:#0E7490;--g:#15803D;--r:#BE123C;--h:#18181B;--t:#52525B;--bd:rgba(194,65,12,.16);--tile:rgba(255,255,255,.75);--track:rgba(24,24,27,.08)}
.acc-body{background:#05060A}
html:not(.dark) .acc-body{background:#FBF8F3}
.acc-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.8;background-size:520px 520px;background-image:radial-gradient(1px 1px at 8% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 82%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 46% 14%,rgba(253,224,71,.8) 50%,transparent 51%),radial-gradient(1px 1px at 82% 30%,rgba(127,212,232,.8) 50%,transparent 51%)}
html:not(.dark) .acc-body::before{opacity:.5;background-image:radial-gradient(1px 1px at 8% 20%,rgba(124,45,18,.35) 50%,transparent 51%),radial-gradient(1px 1px at 52% 70%,rgba(124,45,18,.25) 50%,transparent 51%),radial-gradient(1px 1px at 82% 34%,rgba(14,116,144,.3) 50%,transparent 51%)}
.acc-wrap{position:relative;z-index:1;max-width:920px;margin:0 auto;padding-left:16px;padding-right:16px}
@media(min-width:640px){.acc-wrap{padding-left:24px;padding-right:24px}}
.px{font-family:'Silkscreen',ui-monospace,monospace;letter-spacing:.1em}
.acc-k{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--o);text-transform:uppercase}
.acc-k i{width:6px;height:6px;background:var(--g);display:inline-block}
.acc-panel{position:relative;overflow:hidden;border-radius:24px;padding:22px;margin-top:18px;border:1px solid rgba(249,115,22,.22);color:#E7E7EA;
 background:radial-gradient(90% 120% at 12% 40%,rgba(139,92,246,.14),transparent 60%),radial-gradient(80% 120% at 92% 50%,rgba(249,115,22,.13),transparent 60%),#07080B}
html:not(.dark) .acc-panel{color:#27272A;border-color:var(--bd);box-shadow:0 24px 50px -32px rgba(124,45,18,.35);background:radial-gradient(90% 120% at 12% 40%,rgba(139,92,246,.06),transparent 60%),radial-gradient(80% 120% at 92% 50%,rgba(249,115,22,.09),transparent 60%),linear-gradient(180deg,#FFFDF9,#FFF8F0)}
.acc-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(1px 1px at 8% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 80%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 40% 12%,#FDE047 50%,transparent 51%),radial-gradient(1px 1px at 76% 16%,rgba(127,212,232,.9) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 93% 74%,#fff 50%,transparent 51%)}
html:not(.dark) .acc-panel::before{background:radial-gradient(1.2px 1.2px at 8% 20%,rgba(194,65,12,.38) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 40% 12%,rgba(202,138,4,.45) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 76% 16%,rgba(14,116,144,.4) 50%,transparent 51%)}
.acc-panel>*{position:relative}
@media(min-width:640px){.acc-panel{padding:28px}}
.acc-h1{margin:8px 0 6px;font-size:32px;font-weight:900;letter-spacing:-.02em;color:var(--h);line-height:1.15}
@media(min-width:640px){.acc-h1{font-size:40px}}
.acc-h2{margin:6px 0 4px;font-size:20px;font-weight:800;color:var(--h)}
.acc-lead{margin:0;color:var(--t);font-size:14px;line-height:1.7}
.acc-sub{color:var(--t)}
.acc-msg a{color:var(--o);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* B terminal */
.tm{margin-top:16px;border-radius:14px;overflow:hidden;background:#0A0B10;border:1px solid rgba(255,255,255,.1)}
html:not(.dark) .tm{background:#fff;border-color:rgba(24,24,27,.12)}
.tmb{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#11131A;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:11px;color:#71717A}
html:not(.dark) .tmb{background:#F4F4F5;color:#52525B}
.tmb i{width:10px;height:10px;border-radius:50%;background:#F87171}.tmb i:nth-child(2){background:#FBBF24}.tmb i:nth-child(3){background:#4ADE80}
.tmy{font-family:var(--mono);font-size:12.5px;line-height:1.8;padding:12px 14px;min-height:96px;white-space:pre-wrap;word-break:break-all;color:#D4D4D8;margin:0}
html:not(.dark) .tmy{color:#27272A}
.tmy .c{color:#71717A}.tmy .p{color:var(--o)}.tmy .ok{color:var(--g)}.tmy .u{color:var(--y)}.tmy .bad{color:var(--r)}.tmy .kk{color:#A78BFA}html:not(.dark) .tmy .kk{color:#7C3AED}
.tmy .ln{display:block;animation:tmIn .22s ease-out both}
@keyframes tmIn{from{opacity:0;transform:translateY(3px)}}
.cur{display:inline-block;width:7px;height:14px;background:var(--o);vertical-align:-2px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
/* A orbit */
.qa{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;margin-top:14px}
@media(min-width:820px){.qa{grid-template-columns:380px 1fr}}
.orbit{position:relative;width:100%;max-width:360px;aspect-ratio:1/1;margin:0 auto}
.orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring-bg{fill:none;stroke:var(--track);stroke-width:10}
.ring{fill:none;stroke-width:10;stroke-linecap:round;transform-origin:210px 210px;transform:rotate(-90deg)}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:46%}
.orb{width:52px;height:52px;margin:0 auto 6px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#FFF3C4 0,#FDBA4D 22%,#F97316 55%,#7C2D12 100%);box-shadow:0 0 18px rgba(249,115,22,.6),0 0 40px rgba(250,204,21,.25);animation:br 3.5s ease-in-out infinite}
.orb.off{filter:grayscale(1);opacity:.6}
@keyframes br{50%{box-shadow:0 0 26px rgba(249,115,22,.9),0 0 54px rgba(250,204,21,.4)}}
.core b{display:block;font-size:30px;font-weight:900;color:var(--h);line-height:1.1}
.core span{display:block;font-size:12px;color:var(--t)}
.legend{display:grid;gap:8px}
.lg{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 13px;border-radius:14px;background:var(--tile);border:1px solid var(--bd)}
.lg i{width:10px;height:10px;border-radius:50%}
.lg .n{font-size:13px;font-weight:700;color:var(--h)}.lg .n small{display:block;font-weight:500;color:var(--t);font-size:11px;margin-top:2px}
.lg .v{font-family:var(--mono);font-size:13px;color:var(--h);text-align:right;white-space:nowrap}.lg .v small{display:block;font-size:10px;font-weight:700}
.lv-ok{color:var(--g)}.lv-warn{color:var(--y)}.lv-hot{color:var(--r)}
.lg.warn{border-color:rgba(250,204,21,.5)}.lg.hot{border-color:rgba(244,63,94,.55)}
.acc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.acc-chip{font-family:var(--mono);font-size:12px;padding:6px 10px;border-radius:10px;border:1px solid var(--bd);background:var(--tile);color:var(--h)}
.acc-chip b{color:var(--o);font-weight:700}
.acc-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
/* C timeline */
.tl{position:relative;height:118px;margin-top:8px}
.tl .track,.tl .used,.tl .left,.tl .add{position:absolute;top:46px;height:10px;border-radius:10px}
.tl .track{left:0;right:0;background:var(--track)}
.tl .used{left:0;background:rgba(113,113,122,.45);border-radius:10px 0 0 10px}
.tl .left{background:linear-gradient(90deg,#F97316,#FACC15)}
.tl .add{border-radius:0 10px 10px 0;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 10px)}
.tl .mk{position:absolute;top:0;font-size:11px;color:var(--t);white-space:nowrap;transform:translateX(-50%);text-align:center}
.tl .mk b{display:block;font-family:var(--mono);color:var(--h);font-size:12px}
.tl .mk span{position:absolute;top:66px;left:50%;transform:translateX(-50%)}
.tl .mk::after{content:"";position:absolute;left:50%;top:20px;width:2px;height:42px;background:var(--bd)}
.tl .mk.first{transform:none;text-align:left}.tl .mk.first span{left:0;transform:none}.tl .mk.first::after{left:0}
.tl .mk.now b{color:var(--o)}
.tl .plus{position:absolute;top:88px;right:0;font-weight:800;font-size:12.5px;color:var(--c);white-space:nowrap}
.cd{display:flex;gap:8px}
.cd div{flex:1;min-width:64px;text-align:center;padding:10px 6px;border-radius:12px;background:var(--tile);border:1px solid var(--bd)}
.cd b{display:block;font-family:var(--mono);font-size:22px;color:var(--h)}.cd span{font-size:11px;color:var(--t)}
.cd.soon b{color:var(--y)}.cd.gone b{color:var(--t)}
.c2{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px}
@media(min-width:820px){.c2{grid-template-columns:1.3fr 1fr;align-items:center}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){.orb,.cur,.tmy .ln{animation:none}}
#lookup-form{margin-top:20px}