:root{--brand-primary: #6D28D9;--brand-secondary: #EC4899;--brand-accent: #C6F135;--brand-gradient: linear-gradient(135deg, #6D28D9 0%, #EC4899 100%);--brand-ink: #14121A;--brand-paper: #FAF9FB;--brand-slate-100: #F1F0F4;--brand-slate-200: #DCDAE3;--brand-slate-300: #B9B5C6;--brand-slate-400: #938EA6;--brand-slate-500: #6E6982;--brand-slate-600: #4C485C;--brand-slate-700: #2C2937;--brand-success: #16A34A;--brand-warning: #F59E0B;--brand-error: #DC2626}:root{--font-heading: "Clash Display", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-lg: 20px;--radius-md: 12px;--shadow-panel: 0 18px 48px color-mix(in srgb, var(--brand-ink) 10%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--brand-ink);background:var(--brand-slate-100);-webkit-font-smoothing:antialiased}a{color:var(--brand-primary)}a:focus-visible,button:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.app__bar{height:4px;background:var(--brand-gradient)}.app__header{display:flex;align-items:center;gap:12px;width:100%;max-width:960px;margin:0 auto;padding:20px 24px}.app__logo{width:32px;height:32px}.app__brand{font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.app__tag{padding:2px 10px;border-radius:999px;background:var(--brand-paper);color:var(--brand-primary);font-size:.8125rem;font-weight:600}.app__main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px 64px}.app__footer{padding:24px;text-align:center;font-size:.8125rem;color:var(--brand-slate-500)}.panel{width:100%;max-width:560px;padding:36px 32px;border-top:4px solid var(--brand-slate-200);border-radius:var(--radius-lg);background:var(--brand-paper);box-shadow:var(--shadow-panel)}.panel--warning{border-top-color:var(--brand-warning)}.panel--error{border-top-color:var(--brand-error)}.panel__title{margin:0 0 12px;font-family:var(--font-heading);font-size:1.5625rem;font-weight:600;line-height:1.2}.panel__body{color:var(--brand-slate-700)}.panel__body p{margin:0 0 12px}.panel__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:0;border-radius:var(--radius-md);background:var(--brand-gradient);color:var(--brand-paper);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button:hover{filter:brightness(1.08)}.button--secondary{background:transparent;color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand-slate-300)}.button--secondary:hover{filter:none;background:var(--brand-slate-100)}.muted{color:var(--brand-slate-500);font-size:.875rem}.mono{font-family:var(--font-mono);font-size:.8125rem;word-break:break-all}.picker{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.picker__item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--brand-slate-200);color:var(--brand-ink);text-decoration:none}.picker__item:hover{box-shadow:inset 0 0 0 2px var(--brand-primary)}.picker__name{font-weight:600}.spinner{width:28px;height:28px;margin-bottom:16px;border:3px solid var(--brand-slate-200);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@media (max-width: 480px){.panel{padding:28px 20px}}