:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf2fa;background:#1a222e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: oklch(25% .025 255);--panel: oklch(16% .024 250);--panel-subtle: oklch(22% .03 250);--panel-raised: oklch(27% .038 252);--text: oklch(96% .012 255);--muted: oklch(76% .026 252);--faint: oklch(60% .025 252);--border: oklch(35% .034 252);--border-strong: oklch(52% .052 252);--accent: oklch(64% .18 292);--accent-hover: oklch(70% .17 292);--focus: oklch(72% .15 292);--success-bg: oklch(24% .045 158);--success-border: oklch(62% .09 158);--success-text: oklch(82% .085 158);--info-bg: oklch(24% .045 240);--info-border: oklch(62% .09 240);--info-text: oklch(82% .075 240);--error-bg: oklch(24% .05 25);--error-border: oklch(62% .11 25);--error-text: oklch(84% .09 25)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input{font:inherit}button{min-height:2.5rem;border:1px solid var(--border-strong);border-radius:7px;padding:.55rem .85rem;color:var(--text);background:var(--panel-raised);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:var(--accent-hover);background:color-mix(in oklch,var(--panel-raised) 78%,var(--accent) 22%)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:var(--faint);cursor:not-allowed;background:var(--panel-subtle)}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in oklch,var(--focus) 32%,transparent);outline-offset:2px;border-color:var(--focus);box-shadow:0 0 0 1px color-mix(in oklch,var(--focus) 42%,transparent)}.portal-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.portal-panel{width:min(100%,36rem);border:1px solid var(--border);border-radius:8px;padding:1.5rem;color:var(--text);background:var(--panel);box-shadow:0 18px 48px color-mix(in oklch,oklch(8% .015 255) 28%,transparent)}.brand{margin:0 0 1.35rem;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.45rem;color:var(--text);font-size:1.45rem;line-height:1.2;font-weight:720;letter-spacing:0}h2{margin-bottom:.35rem;color:var(--muted);font-size:.74rem;line-height:1.25;font-weight:760;letter-spacing:.04em;text-transform:uppercase}h3{margin-bottom:.45rem;color:var(--text);font-size:1rem;line-height:1.25;font-weight:740;letter-spacing:0}p{color:var(--muted);font-size:.94rem;line-height:1.55}form{display:grid;gap:.7rem;margin-top:1.25rem}label{color:var(--text);font-size:.86rem;font-weight:650}input{width:100%;min-height:2.75rem;border:1px solid var(--border-strong);border-radius:7px;padding:.65rem .75rem;color:var(--text);background:var(--panel-raised)}input:hover{border-color:var(--accent-hover)}form button,.status-row button{border-color:var(--accent);color:var(--text);background:var(--accent);font-weight:700}form button:hover:not(:disabled),.status-row button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}form button:disabled,.status-row button:disabled{border-color:var(--border-strong);color:var(--faint);background:var(--panel-subtle)}.account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.account-header p{margin-bottom:0;overflow-wrap:anywhere}.account-header>div{min-width:0}.account-header button{flex:0 0 auto;min-height:2.25rem;padding:.45rem .75rem;color:var(--text);background:var(--panel-raised)}.account-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.account-grid{display:grid;gap:0;margin-top:1rem}.status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0;padding-bottom:0}.status-row>div{min-width:0}.status-value{margin-bottom:.15rem;color:var(--text);font-size:1rem;font-weight:700;overflow-wrap:anywhere}.desktop-code-row{display:flex;align-items:center;gap:.75rem}.desktop-code-row .status-value{margin-bottom:0}.desktop-code-row button{flex:0 0 auto;min-height:2.1rem;padding:.4rem .65rem}.status-row p:last-child{margin-bottom:0}.notice{margin:0 0 1rem;border:1px solid;border-radius:7px;padding:.7rem .8rem;font-size:.9rem;line-height:1.45}form .notice{margin:0}.notice-success{border-color:var(--success-border);color:var(--success-text);background:var(--success-bg)}.notice-info{border-color:var(--info-border);color:var(--info-text);background:var(--info-bg)}.notice-error{border-color:var(--error-border);color:var(--error-text);background:var(--error-bg)}.guide-content{display:grid;gap:1.15rem;margin-top:1.25rem}.guide-content section{padding-bottom:1.05rem;border-bottom:1px solid var(--border)}.guide-content section:last-child{padding-bottom:0;border-bottom:0}.guide-content ol,.guide-content ul{margin:0;padding-left:1.25rem;color:var(--muted);font-size:.94rem;line-height:1.55}.guide-content li+li{margin-top:.35rem}.guide-content code{border:1px solid var(--border);border-radius:5px;padding:.08rem .24rem;color:var(--text);background:var(--panel-subtle);font-size:.88em}.guide-controls{display:grid;gap:0;margin:0;border:1px solid var(--border);border-radius:7px;overflow:hidden}.guide-controls div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.85rem;padding:.65rem .75rem;background:var(--panel)}.guide-controls div+div{border-top:1px solid var(--border)}.guide-controls dt{color:var(--text);font-weight:760}.guide-controls dd{margin:0;color:var(--muted)}@media(max-width:520px){.portal-shell{align-items:start;padding:1rem}.portal-panel{padding:1.1rem}.account-header,.status-row{align-items:stretch;flex-direction:column}.account-header button,.status-row button,form button,.account-actions{width:100%}.desktop-code-row{align-items:stretch;flex-direction:column}.guide-controls div{grid-template-columns:1fr;gap:.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}