@font-face{font-family:Inter;src:url('/accounts/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
#demo-page-pending{inset:auto;left:-200vw;top:0;width:100vw;height:100vh;visibility:hidden;pointer-events:none}
.demo-mode-toggle{position:fixed;z-index:40;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #a99aff;border-radius:12px;background:#5747bd;color:#fff;box-shadow:0 8px 28px #0007;backdrop-filter:blur(14px);font:700 13px Inter,system-ui,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.demo-mode-toggle:hover{background:#6755d3;transform:translateY(-1px)}.demo-mode-toggle:focus-visible{outline:3px solid #c9bfff;outline-offset:3px}.demo-mode-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-mode-toggle .icon-eye{display:block}.demo-mode-toggle .icon-pencil{display:none}.demo-mode-toggle[data-mode="preview"] .icon-eye{display:none}.demo-mode-toggle[data-mode="preview"] .icon-pencil{display:block}.demo-mode-toggle[data-mode="preview"]{background:#111119ed;color:#eeeef5;border-color:#ffffff30}.demo-mode-toggle[data-mode="preview"]:hover{background:#292638}@media(max-width:600px){.demo-mode-toggle{right:10px;bottom:10px;min-height:42px;padding:9px 12px;font-size:12px}}
:root{font-family:Inter,system-ui,sans-serif;color:#f5f4fb;background:#0b0b10;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#0b0b10}iframe{position:fixed;inset:0;width:100%;height:100%;border:0;background:#0c0c0f}.demo-tools{position:fixed;z-index:30;right:16px;top:12px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #ffffff24;border-radius:14px;background:#111119eF;box-shadow:0 8px 32px #0008;backdrop-filter:blur(14px)}.demo-tools span{font-size:11px;color:#c7c2d7;padding:0 4px}.demo-tools button,.auth-form button,#auth-dialog button:not(.dialog-close),#about-dialog button:not(.dialog-close),.button-link{font:700 12px Inter,system-ui,sans-serif;color:#f8f7ff;background:#ffffff0c;border:1px solid #ffffff23;border-radius:9px;padding:9px 12px;cursor:pointer;text-decoration:none}.demo-tools button:hover,.auth-form button:hover,#auth-dialog button:hover{background:#ffffff18}.demo-tools .primary,.auth-form .primary,#auth-dialog .primary{background:linear-gradient(135deg,#7964e8,#5744c8);border-color:#a99aff;color:#fff}.demo-tools button:focus-visible,#auth-dialog button:focus-visible,#auth-dialog input:focus-visible,#about-dialog button:focus-visible,a:focus-visible{outline:3px solid #a99aff;outline-offset:2px}.skip-link{position:fixed;z-index:50;left:12px;top:-100px;background:#17151f;color:white;padding:10px;border-radius:8px}.skip-link:focus{top:8px}dialog{width:min(460px,calc(100vw - 28px));max-height:min(88vh,760px);overflow:auto;border:1px solid #ffffff26;border-radius:18px;padding:26px;background:#171720;color:#f5f4fb;box-shadow:0 24px 90px #000b}dialog::backdrop{background:#050509b8;backdrop-filter:blur(5px)}dialog h1,dialog h2{margin:0 34px 10px 0;font-size:22px}dialog p{color:#c0bdcd;font-size:13px;line-height:1.55}.dialog-close{position:absolute;right:12px;top:10px;border:0!important;background:transparent!important;font-size:24px!important;padding:4px 10px!important}.auth-form{display:grid;gap:12px}.auth-form label,#resend-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#ddd9eb}.auth-form input,#resend-form input{width:100%;padding:11px 12px;border:1px solid #ffffff25;border-radius:9px;background:#0e0e15;color:white;font:500 14px Inter,system-ui,sans-serif}.auth-form button{margin-top:4px}#auth-tabs{display:flex;gap:8px;margin:16px 0}#auth-tabs button[aria-pressed=true]{border-color:#a99aff;background:#a99aff23}#resend-form{display:grid;gap:8px;margin-top:16px}.button-link{display:inline-block;margin:4px 0}#auth-status,#verify-status{min-height:1em;color:#f2c2c2;font-size:12px}.demo-tools[hidden],[hidden]{display:none!important}@media(max-width:600px){.demo-tools{right:8px;top:8px;gap:5px;padding:5px;border-radius:12px}.demo-tools span{display:none}.demo-tools button{font-size:11px;padding:8px}.demo-tools #about-open{display:none}dialog{padding:22px}.skip-link{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}