@font-face{font-family:Oxanium;src:url('assets/fonts/oxanium-latin.woff2') format('woff2');font-weight:500 800;font-display:swap}@font-face{font-family:Oxanium;src:url('assets/fonts/oxanium-latin-ext.woff2') format('woff2');font-weight:500 800;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2000-206F}
/* Shared palette: neutral metal surfaces; crimson is reserved for actions and selection. */
:root{
 color-scheme:dark;
 --color-page:#090b0f;
 --color-panel:#15191f;
 --color-panel-deep:#101419;
 --color-panel-top:#1c2229;
 --color-control:#171c23;
 --color-control-selected:#2a3039;
 --color-metal-top:#303740;
 --color-metal-mid:#252b33;
 --color-metal-low:#0d1015;
 --color-metal-edge:#65717f;
 --color-metal-highlight:#b4becb;
 --color-border:#414953;
 --color-border-soft:#2d343e;
 --color-border-faint:#41495333;
 --color-border-dim:#41495366;
 --color-border-seam:#41495344;
 --color-text:#eceff3;
 --color-soft:#c8cfd7;
 --color-secondary:#a0a8b3;
 --color-dim:#7f8a98;
 --color-accent:#d93240;
 --color-accent-bright:#f05b65;
 --color-accent-deep:#951e2a;
 --color-accent-fill:#be2b38;
 --color-on-accent:#ffffff;
 --color-accent-glow:#d9324033;
 --color-accent-faint:#d932401a;
 --color-ambient:#d932400a;
 --color-warning:#e1af66;
 --text:var(--color-text);
 --muted:var(--color-secondary);
 --red:var(--color-accent);
 --bg:var(--color-page);
 --line:var(--color-border);
 --font-display:Oxanium,'Segoe UI',sans-serif;
 --display:var(--font-display)
}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100svh;color:var(--text);font:13px/1.6 'Segoe UI',system-ui,sans-serif;background:radial-gradient(ellipse at 50% 22%,var(--color-ambient),transparent 47%),repeating-linear-gradient(125deg,#ffffff01 0 1px,transparent 1px 5px),var(--color-page);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 0 20%,#ffffff02 20.1% 20.2%,transparent 20.3%),linear-gradient(240deg,transparent 0 20%,#ffffff02 20.1% 20.2%,transparent 20.3%)}body.modal-open{overflow:hidden}button,select{font:inherit;cursor:pointer;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:5px}h1,h2,p,figure{margin:0}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.utility{position:absolute;inset:0 0 auto;height:42px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--color-dim);font-size:8px;letter-spacing:.12em}.utility>span{display:flex;align-items:center;gap:10px}.utility i{width:3px;height:3px;background:var(--color-accent)}.portal{width:min(940px,calc(100% - 40px));margin:auto;padding-top:35px;display:flex;flex-direction:column;align-items:center}.identity{text-align:center}.emblem-stage{--tilt-x:0deg;--tilt-y:0deg;position:relative;width:330px;height:180px;border:0;background:transparent;padding:0;display:block;margin:0 auto;perspective:800px;isolation:isolate}.emblem-float{position:absolute;inset:0;animation:levitate 7s ease-in-out 1.8s infinite}.emblem-tilt{position:absolute;inset:0;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease;transform-style:preserve-3d}.logo,.logo-outline,.logo-sheen{position:absolute;width:280px;height:280px;left:50%;top:-38px;transform:translateX(-50%);pointer-events:none}.logo{z-index:2;object-fit:contain;filter:drop-shadow(0 10px 15px #000b) drop-shadow(0 0 15px #c720281c)}.logo-outline{z-index:1;opacity:0;filter:brightness(0) drop-shadow(1px 0 #fd505f) drop-shadow(-1px 0 #ee3749) drop-shadow(0 1px #ee3749)}.logo-sheen{z-index:3;opacity:0;background:linear-gradient(115deg,transparent 35%,#ff807244 45%,#ffe0bdcc 50%,transparent 56%);background-size:350% 100%;background-position:100% 0;mask:url('assets/brand/emblem.png') center/contain no-repeat;mix-blend-mode:screen}.aura{position:absolute;inset:10px 10px -25px;border-radius:50%;background:radial-gradient(ellipse,#cc263331,transparent 63%);filter:blur(16px);animation:aura 7s ease-in-out infinite}.halo{position:absolute;width:330px;height:210px;top:0;left:0;fill:none;stroke:#d44b5824;stroke-width:.7;filter:drop-shadow(0 0 4px #b72c3633)}.igniting .logo{animation:ignite 1.45s cubic-bezier(.2,.8,.3,1) both}.igniting .logo-outline{animation:trace 1.3s ease both}.igniting .logo-sheen{animation:sheen 1.5s ease .3s both}.igniting .halo path{stroke-dasharray:1200;animation:trace-path 1.8s ease both}.identity h1{font:600 31px/1.15 var(--font-display);letter-spacing:-.055em;color:var(--color-text);margin-top:5px;text-shadow:0 2px 15px #000}.identity h1 span{color:var(--color-soft)}.identity-language{display:flex;justify-content:center;margin-top:10px}.identity-language select{min-height:28px;padding:4px 9px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-control);color:var(--color-soft);font-size:11px;line-height:1.4}.identity-language select:hover{border-color:var(--color-metal-edge)}.identity-language select option{background:var(--color-control);color:var(--color-text)}.main-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:min(650px,100%);margin-top:25px}.metal-tab{position:relative;border:0;background:none;min-width:0;height:58px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:13px;isolation:isolate;color:var(--color-secondary);transition:color .2s,filter .2s;filter:drop-shadow(0 8px 8px #0007)}.metal-tab:before,.metal-tab:after{content:'';position:absolute;inset:0;z-index:-2;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}.metal-tab:before{background:linear-gradient(160deg,var(--color-metal-edge),var(--color-metal-mid) 40%,var(--color-metal-edge) 60%,var(--color-metal-low))}.metal-tab:after{inset:1px;z-index:-1;background:linear-gradient(180deg,var(--color-panel-top),var(--color-control) 48%,var(--color-metal-low) 50%,var(--color-panel))}.metal-tab>span{font:550 15px/1 var(--font-display);letter-spacing:.015em}.metal-tab>.icon{width:21px;height:21px;color:var(--color-soft);filter:drop-shadow(0 1px 1px #000)}.metal-tab i{position:absolute;bottom:7px;width:20px;height:1px;background:var(--color-border-soft);opacity:.45}.metal-tab:hover{color:var(--color-text);filter:drop-shadow(0 5px 13px var(--color-accent-glow))}.metal-tab:hover:before{background:linear-gradient(150deg,var(--color-metal-highlight),var(--color-border) 45%,var(--color-metal-edge))}.metal-tab[aria-selected=true]{color:var(--color-text);filter:drop-shadow(0 7px 12px var(--color-accent-glow))}.metal-tab[aria-selected=true]:before{background:linear-gradient(150deg,var(--color-accent-bright),var(--color-accent-deep) 50%,var(--color-accent))}.metal-tab[aria-selected=true]:after{background:linear-gradient(180deg,var(--color-panel-top),var(--color-control) 48%,var(--color-metal-low) 50%,var(--color-metal-top))}.metal-tab[aria-selected=true]>.icon{color:var(--color-soft)}.metal-tab[aria-selected=true] i{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent);opacity:1}.content-shell{width:min(780px,100%);position:relative;isolation:isolate;margin-top:22px;filter:drop-shadow(0 15px 30px #0006)}.shell-metal{position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,var(--color-border-dim),var(--color-border-seam) 35%,var(--color-border-dim) 80%,var(--color-border-dim));clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.shell-metal:after{content:'';position:absolute;inset:1px;background:radial-gradient(ellipse at 50% 0,var(--color-ambient),transparent 60%),linear-gradient(140deg,var(--color-panel),var(--color-panel-deep));clip-path:inherit}.panel{padding:17px 26px 15px;min-height:371px;animation:panel-in .25s ease both}.screenshot-slider{position:relative;display:flex;align-items:center;justify-content:center;height:255px}.slide{width:100%;height:100%;display:grid;justify-items:center;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding-inline:43px}.screenshot-button{position:relative;min-height:0;width:100%;padding:0;border:0;background:none;display:grid;place-items:center}.screenshot-button img{height:100%;width:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 8px 12px #0006)}.enlarge-icon{position:absolute;bottom:5px;right:3px;width:15px;height:15px;color:var(--color-secondary);opacity:0;transition:opacity .2s}.screenshot-button:hover .enlarge-icon,.screenshot-button:focus-visible .enlarge-icon{opacity:1}.slide figcaption{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;font-size:10px;line-height:1.6}.slide figcaption strong{font:550 15px/1.2 var(--font-display);color:var(--color-text)}.slide figcaption>span{font-size:10px;color:var(--color-secondary)}.slide-arrow{position:absolute;top:calc(50% - 26px);width:35px;height:43px;border:1px solid var(--color-border-dim);background:linear-gradient(180deg,var(--color-panel-top),var(--color-panel-deep));clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);display:grid;place-items:center;padding:5px;color:var(--color-secondary);transition:color .2s,background .2s}.slide-arrow:hover{background:var(--color-control-selected);color:var(--color-text)}.slide-arrow.previous{left:0}.previous .icon{transform:rotate(180deg)}.slide-arrow.next{right:0}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:12px}.slider-dots button{width:6px;height:6px;padding:0;border:1px solid var(--color-border);background:var(--color-border-soft);transform:rotate(45deg);transition:background .2s,box-shadow .2s}.slider-dots button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent-bright);box-shadow:0 0 8px var(--color-accent-glow)}.dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding-top:13px;border-top:1px solid var(--color-border-faint)}.image-provenance{font-size:8px;color:var(--color-dim)}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 15px;min-height:35px;border:1px solid var(--color-accent);border-radius:3px;background:linear-gradient(var(--color-accent-fill),var(--color-accent-deep));color:var(--color-on-accent);font-size:10px;font-weight:550;line-height:1.4;white-space:nowrap}.download-button:hover{background:linear-gradient(var(--color-accent),var(--color-accent-deep));border-color:var(--color-accent-bright)}.download-button .icon{width:13px;height:13px}.panel-heading{text-align:center;margin:9px 0 22px}.panel-heading>span{font-size:8px;letter-spacing:.18em;color:var(--color-secondary)}.panel-heading h2{font:550 23px/1.25 var(--font-display);margin-top:8px;letter-spacing:-.03em;color:var(--color-text)}.tutorial-panel{padding:22px 52px}.guide-row{display:flex;align-items:center;gap:20px;padding:21px 16px;border-top:1px solid var(--color-border-seam)}.guide-row:hover{background:var(--color-accent-faint)}.guide-row>b{font:500 11px var(--font-display);color:var(--color-secondary)}.guide-row>span{display:grid;gap:4px}.guide-row strong{font:550 18px var(--font-display);color:var(--color-text)}.guide-row small{font-size:11px;color:var(--color-secondary)}.guide-row>.icon{width:17px;height:17px;margin-left:auto;color:var(--color-secondary)}.tutorial-support{display:block;text-align:center;font-size:9px;color:var(--color-secondary);margin-top:18px}.membership-panel{padding:23px 38px}.membership-layout{display:grid;grid-template-columns:1fr .75fr;gap:30px;margin-top:25px}.field-label{display:block;color:var(--color-secondary);font-size:9px;margin-bottom:7px}.gateway-options,.duration-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:17px}.gateway-options button,.duration-options button{padding:9px 7px;border:1px solid var(--color-border);background:var(--color-control);color:var(--color-secondary);border-radius:3px;font-size:10px}.gateway-options button{display:flex;justify-content:space-between;gap:10px;padding:10px}.gateway-options small{font-size:8px;color:var(--color-secondary)}.gateway-options [aria-pressed=true],.duration-options [aria-pressed=true]{background:var(--color-control-selected);border-color:var(--color-accent);color:var(--color-text)}.duration-options{grid-template-columns:repeat(4,1fr);gap:5px}.duration-options button{font-size:9px;padding-inline:2px;white-space:nowrap}.plan-total{border-left:1px solid var(--color-border-faint);padding-left:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.plan-total>strong{font:550 43px/1.1 var(--font-display);letter-spacing:-.055em;color:var(--color-text)}.plan-total>span{font-size:10px;color:var(--color-secondary);margin-top:6px}.plan-total .download-button{margin-top:23px;width:100%}.pricing-note{text-align:center;color:var(--color-dim);font-size:8px;margin-top:18px}footer{display:flex;align-items:center;justify-content:center;gap:25px;min-height:44px;font-size:8px;color:var(--color-dim)}footer a{color:var(--color-dim)}.guide-dialog,.membership-dialog,.image-dialog{padding:0;border:1px solid var(--color-border);border-radius:6px;background:var(--color-panel);color:var(--color-text);box-shadow:0 30px 90px #000b;max-height:calc(100svh - 40px);overflow:auto}.guide-dialog::backdrop,.membership-dialog::backdrop,.image-dialog::backdrop{background:#050307ed;backdrop-filter:blur(9px)}.guide-dialog{width:min(1100px,calc(100vw - 35px));max-width:calc(100vw - 20px)}.dialog-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px;background:var(--color-panel-top);border-bottom:1px solid var(--color-border);font:550 13px var(--font-display)}.close-button{width:30px;height:30px;border:1px solid var(--color-border);background:var(--color-control-selected);display:grid;place-items:center;border-radius:3px;padding:5px}.close-button .icon{width:16px;height:16px}#guide-content{padding:28px;--display:var(--font-display);--muted:var(--color-secondary);--red:var(--color-accent);--line:#63374f;--bg:var(--color-panel)}#guide-content .lesson-top{padding-top:0}.membership-dialog{width:min(430px,calc(100vw - 30px));padding:30px}.membership-dialog>.close-button{position:absolute;top:12px;right:12px}.dialog-eyebrow{font-size:8px;letter-spacing:.16em;color:var(--color-secondary);display:block;margin-top:15px}.membership-dialog h2{font:550 27px var(--font-display);margin-top:12px}.membership-dialog>p{font-size:11px;color:var(--color-secondary);margin:20px 0}.membership-dialog>.download-button{width:100%}#membership-review{display:grid;gap:10px;margin-top:20px;border-block:1px solid var(--color-border);padding-block:18px;font-size:12px}#membership-review>div{display:flex;justify-content:space-between;gap:15px}#membership-review span{color:var(--color-secondary)}#membership-review strong{font-weight:550}.image-dialog{width:min(var(--image-dialog-width,850px),calc(100vw - 25px))}.image-dialog>img{display:block;width:auto;height:auto;max-width:calc(100% - 32px);max-height:calc(100svh - 140px);object-fit:contain;margin:22px auto}.image-dialog>p{text-align:center;font-size:9px;color:var(--color-secondary);padding:0 15px 18px}
@keyframes ignite{0%{opacity:0;filter:brightness(.05) saturate(.2);transform:translateX(-50%) scale(.97)}25%{opacity:1;filter:brightness(.12) saturate(.5)}58%{filter:brightness(.38) saturate(.7)}70%{filter:brightness(1.7) saturate(1.1) drop-shadow(0 0 15px #ff293e66)}82%{filter:brightness(.85) drop-shadow(0 0 9px #ef223044)}100%{opacity:1;filter:brightness(1) drop-shadow(0 10px 15px #000b) drop-shadow(0 0 15px #c7202822);transform:translateX(-50%) scale(1)}}@keyframes trace{0%{opacity:0}35%{opacity:.9}70%{opacity:.6}100%{opacity:0}}@keyframes sheen{0%{opacity:0;background-position:100% 0}20%{opacity:.75}85%{opacity:.4}100%{opacity:0;background-position:0 0}}@keyframes trace-path{from{stroke-dashoffset:1200;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes aura{0%,100%{opacity:.55}50%{opacity:.9}}@keyframes panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-height:900px) and (min-width:651px){.emblem-stage{height:220px}.logo,.logo-outline,.logo-sheen{width:340px;height:340px;top:-43px}.halo{height:240px}.screenshot-slider{height:290px}.panel{min-height:406px}.portal{padding-top:35px}}
@media(max-width:650px){.utility{height:35px;padding-inline:15px;font-size:7px}.portal{width:calc(100% - 28px);padding-top:40px;margin:0 auto}.emblem-stage{width:300px;height:170px}.logo,.logo-outline,.logo-sheen{width:270px;height:270px;top:-40px}.halo{width:300px;height:190px}.identity h1{font-size:29px}.main-tabs{gap:7px;margin-top:22px}.metal-tab{height:54px;padding:0 8px;gap:7px;flex-direction:column;justify-content:center}.metal-tab>span{font-size:10px;letter-spacing:0}.metal-tab>.icon{width:17px;height:17px}.metal-tab i{bottom:4px;width:13px}.metal-tab:before,.metal-tab:after{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.content-shell{margin-top:17px}.panel{padding:18px 14px 15px;min-height:330px}.screenshot-slider{height:236px}.slide{padding-inline:25px;gap:13px}.slide figcaption{gap:3px;display:grid}.slide figcaption strong{font-size:14px}.slide figcaption>span{font-size:9px}.slide-arrow{width:27px;height:35px;padding:4px;top:calc(50% - 25px)}.slide-arrow .icon{width:15px;height:15px}.slide-arrow.previous{left:-5px}.slide-arrow.next{right:-5px}.slider-dots{margin-top:14px}.dashboard-bottom{margin-top:16px;display:flex;flex-direction:column;gap:13px;text-align:center;padding-top:13px}.dashboard-bottom .download-button{min-height:37px;padding-inline:22px;order:0}.image-provenance{font-size:7px;order:1;max-width:260px}.tutorial-panel{padding:26px 20px}.panel-heading h2{font-size:21px}.panel-heading{margin-bottom:22px}.guide-row{padding:20px 8px;gap:12px}.guide-row strong{font-size:17px}.guide-row small{font-size:10px}.tutorial-support{font-size:8px;margin-top:22px}.membership-panel{padding:25px 21px}.membership-layout{grid-template-columns:1fr;gap:15px;margin-top:20px}.membership-panel .panel-heading h2{font-size:21px;max-width:230px;margin-inline:auto}.plan-total{border-left:0;border-top:1px solid var(--color-border-faint);padding:18px 0 0;display:grid;grid-template-columns:1fr auto;gap:0 12px;text-align:left}.plan-total>strong{font-size:36px}.plan-total>span{font-size:9px;grid-column:1}.plan-total .download-button{grid-column:2;grid-row:1/3;font-size:9px;margin-top:0;min-height:37px;padding-inline:10px}.duration-options{margin-bottom:0}.pricing-note{font-size:7px;margin-top:18px}.guide-dialog{width:calc(100vw - 15px);max-width:calc(100vw - 15px);max-height:calc(100svh - 20px)}#guide-content{padding:20px 14px}.dialog-bar{padding:10px 15px;font-size:12px}.image-dialog>img{margin-block:16px}.image-dialog>p{font-size:8px}.membership-dialog{padding:27px 22px}footer{min-height:45px;font-size:7px}}
@media(max-width:360px){.portal{width:calc(100% - 20px)}.emblem-stage{width:280px}.halo{width:280px}.metal-tab>span{font-size:9px}.main-tabs{gap:5px}.panel{padding-inline:12px}.screenshot-slider{height:216px}.slide{padding-inline:23px}.membership-panel{padding-inline:17px}.plan-total>strong{font-size:31px}.plan-total .download-button{font-size:8px;padding-inline:8px}.utility>span{gap:6px;font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.logo-outline,.logo-sheen{display:none}.logo{opacity:1}.emblem-tilt{transform:none}}

/* Explicit motion opt-in for the review URL and logo replay control. */
@media(prefers-reduced-motion:reduce){
.motion-requested.igniting .logo{animation:ignite 1.45s cubic-bezier(.2,.8,.3,1) both!important}
.motion-requested.igniting .logo-outline{display:block;animation:trace 1.3s ease both!important}
.motion-requested.igniting .logo-sheen{display:block;animation:sheen 1.5s ease .3s both!important}
.motion-requested.igniting .halo path{animation:trace-path 1.8s ease both!important}
.motion-requested .emblem-float{animation:levitate 7s ease-in-out 1.8s infinite!important}
.motion-requested .emblem-tilt{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease!important}
}

/* Connect MauBot: readable steps and client selection within the Tutorial panel. */
.tutorial-panel.is-connecting{padding:24px 32px 25px}
.connection-tools{display:flex;align-items:center;justify-content:space-between;gap:18px}
.connection-tools h2{font:550 21px/1.3 var(--font-display);letter-spacing:-.025em;text-align:right}
.connection-back{font-size:12px;color:var(--color-secondary);white-space:nowrap}
.connection-back:hover{color:var(--color-text)}
.connection-client-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(430px,100%);margin:20px auto 26px}
.connection-client-switch button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:66px;padding:11px 38px 11px 16px;border:1px solid var(--color-metal-edge);border-radius:4px;background:linear-gradient(160deg,var(--color-metal-mid),var(--color-panel-deep));color:var(--color-soft);box-shadow:inset 0 1px 0 #ffffff0b,0 4px 9px #0004;text-align:left;transition:border-color .2s,background .2s}
.connection-client-switch button>span{font:600 18px/1.25 var(--font-display)}
.connection-client-switch button>small{margin-top:3px;font-size:11px;line-height:1.4;color:var(--color-secondary);white-space:nowrap}
.connection-client-switch button>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);font-size:12px;font-style:normal;visibility:hidden}
.connection-client-switch button[aria-pressed=true]{background:linear-gradient(130deg,var(--color-control-selected),var(--color-panel-deep));border-color:var(--color-accent);color:var(--color-text);box-shadow:inset 0 1px 0 #ffffff0b,0 4px 12px var(--color-accent-faint)}
.connection-client-switch button[aria-pressed=true]>i{visibility:visible}
.connection-client-switch button:hover{border-color:var(--color-metal-highlight);color:var(--color-text)}
.connection-client-switch button[aria-pressed=true]:hover{border-color:var(--color-accent-bright)}
.connection-steps{list-style:none;counter-reset:connection-step;margin:0;padding:0}
.connection-steps li{position:relative;counter-increment:connection-step;padding:0 0 14px 46px}
.connection-steps li:before{content:counter(connection-step);position:absolute;z-index:1;left:0;top:13px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--color-metal-edge);border-radius:50%;background:var(--color-panel-top);font:550 12px/1 var(--font-display);color:var(--color-soft)}
.connection-steps li:after{content:'';position:absolute;left:14px;top:44px;bottom:-13px;width:1px;background:var(--color-border);pointer-events:none}
.connection-step-body{padding:13px 16px;border:1px solid var(--color-border-faint);border-radius:4px;background:linear-gradient(135deg,var(--color-panel-top),var(--color-panel-deep))}
.connection-steps h3{margin:0;font:550 18px/1.35 var(--font-display);color:var(--color-text)}
.connection-steps p{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--color-secondary)}
.connection-action{display:inline-block;padding:2px 6px;border:1px solid var(--color-metal-edge);border-radius:3px;background:linear-gradient(var(--color-metal-mid),var(--color-control));color:var(--color-text);font:550 12px/1.3 var(--font-display);white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff08}
.connection-warning .connection-step-body{border-color:var(--color-warning);background:linear-gradient(120deg,#e1af660d,var(--color-panel-deep))}
.connection-steps .connection-warning:before{border-color:var(--color-warning);color:var(--color-warning)}
.connection-warning h3{display:flex;align-items:flex-start;gap:8px;color:var(--color-warning)}
.connection-warning h3 .icon{width:18px;height:18px;margin-top:3px}
.connection-steps li:last-child{padding-bottom:0}
.connection-steps li:last-child:after{display:none}
.connection-tip{margin:20px 0 0;padding:15px 0 0 46px;border-top:1px solid var(--color-border-faint);color:var(--color-secondary);font-size:13px;line-height:1.65}
@media(max-width:650px){
 .tutorial-panel.is-connecting{padding:22px 20px 24px}
 .connection-tools{gap:12px}
 .connection-tools h2{font-size:19px}
 .connection-client-switch{gap:10px;margin:18px auto 23px}
 .connection-client-switch button{padding-left:13px;padding-right:32px}
 .connection-client-switch button>i{right:10px;width:16px;height:16px}
 .connection-steps li{padding-left:38px}
 .connection-steps li:before{width:28px;height:28px}
 .connection-steps li:after{left:13px;top:42px}
 .connection-step-body{padding:12px 13px}
 .connection-tip{padding-left:38px}
}
@media(max-width:360px){.tutorial-panel.is-connecting{padding-inline:16px}.connection-tools h2{font-size:18px}.connection-client-switch button{padding-left:11px}.connection-client-switch button>small{font-size:10px}}

/* The reused hunt guides share the portal palette; recordings and map colors remain native. */
#guide-content .guide-card{background:linear-gradient(150deg,var(--color-panel-top),var(--color-panel-deep));border-color:var(--color-border)}
#guide-content .style-card{background:var(--color-panel);border-color:var(--color-border)}
#guide-content .guide-card:hover,#guide-content .style-card:hover{border-color:var(--color-accent)}
#guide-content .guide-art{background:radial-gradient(ellipse at 50% 75%,var(--color-border-faint),transparent 70%)}
#guide-content h1,#guide-content h2,#guide-content h3{color:var(--color-text)}
#guide-content .text-link{color:var(--color-soft)}
#guide-content .text-link:hover{color:var(--color-text)}
#guide-content .tip{background:var(--color-panel-top);color:var(--color-secondary);border-color:var(--color-border)}
#guide-content .style-card.fixed .style-art>.icon{color:var(--color-soft)}
:is(#guide-content,.replay-dialog) .replay-panel{background:var(--color-panel);border-color:var(--color-border)}
:is(#guide-content,.replay-dialog) .replay-head,:is(#guide-content,.replay-dialog) .replay-controls{background:var(--color-panel-deep)}
:is(#guide-content,.replay-dialog) .replay-button{color:var(--color-secondary)}
:is(#guide-content,.replay-dialog) .replay-button:hover:not(:disabled){background:var(--color-control-selected);color:var(--color-text)}
:is(#guide-content,.replay-dialog) .replay-button[aria-pressed=true],:is(#guide-content,.replay-dialog) .replay-transport>[data-control=play]{color:var(--color-accent-bright);background:var(--color-accent-faint)}
:is(#guide-content,.replay-dialog) .replay-start{color:var(--color-text);background:var(--color-control);border-color:var(--color-accent)}
:is(#guide-content,.replay-dialog) .replay-start:hover{background:var(--color-control-selected);border-color:var(--color-accent-bright)}
:is(#guide-content,.replay-dialog) .replay-node-select{color:var(--color-soft);background:var(--color-control)}
:is(#guide-content,.replay-dialog) .replay-status.is-fighting{border-color:var(--color-accent);color:var(--color-text)}
:is(#guide-content,.replay-dialog) .replay-status.is-error{color:var(--color-warning)}
:is(#guide-content,.replay-dialog) .replay-seek{accent-color:var(--color-accent)}
:is(#guide-content,.replay-dialog) .replay-footnote p{color:var(--color-secondary)}

/* Selected background: option 05, Broken radar rings. Fixed decoration never intercepts controls. */
body{isolation:isolate}
body:before{display:none}
.site-background{
 position:fixed;inset:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;
 mask-image:radial-gradient(ellipse at 50% 45%,#0002 8%,#0006 34%,#000 76%);
 -webkit-mask-image:radial-gradient(ellipse at 50% 45%,#0002 8%,#0006 34%,#000 76%);
}
.radar-ring{fill:none;stroke:var(--color-secondary);stroke-opacity:.24;stroke-width:1.1}
.radar-ticks{fill:none;stroke:var(--color-secondary);stroke-opacity:.27;stroke-width:1}
.radar-orbit{transform-box:view-box;transform-origin:300px 275px;animation:radar-turn 58s linear infinite}
.radar-orbit.reverse{animation-direction:reverse;animation-duration:88s}
.radar-signal{fill:none;stroke:var(--color-accent);stroke-width:2;opacity:.65}
.radar-dot{fill:var(--color-accent-bright);animation:radar-signal 7s ease-in-out infinite}
.radar-dot.second{animation-delay:-3.5s}
.site-background circle,.radar-ticks path{vector-effect:non-scaling-stroke}
@keyframes radar-turn{to{transform:rotate(360deg)}}
@keyframes radar-signal{0%,40%,100%{opacity:.18}55%,65%{opacity:.85}}
@media(max-width:650px){.site-background{opacity:.7}}
@media(prefers-reduced-motion:reduce){
 body.background-motion-enabled .site-background .radar-orbit{animation:radar-turn 58s linear infinite!important}
 body.background-motion-enabled .site-background .radar-orbit.reverse{animation-direction:reverse!important;animation-duration:88s!important}
 body.background-motion-enabled .site-background .radar-dot{animation:radar-signal 7s ease-in-out infinite!important}
 body.background-motion-enabled .site-background .radar-dot.second{animation-delay:-3.5s!important}
}
body.background-paused .site-background .radar-orbit,body.background-paused .site-background .radar-dot{animation-play-state:paused!important}

/* Membership: choose a region, then one compact plan. */
.membership-panel{padding:20px 30px}
.membership-panel .panel-heading{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:13px;margin:0 0 14px}
.membership-panel .panel-heading>span{white-space:nowrap}
.membership-panel .panel-heading h2{font-size:21px;margin:0;max-width:none}
.payment-regions{gap:10px;margin-bottom:12px}
.payment-regions button{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;text-align:left;padding:10px 13px;min-width:0;transition:border-color .2s,background .2s}
.payment-regions button:hover{border-color:var(--color-metal-edge);color:var(--color-text)}
.payment-regions [aria-pressed=true]{border-color:var(--color-accent);background:var(--color-control-selected)}
.region-name{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:550}
.region-symbol{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.brazil-flag{height:20px;box-shadow:0 0 0 1px #ffffff12;border-radius:2px}
.payment-provider{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:64px;height:28px;color:var(--color-text)}
.stripe-wordmark{display:block;width:64px;height:27px;object-fit:contain}
.pix-wordmark img{display:block;width:22px;height:22px}
.pix-wordmark>span{font:600 22px/1 var(--font-display);letter-spacing:-.04em}
.region-currency{grid-column:2;grid-row:2;justify-self:end;font:500 10px var(--font-display);letter-spacing:.06em;color:var(--color-soft)}
.payment-regions small{grid-column:1;grid-row:2;font-size:9px;line-height:1.45}
.membership-plan-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.membership-plan{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:198px;padding:0 15px 15px;border:0;border-radius:2px;background:none;color:var(--color-text);text-align:center;filter:drop-shadow(0 5px 7px #0006);transition:filter .2s,transform .2s}
.membership-plan:before,.membership-plan:after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.membership-plan:before{background:linear-gradient(145deg,var(--color-metal-highlight),var(--color-border-soft) 30%,var(--color-metal-low) 55%,var(--color-metal-edge))}
.membership-plan:after{inset:1px;z-index:-1;background:radial-gradient(ellipse at 50% 0,#ffffff09,transparent 65%),linear-gradient(160deg,var(--color-metal-mid),var(--color-panel) 48%,var(--color-metal-low))}
.membership-plan:hover{transform:translateY(-2px);filter:drop-shadow(0 7px 10px #0008)}
.membership-plan:hover:before{background:linear-gradient(145deg,var(--color-metal-highlight),var(--color-metal-edge) 45%,var(--color-border))}
.membership-plan[aria-pressed=true]{filter:drop-shadow(0 5px 9px var(--color-accent-glow))}
.membership-plan[aria-pressed=true]:before{background:linear-gradient(140deg,var(--color-accent-bright),var(--color-accent) 45%,var(--color-accent-deep) 75%,var(--color-metal-edge))}
.membership-plan[aria-pressed=true]:after{inset:2px;background:radial-gradient(ellipse at 50% 0,var(--color-accent-faint),transparent 70%),linear-gradient(160deg,var(--color-metal-mid),var(--color-panel) 48%,var(--color-metal-low))}
.plan-badge{align-self:stretch;display:flex;align-items:center;min-height:31px;max-width:none;margin:1px -14px 0;padding:6px 33px 6px 10px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:linear-gradient(100deg,var(--color-metal-top),var(--color-control));color:var(--color-text);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px)}
.plan-badge:empty{visibility:hidden}
.membership-plan[data-duration="31"] .plan-badge{background:linear-gradient(100deg,var(--color-accent-faint),var(--color-metal-top));border-bottom-color:var(--color-accent-deep)}
.plan-check{position:absolute;top:7px;right:9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);font-size:12px;line-height:1;visibility:hidden;box-shadow:0 1px 5px #0005}
[aria-pressed=true]>.plan-check{visibility:visible}
.plan-card-period{margin-top:12px;font:550 18px/1.3 var(--font-display);color:var(--color-soft)}
.plan-card-price{font:600 32px/1.2 var(--font-display);letter-spacing:-.035em;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #0006}
.plan-price-currency{font-size:19px;font-weight:500;letter-spacing:-.015em;color:var(--color-soft)}
.plan-daily{margin-top:3px;font-size:12px;line-height:1.4;color:var(--color-secondary);white-space:nowrap}
.plan-saving{display:inline-flex;align-items:center;justify-content:center;min-height:23px;margin-top:14px;padding:2px 8px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-control-selected);color:var(--color-text);font-size:11px;font-weight:600;line-height:1.4}
.plan-saving:empty{visibility:hidden}
.plan-checkout{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-seam)}
.plan-selection{display:grid;gap:1px;min-width:0}
.plan-selection>span{font-size:8px;color:var(--color-secondary)}
.plan-selection strong{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}
.selection-divider{color:var(--color-dim)}
.membership-panel .pricing-note{margin-top:10px}
@media(max-width:760px){.membership-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .membership-panel{padding:20px}
 .membership-panel .panel-heading{flex-direction:column;gap:5px}
 .membership-panel .panel-heading h2{font-size:20px}
 .payment-regions{gap:8px}
 .payment-regions button{padding:9px 10px;gap:2px 5px}
 .region-name{grid-column:1/-1;font-size:11px;gap:6px}
 .region-symbol{width:22px;height:22px}
 .brazil-flag{height:16px}
 .payment-provider{grid-column:1;grid-row:2;justify-content:flex-start;margin-top:5px;min-width:0;height:27px}
 .stripe-wordmark{width:60px;height:25px}
 .pix-wordmark>span{font-size:21px}
 .region-currency{grid-column:2;grid-row:2;font-size:9px;margin-top:5px}
 .payment-regions small{grid-column:1/-1;grid-row:3;font-size:8px;margin-top:4px}
 .membership-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .membership-plan{min-height:198px;padding-inline:13px}
 .plan-badge{margin-inline:-12px}
 .plan-checkout{align-items:stretch;gap:12px}
 .plan-checkout .download-button{white-space:normal;text-align:center;max-width:55%;font-size:10px;padding-inline:12px}
}
@media(max-width:360px){
 .membership-panel{padding-inline:17px}
 .payment-regions button{padding-inline:8px}
 .region-name{font-size:10px}
 .payment-regions small{font-size:8px;min-height:24px}
 .membership-plan{padding-inline:11px}
 .plan-badge{margin-inline:-10px;font-size:10px}
 .plan-card-price{font-size:30px}
 .plan-price-currency{font-size:17px}
 .plan-selection strong{font-size:11px;gap:5px}
 .plan-checkout .download-button{padding-inline:9px}
}

/* Inline how-to guides: the Tutorial menu keeps its numbered order. */
.tutorial-panel.is-learning{padding:24px 32px 28px}
.howto-guide{min-width:0}
.howto-number{font-size:10px;letter-spacing:.12em;color:var(--color-secondary)}
.howto-title{font:550 25px/1.3 var(--font-display);letter-spacing:-.025em;margin:18px 0 9px;scroll-margin-top:60px}
.howto-lead{font-size:14px;line-height:1.7;color:var(--color-soft);margin-bottom:16px}
.howto-before{border:1px solid var(--color-border-soft);border-radius:4px;background:var(--color-panel-deep);padding:12px 14px}
.howto-before>strong{font-size:12px;font-weight:600;color:var(--color-soft)}
.howto-before p{font-size:13px;line-height:1.7;color:var(--color-secondary);margin-top:4px}
.howto-example{font-size:12px;line-height:1.65;color:var(--color-secondary);margin:11px 0 21px}
.howto-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.howto-definitions>div{padding:12px 14px;border-left:2px solid var(--color-metal-edge);background:var(--color-control)}
.howto-definitions dt{font:550 15px/1.4 var(--font-display);color:var(--color-text)}
.howto-definitions dd{margin:5px 0 0;font-size:13px;line-height:1.65;color:var(--color-secondary)}
.howto-guide .connection-action{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.howto-steps>li:before{display:none}
.howto-step-index{position:absolute;z-index:1;left:0;top:13px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--color-metal-edge);border-radius:50%;background:var(--color-panel-top);font:550 12px/1 var(--font-display);color:var(--color-soft)}
.howto-steps .howto-explain{margin-top:8px;color:var(--color-secondary)}
.howto-steps .howto-inline-example{font-size:13px;margin-top:11px;padding:9px 11px;border-left:2px solid var(--color-metal-edge);background:var(--color-control);color:var(--color-soft)}
.howto-figure{max-width:420px;margin:14px auto 0}
.howto-image-button{position:relative;display:grid;place-items:center;width:100%;padding:8px;border:1px solid var(--color-border-soft);border-radius:4px;background:var(--color-panel-deep);cursor:zoom-in}
.howto-image-button:hover{border-color:var(--color-metal-edge)}
.howto-image-button img{display:block;width:100%;height:180px;object-fit:contain}
.howto-zoom{position:absolute;right:9px;bottom:9px;padding:3px 7px;border-radius:2px;background:#090b0fe8;color:var(--color-soft);font-size:11px}
.howto-figure figcaption{text-align:center;font-size:12px;line-height:1.6;color:var(--color-secondary);margin-top:5px}
.howto-callout{padding:12px 14px;border:1px solid var(--color-border-soft);border-radius:4px;background:var(--color-control);font-size:14px;line-height:1.7;color:var(--color-soft);margin-top:12px}
.howto-storage-note{border-left:2px solid var(--color-warning)}
.howto-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:21px 0 12px}
.howto-categories button{min-width:0;min-height:44px;padding:9px 8px;border:1px solid var(--color-border);border-radius:3px;background:linear-gradient(var(--color-metal-mid),var(--color-panel-deep));font:550 14px/1.3 var(--font-display);color:var(--color-soft)}
.howto-categories button:hover{border-color:var(--color-metal-edge)}
.howto-categories [aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent-deep)}
.howto-category-lead{font-size:13px;color:var(--color-secondary);line-height:1.65}
.howto-action-list{display:grid;gap:10px;margin-top:20px}
.howto-action{min-width:0;border:1px solid var(--color-border-soft);border-radius:4px;background:var(--color-panel-deep)}
.howto-action>summary{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 36px 14px 14px;cursor:pointer;list-style:none}
.howto-action>summary::-webkit-details-marker{display:none}
.howto-action>summary:after{content:'+';position:absolute;right:14px;top:14px;font:500 20px/1 var(--font-display);color:var(--color-secondary)}
.howto-action[open]>summary:after{content:'−'}
.howto-action>summary:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}
.howto-action>summary strong{font:550 17px/1.4 var(--font-display);overflow-wrap:anywhere}
.howto-action>summary span{font-size:13px;line-height:1.65;color:var(--color-secondary)}
.howto-action[open]>summary{border-bottom:1px solid var(--color-border-faint)}
.howto-action-body{padding:15px}
.howto-action-fields{margin:0}
.howto-action-fields dt{font-size:12px;font-weight:600;color:var(--color-secondary)}
.howto-action-fields dd{margin:5px 0 16px;font-size:14px;line-height:1.75;color:var(--color-soft)}
.howto-action-fields dd:last-child{margin-bottom:0}
.howto-complete{margin-top:25px;padding:15px 17px;border:1px solid var(--color-border);border-radius:4px;background:linear-gradient(130deg,var(--color-panel-top),var(--color-panel-deep))}
.howto-complete h3{margin:0;font:550 17px/1.4 var(--font-display)}
.howto-checks{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}
.howto-checks li{position:relative;padding-left:21px;font-size:13px;line-height:1.7;color:var(--color-soft)}
.howto-checks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--color-accent-bright)}
.howto-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:17px;border-top:1px solid var(--color-border-soft)}
.howto-related>span{flex-basis:100%;font-size:12px;color:var(--color-secondary);margin-bottom:2px}
.howto-related>a{max-width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-control);font-size:12px;color:var(--color-soft);overflow-wrap:anywhere}
.howto-related>a:hover{border-color:var(--color-accent);color:var(--color-text)}
@media(max-width:650px){.tutorial-panel.is-learning{padding:22px 20px 25px}.howto-title{font-size:23px}.howto-definitions{grid-template-columns:1fr;gap:10px}.howto-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-image-button img{height:170px}.howto-action-body{padding:13px}.howto-step-index{width:28px;height:28px}}
@media(max-width:360px){.tutorial-panel.is-learning{padding-inline:16px}.howto-title{font-size:22px}.howto-before{padding:11px 12px}.howto-action>summary{padding-left:12px}.howto-action-body{padding:12px}}

/* Membership checkout uses the existing portal controls and spacing. */
.membership-dialog{width:min(490px,calc(100vw - 30px))}.membership-dialog [hidden]{display:none!important}
#checkout-form{display:grid;gap:17px;margin-top:22px}.checkout-field{display:grid;gap:8px;font-size:12px;color:var(--color-text)}.checkout-field input,#checkout-pix-code{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-control);color:var(--color-text);font:inherit}.checkout-field input:focus-visible,#checkout-pix-code:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.checkout-field input:disabled{opacity:.7}.checkout-field small,.checkout-note{font-size:11px;line-height:1.65;color:var(--color-secondary)}.checkout-accept{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.65}.checkout-accept input{margin-top:3px;accent-color:var(--color-accent);flex-shrink:0}#checkout-terms-details{font-size:11px;line-height:1.65;color:var(--color-secondary)}#checkout-terms-details summary{cursor:pointer;color:var(--color-text)}#checkout-terms-content{max-height:240px;overflow:auto;padding:10px 12px;border:1px solid var(--color-border);margin-top:10px}#checkout-terms-content h3,#checkout-terms-content h4{color:var(--color-text);margin:12px 0 6px}#checkout-terms-content p{margin:7px 0}.checkout-summary:not(:empty){display:grid;gap:12px;border-block:1px solid var(--color-border);padding:17px 0;font-size:12px}.checkout-summary>div{display:flex;justify-content:space-between;gap:20px}.checkout-summary span{color:var(--color-secondary)}.checkout-summary strong{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:550}.checkout-summary>div:last-child{font-size:19px}.checkout-summary>div:last-child span{color:var(--color-text)}.checkout-actions{display:flex;gap:10px;flex-wrap:wrap}.checkout-actions>.download-button{flex:1;min-width:170px}.checkout-secondary{padding:11px 15px;border:1px solid var(--color-border);background:var(--color-control);color:var(--color-text);border-radius:4px;font:inherit;font-size:11px}.checkout-secondary:hover{background:var(--color-control-selected)}.checkout-notice{font-size:11px;line-height:1.7;padding:12px;border-left:2px solid var(--color-secondary);background:var(--color-control)}#checkout-status{min-height:1em;font-size:11px;line-height:1.65;margin:16px 0 0;color:var(--color-secondary)}#checkout-status.is-error{color:#ffa9a9}#checkout-payment{display:grid;gap:15px;margin-top:24px}#checkout-payment h3{font:550 23px var(--font-display)}#checkout-pix{display:grid;justify-items:center;gap:14px}#checkout-pix-image{display:block;background:#fff;border:12px solid #fff;max-width:100%;height:auto;box-sizing:content-box}#checkout-pix-code{resize:vertical;font-family:monospace;font-size:11px}#checkout-pix-expiry{font-size:11px;color:var(--color-secondary)}

/* Public footer and readable Terms & Privacy content. */
.site-footer{display:flex;flex-direction:column;gap:15px;padding:25px 0 24px;min-height:0;font-size:12px;line-height:1.5}.footer-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 19px;color:var(--color-secondary)}.footer-terms{padding:5px 0;border:0;background:transparent;color:var(--color-secondary);font-size:12px}.footer-terms:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:4px}#pricing-status{font-size:12px;line-height:1.6;color:var(--color-secondary)}.terms-dialog{width:min(720px,calc(100vw - 30px));max-height:calc(100svh - 32px)}.terms-document{padding:25px 30px 30px;font-size:14px;line-height:1.75;color:var(--color-secondary)}.terms-document h3{font:550 25px/1.3 var(--font-display);margin:0 0 14px;color:var(--color-text)}.terms-document p{margin:9px 0}.terms-section{margin-top:23px}.terms-section h4{margin:0 0 9px;font-size:15px;line-height:1.5;color:var(--color-text);font-weight:600}.terms-section ul{padding-left:20px;margin:9px 0}.terms-section li{padding-left:3px;margin:9px 0}.terms-contact{display:block;margin-top:22px;color:var(--color-text);text-decoration:underline;text-underline-offset:4px}.terms-document>small,#checkout-terms-content>small{display:block;margin-top:17px;color:var(--color-dim);font-size:11px}#checkout-terms-content{font-size:12px;line-height:1.75;max-height:300px;padding:13px 15px}#checkout-terms-content h3{font-size:17px}#checkout-terms-content .terms-section{margin-top:17px}#checkout-terms-content h4{font-size:12px;margin-bottom:7px}#checkout-terms-content p{margin:8px 0}@media(max-width:650px){.terms-document{padding:20px;font-size:13px}.terms-document h3{font-size:22px}.terms-section h4{font-size:14px}.site-footer{padding-bottom:22px}}

/* The dashboard actions share the Download button's exact measured box. */
.dashboard-bottom .discord-button{background:#5865f2;border-color:#7781ff;flex:none;transition:background .18s ease}.dashboard-bottom .discord-button img{display:block;width:96px;height:auto;max-width:100%}.dashboard-bottom .discord-button:hover{background:#4752c4;border-color:#8891ff}@media(max-width:650px){.dashboard-bottom .discord-button{order:1}}