:root{--grid-opacity: .12;--background: oklch(.99 .002 331);--foreground: oklch(.18 .04 346);--card: oklch(1 0 0);--card-foreground: oklch(.18 .04 346);--primary: oklch(.3731 .14 345.25);--primary-foreground: oklch(.985 .005 331);--muted: oklch(.9489 .04 331.58);--muted-foreground: oklch(.5 .06 346);--accent: oklch(.9026 .07 331.32);--accent-foreground: oklch(.2954 .12 346.75);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(1 0 0);--border: oklch(.9026 .04 331.32);--input-border: oklch(.18 .04 346 / .08);--input-bg: oklch(1 0 0 / .6);--ring: oklch(.618 .25 343.68);--radius: .625rem;--shadow-card: 0 8px 40px -12px rgba(0, 0, 0, .15);--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--grid-opacity: .06;--background: oklch(.16 .03 346);--foreground: oklch(.97 .01 331);--card: oklch(.2 .04 346);--card-foreground: oklch(.97 .01 331);--primary: oklch(.7403 .21 336.02);--primary-foreground: oklch(.16 .03 346);--muted: oklch(.28 .06 346);--muted-foreground: oklch(.65 .06 331);--accent: oklch(.32 .08 346);--accent-foreground: oklch(.97 .01 331);--destructive: oklch(.704 .191 22.216);--destructive-foreground: oklch(1 0 0);--border: oklch(1 0 0 / .1);--input-border: oklch(1 0 0 / .1);--input-bg: oklch(1 0 0 / .06);--ring: oklch(.618 .25 343.68);--shadow-card: 0 8px 40px -12px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--background);color:var(--foreground);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:inherit}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.shell-bg-canvas{position:fixed;inset:0;z-index:-20}.shell-bg-grid{position:fixed;inset:0;z-index:-10;width:100%;height:100%;opacity:var(--grid-opacity);pointer-events:none}.shell-inner{position:relative;width:100%;max-width:400px}.shell-logo{display:flex;justify-content:center;margin-bottom:2.5rem}.shell-logo img{height:2.25rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.shell-card{border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-card);padding:2rem}@media (min-width: 640px){.shell-card{padding:2.5rem}}@media (prefers-color-scheme: dark){.shell-card{border-color:#ffffff14;background:#00000059}}.shell-heading{margin:0 0 1.75rem}.shell-title{font-size:1.375rem;font-weight:600;letter-spacing:-.015em;color:var(--foreground);margin:0}.shell-subtitle{font-size:.8125rem;color:var(--muted-foreground);margin:.25rem 0 0;line-height:1.5}.shell-footer{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.shell-footer-line{margin:0;color:#ffffffb3;font-size:.75rem}.shell-footer-copy{margin:0;color:#ffffff80;font-size:.6875rem}.field{display:flex;flex-direction:column;gap:.375rem}.field+.field{margin-top:1rem}.label-row{display:flex;align-items:center;justify-content:space-between}.label{font-size:.8125rem;font-weight:500;color:var(--foreground)}.input,.select{display:block;width:100%;height:2.5rem;border-radius:.5rem;border:1px solid var(--input-border);background:var(--input-bg);padding:0 .875rem;font-size:.875rem;color:var(--foreground);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-appearance:none;appearance:none}.input::placeholder{color:#7d556a66}@media (prefers-color-scheme: dark){.input::placeholder{color:#a582a066}}.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #e11faa33}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.input--code{height:2.75rem;text-align:center;letter-spacing:.2em;font-family:var(--font-mono);font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:2.5rem;border-radius:.5rem;border:0;background:var(--primary);color:var(--primary-foreground);font-size:.8125rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px -2px #6f135140;transition:filter .12s ease,transform 80ms ease}.button:hover:not(:disabled){filter:brightness(1.08)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button-row{margin-top:1.5rem;display:flex;gap:.5rem}.button-row .button{flex:1}.button-ghost{background:transparent;color:var(--foreground);box-shadow:none;border:1px solid var(--border)}.button-ghost:hover:not(:disabled){background:var(--muted);filter:none}.link{color:var(--muted-foreground);text-decoration:underline;text-underline-offset:4px;font-size:.75rem;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.link:hover{color:var(--foreground)}.link--muted{color:var(--muted-foreground);font-size:.75rem}.hello{font-size:.8125rem;color:var(--muted-foreground);margin:0 0 1rem}.hello strong{color:var(--foreground);font-weight:600}.hint{font-size:.75rem;color:var(--muted-foreground);margin:1rem 0 0;text-align:center}.inline-error{font-size:.75rem;color:var(--destructive);margin:.5rem 0 0}.err{display:flex;align-items:flex-start;gap:.625rem;border-radius:.625rem;padding:.75rem .875rem;margin:0 0 1rem;border:1px solid transparent;background:transparent;border-left-width:2px;animation:err-enter .18s cubic-bezier(.2,.9,.3,1);outline:none}.err:focus-visible{box-shadow:0 0 0 3px #e11faa33}.err-icon{display:inline-flex;flex:0 0 auto;width:1rem;height:1rem;margin-top:.1875rem}.err-body{flex:1;min-width:0}.err-message{margin:0;font-size:.8125rem;line-height:1.45;color:inherit}.err-countdown{margin:.25rem 0 0;font-size:.75rem;color:inherit;opacity:.8}.err-countdown strong{font-weight:600;font-variant-numeric:tabular-nums}.err-ref{margin:.375rem 0 0;font-size:.6875rem;font-family:var(--font-mono);color:var(--muted-foreground);letter-spacing:.02em;opacity:.75;user-select:all}.err--destructive{background:oklch(.577 .245 27.325 / .06);border-color:oklch(.577 .245 27.325 / .18);border-left-color:var(--destructive);color:var(--destructive)}.err--warn{background:#ee973314;border-color:#ee973340;border-left-color:oklch(.65 .18 65);color:oklch(.45 .13 50)}@media (prefers-color-scheme: dark){.err--warn{color:#fab45f}}.err--info{background:#48649114;border-color:#48649140;border-left-color:#4e72ac;color:#2d4772}@media (prefers-color-scheme: dark){.err--info{color:#9ab9eb}}@keyframes err-enter{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.offline-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;margin-top:.75rem;border-radius:9999px;border:1px solid oklch(.5 .08 260 / .25);background:#fdfbfcf2;color:#2d4772;font-size:.75rem;font-weight:500;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px -8px #0000002e;animation:offline-slide-in .24s cubic-bezier(.2,.9,.3,1)}@media (prefers-color-scheme: dark){.offline-banner{background:#230e1aeb;color:#9ab9eb}}.offline-banner--recovered{border-color:#6f13514d;color:var(--primary)}@media (prefers-color-scheme: dark){.offline-banner--recovered{color:#f86edc}}.offline-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:currentColor;animation:pulse 1.8s ease-in-out infinite}.offline-banner--recovered .offline-dot{animation:none;opacity:.8}@keyframes offline-slide-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.done{text-align:center;padding:1rem 0;font-size:.9375rem;color:var(--foreground)}.done-tick{display:inline-block;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);text-align:center;line-height:1.25rem;margin-right:.5rem;font-size:.8125rem}.spinner{display:inline-block;width:.875rem;height:.875rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1rem}.modal-card{width:100%;max-width:400px;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 60px -12px #0006;padding:1.75rem}@media (prefers-color-scheme: dark){.modal-card{border-color:#ffffff14;background:#000000d9}}.admin{min-height:100vh;background:var(--background);color:var(--foreground)}.admin-header{position:sticky;top:0;z-index:10;background:#fdfbfcd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (prefers-color-scheme: dark){.admin-header{background:#160810d9}}.admin-brand{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;letter-spacing:-.01em}.admin-brand img{height:1.25rem}.admin-nav{display:flex;gap:.25rem}.admin-nav a{padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--muted-foreground);text-decoration:none;border-radius:.375rem;transition:background-color .12s ease,color .12s ease}.admin-nav a:hover{color:var(--foreground);background:var(--muted)}.admin-nav a.active{color:var(--primary-foreground);background:var(--primary)}.admin-body{padding:2rem 1.5rem;max-width:72rem;margin:0 auto}.admin-title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 1.5rem}.admin-table-wrap{border-radius:.75rem;border:1px solid var(--border);background:var(--card);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-table th,.admin-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.admin-table th{font-weight:600;color:var(--muted-foreground);background:#ffe5fa66;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}@media (prefers-color-scheme: dark){.admin-table th{background:#3d1c2f66}}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:#fbcff44d}@media (prefers-color-scheme: dark){.admin-table tr:hover td{background:#4e1f3b4d}}.admin-table a{color:var(--primary);text-decoration:none;font-weight:500}.admin-table a:hover{text-decoration:underline}.admin-pill{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--accent);color:var(--accent-foreground)}.admin-notice{border-radius:.5rem;border:1px solid var(--border);background:var(--card);padding:1rem 1.25rem;margin-bottom:1.25rem}.admin-notice strong{display:block;margin-bottom:.25rem;font-weight:600}.admin-notice--ok{background:#6f13510d;border-color:#6f135140}.admin-notice--warn{background:#ee973314;border-color:#ee97334d}.admin-notice--error{background:oklch(.577 .245 27.325 / .08);border-color:oklch(.577 .245 27.325 / .3);color:var(--destructive)}.admin-button{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border-radius:.375rem;border:0;background:var(--primary);color:var(--primary-foreground);font-size:.8125rem;font-weight:500;cursor:pointer;transition:filter .12s ease}.admin-button:hover:not(:disabled){filter:brightness(1.08)}.admin-button:disabled{opacity:.55;cursor:not-allowed}.admin-button--ghost{background:transparent;color:var(--foreground);border:1px solid var(--border)}.admin-button--ghost:hover:not(:disabled){background:var(--muted);filter:none}.admin-empty,.admin-loading{padding:3rem 1rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.admin-stat{border-radius:.5rem;border:1px solid var(--border);background:var(--card);padding:.875rem 1rem}.admin-stat-label{font-size:.6875rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:0}.admin-stat-value{font-size:1.375rem;font-weight:600;letter-spacing:-.015em;margin:.25rem 0 0}