:root{--primary-bg-color: #223;--primary-color: #fff;--accent-bg-color: #ccff02;--accent-color: #000;--error-bg-color: #c00;--error-color: #fff;--font-medium: 1.25rem;--animation-duration: .5s;font-family:sans-serif;background:var(--primary-bg-color);color:var(--primary-color);text-wrap:balance;interpolate-size:allow-keywords}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem}nav>div{display:flex;justify-content:center;align-items:center;gap:1rem}a{text-decoration:none}button,.button{cursor:pointer;text-box:trim-both cap alphabetic;display:flex;align-items:center;gap:.25em;padding:.5rem 1rem;border-radius:10px;background-color:var(--accent-bg-color);color:var(--accent-color);border:none;font-size:var(--font-medium);font-weight:700}:is(button,.button).button--error{background-color:var(--error-bg-color);color:var(--error-color)}:is(button,.button)>svg.lucide{width:1.25em;height:1.25em}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}input,select,textarea{field-sizing:content;min-width:200px;max-width:100%}dialog{width:500px;max-width:95dvw;text-align:center;transition:opacity var(--animation-duration) ease,translate var(--animation-duration) ease;border-radius:10px}dialog::backdrop{cursor:pointer;-webkit-backdrop-filter:brightness(.5) blur(5px);backdrop-filter:brightness(.5) blur(5px);transition:opacity var(--animation-duration) ease}dialog[open]{opacity:1;translate:0 0}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0;translate:0 2rem}dialog[open]::backdrop{opacity:0}}.logo{height:5rem}.logo .logo__ticket{fill:var(--accent-bg-color)}.logo .logo__text{fill:var(--primary-color)}.toast{margin:0;position:fixed;left:50%;translate:-50% 0;text-align:center;text-box:trim-both cap alphabetic;padding:1rem;border-radius:10px;border:none;transition:top var(--animation-duration) ease}.toast.toast--success{background-color:var(--accent-bg-color);color:var(--accent-color)}.toast.toast--error{background-color:var(--error-bg-color);color:var(--error-color)}.toast .toast__line{height:5px;background:#fff;position:absolute;bottom:0;left:0;animation:shrinkWidth linear forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shrinkWidth{0%{width:100%}to{width:0%}}
