@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;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;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-width:1024px){body{overflow-x:hidden!important;background-color:#000!important}header,.fixed.top-0:not(.z-\\[210\\]){display:none!important}.comic-scene{padding:0!important;height:100dvh!important;width:100vw!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#000!important;perspective:2000px!important;overflow:hidden!important}.book{width:50vw!important;height:100dvh!important;margin:0 auto!important;transform-style:preserve-3d!important}.book.opened{transform:translate(50%)!important}.panel-container{padding:0!important;width:100%!important;height:100%!important}.panel-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!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;overflow:hidden;position:relative}@media(min-width:768px){.panel-container{padding:8px}}.panel-image{width:100%;height:100%;object-fit:contain;object-position:center;background-color:#111;border:1px solid #222;display:block;max-width:100%;max-height:100%}.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}.manga-page{scroll-snap-align:start;scroll-snap-stop:always;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;position:relative;contain:layout style paint}.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}@media(orientation:landscape)and (max-width:1024px){.fixed.top-20.right-4{top:auto!important;bottom:8px!important;right:8px!important;flex-direction:row!important;gap:8px!important;z-index:950!important}.fixed.top-20.right-4 button{padding:4px 12px!important;font-size:10px!important}}@keyframes slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.animate-slide-in{animation:slide-in .3s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-out{animation:slide-out .3s cubic-bezier(.16,1,.3,1) forwards}