:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#232a2e;background:#ebf5fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page: oklch(96.5% .012 225);--panel: oklch(99% .006 225);--panel-subtle: oklch(97.4% .009 225);--text: oklch(28% .012 228);--muted: oklch(47% .014 228);--faint: oklch(62% .012 228);--border: oklch(86.5% .012 225);--border-strong: oklch(76% .019 225);--accent: oklch(57% .105 195);--accent-hover: oklch(51% .112 195);--focus: oklch(62% .125 195);--success-bg: oklch(95.5% .028 158);--success-border: oklch(82% .052 158);--success-text: oklch(37% .055 158);--info-bg: oklch(95.5% .026 220);--info-border: oklch(82% .046 220);--info-text: oklch(38% .055 220);--error-bg: oklch(95.2% .028 25);--error-border: oklch(80% .065 25);--error-text: oklch(39% .078 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:#f5fbfd;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:#83969e;background:#ecf5f9}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:var(--faint);cursor:not-allowed;background:#e7eef1}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,var(--text) 9%,transparent)}.brand{margin:0 0 1.35rem;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:0}h1,h2,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}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:#fafdff}input:hover{border-color:#8b9ba3}form button,.status-row button{border-color:var(--accent);color:#f5fcfb;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:#99b8b8;color:#cedfde;background:#749b9a}.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(--muted);background:var(--panel-subtle)}.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}.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)}@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{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}