@tailwind base;@tailwind components;@tailwind utilities;:root{--neon-pink: #FF006E;--neon-cyan: #00F5FF;--neon-yellow: #FFD60A;--neon-purple: #7000FF;--dark-bg: #050508;--dark-panel: #0A0A0F;--dark-surface: #14141E;--dark-input: #0F0F16;--glass-border: rgba(255, 255, 255, .15);--glass-bg: rgba(10, 10, 15, .9);--page-height: min(92vh, 900px);--page-width: calc(var(--page-height) * .666);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--thumb-zone-bottom: 80px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}body{margin:0;font-family:Rajdhani,sans-serif;background-color:var(--dark-bg);color:#f0f0f0;overflow-x:hidden;width:100vw;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:40px 40px}.font-comic{font-family:Teko,sans-serif;text-transform:uppercase;letter-spacing:.05em}.bg-halftone{background-image:radial-gradient(circle,var(--neon-cyan) 1px,transparent 1px);background-size:20px 20px;background-color:#050508}@keyframes comic-pop-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes comic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes comic-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-comic-pop{animation:comic-pop-in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-comic-float{animation:comic-float 3s ease-in-out infinite}.animate-comic-shake{animation:comic-shake .5s ease-in-out infinite}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--dark-surface);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -5px 30px #00000080;z-index:1000;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding-bottom:var(--safe-area-bottom);border-top:1px solid var(--neon-pink)}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:12px auto}.pull-indicator{height:60px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);font-family:Teko,sans-serif;font-size:1.2rem;overflow:hidden;transition:all .2s ease}.comic-btn{position:relative;font-family:Teko,sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--neon-cyan);background:#00f5ff1a;color:var(--neon-cyan);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s ease;box-shadow:0 0 10px #00f5ff1a;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.comic-btn:active{transform:scale(.96);background:var(--neon-cyan);color:#000}.comic-btn:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.comic-btn:disabled{border-color:#333;background:#00000080;color:#666;cursor:not-allowed;box-shadow:none}.btn-primary{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff006e1a}.btn-primary:active{background:var(--neon-pink);color:#fff}.btn-primary:hover:not(:disabled){background:var(--neon-pink);color:#fff;box-shadow:0 0 25px var(--neon-pink)}.btn-accent{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffd60a1a}.btn-accent:active{background:var(--neon-yellow);color:#000}.btn-accent:hover:not(:disabled){background:var(--neon-yellow);color:#000;box-shadow:0 0 25px var(--neon-yellow)}.cyber-card{background:var(--dark-surface);border:1px solid var(--glass-border);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.5}.cyber-card:active{background:#1f1f2e}input,select,textarea{background-color:var(--dark-input)!important;color:#fff!important;border:1px solid #444!important;border-radius:2px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--neon-cyan)!important;outline:none;box-shadow:0 0 10px #00f5ff33}input::placeholder,textarea::placeholder{color:#666}option{background-color:var(--dark-bg);color:#fff}.comic-scene{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;perspective:3500px;padding-top:60px;padding-bottom:calc(60px + var(--safe-area-bottom));width:100%;overflow-x:hidden}.book{position:relative;width:var(--page-width);height:var(--page-height);transform-style:preserve-3d;transition:transform .5s ease;margin:0 auto}@media(max-width:768px){:root{--page-height: min(70vh, 500px)}.book.opened{transform:translate(0)}.book{width:90vw;max-width:450px;margin-left:auto;margin-right:auto}}@media(orientation:landscape)and (max-height:600px){:root{--page-height: 100dvh;--page-width: calc(var(--page-height) * .75)}body{overflow:hidden;background-color:#000}.comic-scene{padding:0!important;height:100dvh;width:100vw;overflow:hidden;justify-content:center;align-items:center}.book{width:var(--page-width)!important;height:var(--page-height)!important;max-width:none!important;margin:auto}.book.opened{transform:translate(0)!important}}@media(min-width:769px){.book.opened{transform:translate(25%)}}@media(min-width:1000px){.book.opened{transform:translate(calc(var(--page-width) / 2))}}.paper{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.645,.045,.355,1)}.paper.flipped{transform:rotateY(-180deg)}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:var(--dark-panel)}.back{transform:rotateY(180deg)}.panel-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;padding:2px;box-sizing:border-box}@media(min-width:768px){.panel-container{padding:8px}}.panel-image{width:100%;height:100%;object-fit:contain;background-color:#111;border:1px solid #222}.speech-bubble{border-radius:50%/12px}.shout-bubble{background:#fff;border:3px solid #000;clip-path:polygon(0% 15%,5% 10%,10% 20%,20% 0%,30% 15%,45% 0%,55% 15%,70% 0%,80% 15%,90% 5%,100% 20%,95% 40%,100% 60%,90% 80%,100% 90%,80% 85%,60% 100%,50% 85%,30% 100%,20% 85%,0% 100%,10% 70%,0% 50%,10% 30%);display:flex;align-items:center;justify-content:center;padding:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-glow{text-shadow:0 0 10px currentColor}.scanline{background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}