@font-face{font-family:"Chakra Petch";font-weight:600;font-display:swap;src:url(/static/fonts/chakra-petch-600.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-weight:700;font-display:swap;src:url(/static/fonts/chakra-petch-700.woff2) format("woff2")}
/* Páginas Nexus: coluna única estilo link-in-bio, moldura HUD roxa igual à dos painéis.
   Para trocar a cor de destaque da marca, edite --acc. */
:root{--bg:#0b0719;--card:#130d2b;--card2:#1a1238;--line:#2e2160;--fg:#f5f3ff;--mut:#a79ccf;--acc:#8b5cf6;--acc2:#c4b5fd;--ok:#86efac;
 --display:"Chakra Petch",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);font:16px/1.5 var(--body);padding:24px 16px 48px;
 background:radial-gradient(90% 40% at 12% 0,rgba(124,58,237,.35),transparent 70%),linear-gradient(rgba(167,139,250,.06) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(167,139,250,.06) 1px,transparent 1px) 0 0/20px 20px,var(--bg)}
.col{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
nav.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
nav.tabs a{font:600 11px var(--display);letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);text-decoration:none;padding:7px 11px;border:1px solid var(--line);background:var(--card);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
nav.tabs a[aria-current=page]{background:var(--acc);border-color:var(--acc);color:#fff}
nav.tabs a:hover{color:#fff}
a:focus-visible,button:focus-visible{outline:2px solid var(--acc2);outline-offset:3px}
header.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 6px}
.mark{width:84px;height:84px;position:relative;color:var(--acc);filter:drop-shadow(0 0 6px currentColor)}
.mark svg{width:100%;height:100%}
.tag{font:700 10px var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--acc2)}
h1{margin:0;font:700 clamp(28px,9vw,38px)/1.05 var(--display);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 12px rgba(167,139,250,.7),0 0 26px rgba(124,58,237,.5);text-wrap:balance}
.lede{margin:0;color:var(--mut);max-width:38ch;text-wrap:balance}
.card{background:var(--card);border:1px solid var(--line);padding:16px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);display:flex;flex-direction:column;gap:12px}
.card h2{margin:0;font:700 12px var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--acc2)}
.btn{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--fg);background:var(--card2);border:1px solid var(--line);padding:14px 16px;min-height:60px;cursor:pointer;text-align:left;width:100%;font:inherit;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background .15s,border-color .15s}
.btn:hover{background:#241a4d;border-color:var(--acc)}
.btn .ic{width:34px;height:34px;flex:none;color:var(--acc2)}
.btn .t{display:flex;flex-direction:column;min-width:0;flex:1}
.btn b{font:700 14px var(--display);letter-spacing:1.4px;text-transform:uppercase}
.btn small{color:var(--mut);font-size:13px;overflow-wrap:anywhere}
.btn .go{color:var(--mut);font:600 12px var(--display);letter-spacing:1px;text-transform:uppercase;flex:none}
.btn.pri{background:var(--acc);border-color:var(--acc)}.btn.pri small,.btn.pri .go,.btn.pri .ic{color:#fff}
dl.spec{margin:0;display:flex;flex-direction:column}
dl.spec div{display:flex;gap:14px;justify-content:space-between;align-items:baseline;padding:11px 0;border-top:1px solid var(--line)}
dl.spec div:first-child{border-top:0}
dl.spec dt{font:600 11px var(--display);letter-spacing:1.6px;text-transform:uppercase;color:var(--acc2);flex:none}
dl.spec dd{margin:0;text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
ul.plain{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
ul.plain li{display:flex;gap:10px}ul.plain li::before{content:"";flex:none;width:7px;height:7px;margin-top:9px;background:var(--acc);box-shadow:0 0 6px var(--acc)}
.week{display:flex;flex-direction:column;gap:6px}
.day{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--card2);font:600 13px var(--display);letter-spacing:1.2px;text-transform:uppercase}
.day span:last-child{font-variant-numeric:tabular-nums;color:var(--ok)}
.day.off{opacity:.55}.day.off span:last-child{color:var(--mut)}
.day.today{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}
.next{display:flex;flex-direction:column;gap:2px}.next b{font:700 22px var(--display);letter-spacing:1.5px;text-transform:uppercase}.next small{color:var(--mut)}
.note{color:var(--mut);font-size:13px;margin:0}
footer{text-align:center;color:var(--mut);font:600 10px var(--display);letter-spacing:2px;text-transform:uppercase;padding-top:6px}
footer a{color:var(--acc2);text-decoration:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--acc);color:#fff;font:700 12px var(--display);letter-spacing:1.4px;text-transform:uppercase;padding:10px 16px;opacity:0;pointer-events:none;transition:opacity .2s}
.toast.on{opacity:1}
@media(prefers-reduced-motion:no-preference){.mark .spin{transform-origin:42px 42px;animation:sp 12s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}}
@media(prefers-reduced-motion:no-preference){#view.in{animation:fadein .22s ease}@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
#view{display:flex;flex-direction:column;gap:14px}

dl.cmds dt{text-transform:none;letter-spacing:.3px;font:700 14px ui-monospace,monospace}
.faq{display:flex;flex-direction:column}
.faq details{border-top:1px solid var(--line);padding:11px 0}.faq details:first-child{border-top:0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;gap:10px;justify-content:space-between;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--acc2);font:700 18px var(--display);flex:none}
.faq details[open] summary::after{content:"–"}
.faq p{margin:8px 0 0;color:var(--mut);line-height:1.5}