@import "https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--bg-primary:#0b0c10;--bg-secondary:#12131a;--bg-tertiary:#1a1c27;--accent-primary:#d1fe17;--accent-primary-hover:#bde615;--accent-secondary:#06b6d4;--accent-tertiary:#10b981;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff14;--border-focus:#8b5cf680;--glass-bg:#12131ab3;--glass-border:#ffffff0d;--glass-blur:blur(12px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-glow:0 0 20px #8b5cf640;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;transition:background-color .3s,border-color .3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.p-2{padding:8px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.m-0{margin:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:24px}.glass-card-interactive{composes:glass-card;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-interactive:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 0 30px #8b5cf61a}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-primary);color:#0b0c10;box-shadow:0 4px 12px #d1fe1740}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #d1fe1773}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);background:#0003;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #8b5cf640}.form-checkbox{appearance:none;border:1px solid var(--border-color);cursor:pointer;background:#0003;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:inline-flex}.form-checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.form-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.app-container{grid-template-columns:360px 1fr;height:100vh;display:grid;overflow:hidden}@media (width<=1024px){.app-container{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;overflow:auto}}.checkerboard{background-color:#e5e5e5;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.checkerboard-dark{background-color:#111215;background-image:linear-gradient(45deg,#181a20 25%,#0000 25%),linear-gradient(-45deg,#181a20 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#181a20 75%),linear-gradient(-45deg,#0000 75%,#181a20 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:10s linear infinite spin}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:24px}.mb-2\.5{margin-bottom:10px}.mb-1\.5{margin-bottom:6px}.mt-2\.5{margin-top:10px}.mt-1{margin-top:4px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.items-end{align-items:flex-end}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-wider{letter-spacing:.05em}.font-extrabold{font-weight:800}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.relative{position:relative}.rounded-2xl{border-radius:16px}.border{border:1px solid #0000}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-r{border-right:1px solid #0000}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.gap-1\.5{gap:6px}.gap-2\.5{gap:10px}.py-1\.5{padding-top:6px;padding-bottom:6px}.px-3{padding-left:12px;padding-right:12px}.hidden{display:none}.w-8{width:32px}.h-8{height:32px}.rounded-full{border-radius:9999px}.hover\:border-accent-primary:hover{border-color:var(--accent-primary)}.transition-all{transition:all .15s ease-in-out}.p-0{padding:0}.p-3{padding:12px}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.rounded-md{border-radius:6px}.rounded{border-radius:4px}.text-cyan-400{color:#22d3ee}.whitespace-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.w-12{width:48px}.h-12{height:48px}.flex-shrink-0{flex-shrink:0}.object-cover{object-fit:cover}