*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--bg: #ffffff;--bg-elevated: #fafafa;--fg: #000000;--fg-muted: #666666;--border: #eaeaea;--border-strong: #000000;--accent: #000000;--accent-fg: #ffffff;--focus: #0070f3;--success-fg: #0c7a3d;--success-bg: #e9f7ef;--success-border: #b7e4c7;--danger-fg: #b3261e;--danger-bg: #fbeaea;--danger-border: #f3c2c0;--radius: 8px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg-elevated: #0a0a0a;--fg: #ededed;--fg-muted: #8f8f8f;--border: #1f1f1f;--border-strong: #ededed;--accent: #ffffff;--accent-fg: #000000;--focus: #3291ff;--success-fg: #6ee7a8;--success-bg: #0e2a1b;--success-border: #1c5238;--danger-fg: #ff8783;--danger-bg: #2a1110;--danger-border: #5c2826}}body{min-height:100dvh;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}#app{max-width:none;margin:0;padding:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.checker{flex:1;width:100%;max-width:36rem;margin-inline:auto;padding:clamp(2rem,8vh,6rem) 1.5rem 3rem;display:flex;flex-direction:column;gap:2rem}.checker__intro{display:flex;flex-direction:column;gap:.75rem}.checker__eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.checker__title{font-size:clamp(2.25rem,7vw,3.25rem);line-height:1.05;letter-spacing:-.03em;margin:0;font-weight:700}.checker__subtitle{margin:0;color:var(--fg-muted);font-size:1.0625rem;line-height:1.5;max-width:30rem}.checker__form{display:flex;gap:.75rem}@media(max-width:28rem){.checker__form{flex-direction:column}}.checker__field{flex:1;display:block}.checker__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checker__field input{width:100%;height:3rem;padding:0 .875rem;font-size:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.checker__field input::placeholder{color:var(--fg-muted)}.checker__field input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent)}.checker__field input[aria-invalid=true]{border-color:var(--danger-border)}.checker__field input:disabled{opacity:.6}.checker__button{height:3rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;color:var(--accent-fg);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;transition:opacity .15s ease,transform .05s ease}.checker__button:hover:not(:disabled){opacity:.85}.checker__button:active:not(:disabled){transform:translateY(1px)}.checker__button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}.checker__button:disabled{cursor:progress;opacity:.7}.checker__output{min-height:5rem}.checker__hint{margin:0;color:var(--fg-muted);font-size:.9375rem;line-height:1.6}.checker__hint code,.checker__card code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875em;padding:.1em .4em;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border)}.checker__card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);animation:card-in .2s ease}.checker__card strong{font-size:1.0625rem;font-weight:600}.checker__card span{color:var(--fg-muted);font-size:.9375rem;line-height:1.5}.checker__card--loading{flex-direction:row;align-items:center;gap:.75rem}.checker__card--loading span{color:var(--fg)}.checker__card--available{background:var(--success-bg);border-color:var(--success-border)}.checker__card--taken,.checker__card--error{background:var(--danger-bg);border-color:var(--danger-border)}.checker__badge{align-self:flex-start;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px}.checker__card--available .checker__badge{color:var(--success-fg);background:color-mix(in srgb,var(--success-fg) 15%,transparent)}.checker__card--taken .checker__badge{color:var(--danger-fg);background:color-mix(in srgb,var(--danger-fg) 15%,transparent)}.checker__spinner{width:1.125rem;height:1.125rem;flex:none;border:2px solid var(--border);border-top-color:var(--fg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.checker__spinner{animation-duration:1.4s}.checker__card{animation:none}}