@font-face{font-family:Aspekta;src:url('/assets/aspekta-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Aspekta;src:url('/assets/aspekta-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}

/* GG.xyz app palette and controls; retain the lab's compact block layout. */
:root{font-family:Aspekta,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#fff;background:#131119;color-scheme:dark;-webkit-font-smoothing:antialiased;--panel:#1c1a24;--border:rgba(255,255,255,.1);--muted:#a1a1aa;--purple:#7852ff;--mint:#6cffd0}
*{box-sizing:border-box}
body{margin:0;padding:24px 12px}
main{max-width:720px;margin:auto;border:1px solid var(--border);border-radius:6px;background:#15141b;overflow:hidden}
main header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 16px;border-bottom:1px solid var(--border);background:#131119}
.brand{display:flex;align-items:center;gap:14px;font-weight:600}
.brand img{display:block;width:90px;height:auto}
.brand span{padding-left:14px;border-left:1px solid rgba(255,255,255,.15)}
.network{flex-shrink:0;padding:3px 8px;border:1px solid var(--border);border-radius:4px;color:var(--mint);font-size:12px;line-height:1.5}
main section{margin:16px;padding:16px;border:1px solid var(--border);border-radius:4px;background:var(--panel)}
main h1,main h2,main p{margin:0 0 12px}
main h1,main h2{font-size:16px;font-weight:600;line-height:1.4}
main section>:last-child{margin-bottom:0}
main label{display:block;margin:12px 0 6px;font-weight:600}
main input,main select{display:block;width:100%;min-height:42px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#282828;color:#fff;font:inherit;line-height:1.5}
main input::placeholder{color:#93939e}
main button{min-height:38px;margin:12px 8px 0 0;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:transparent;color:#fff;font:inherit;font-weight:600;line-height:1.5;cursor:pointer;transition:background-color .15s,border-color .15s}
main button:hover:not(:disabled){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.25)}
main button.primary{border-color:var(--purple);background:var(--purple)}
main button.primary:hover:not(:disabled){border-color:#6d48f5;background:#6d48f5}
main button:disabled,main input:disabled,main select:disabled{opacity:.5;cursor:default}
main :is(button,input,select,a):focus-visible{outline:2px solid #ac91ff;outline-offset:3px}
main input:focus-visible,main select:focus-visible{border-color:var(--purple)}
main code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}
main small,main .muted{color:var(--muted)}
main dl{margin:0}
main dt{margin-top:12px;color:var(--muted)}
main dd{margin:4px 0 0;overflow-wrap:anywhere}
main .error{color:#fda4af}
main .status{padding:10px 12px;border:1px solid rgba(108,255,208,.2);border-radius:4px;background:rgba(108,255,208,.08);color:var(--mint)}
main footer{padding:0 16px 16px;color:var(--muted);font-size:12px}
main a{color:#b8a2ff;text-underline-offset:3px}
main table{width:100%;border-collapse:collapse}
main td,main th{padding:8px 4px;border-bottom:1px solid var(--border);text-align:left}
::selection{background:#7852ff;color:#fff}
@media(hover:none) and (pointer:coarse){main input,main select{font-size:16px}}
@media(max-width:480px){body{padding:8px}main section{margin:10px;padding:12px}main header{gap:8px;min-height:58px;padding:10px}.brand{gap:10px}.brand img{width:75px}.brand span{padding-left:10px}.network{padding:3px 6px;font-size:11px}main button{width:100%;margin-right:0}main footer{padding:2px 10px 12px}}
@media(prefers-reduced-motion:reduce){main button{transition:none}}