@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@keyframes glow{0%,to{box-shadow:0 0 8px #3b82f666,0 0 20px #3b82f633}50%{box-shadow:0 0 16px #3b82f6cc,0 0 40px #3b82f666}}@keyframes glow-purple{0%,to{box-shadow:0 0 8px #a855f766,0 0 20px #a855f726}50%{box-shadow:0 0 20px #a855f7cc,0 0 50px #a855f766}}@keyframes glow-cyan{0%,to{box-shadow:0 0 8px #0ff6,0 0 20px #00ffff26}50%{box-shadow:0 0 20px #0ffc,0 0 50px #00ffff59}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float-subtle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-3px) rotate(.5deg)}66%{transform:translateY(-5px) rotate(-.5deg)}}@keyframes cyber-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cyber-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cyber-fade{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.55}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes scanline-flash{0%{opacity:0}2%{opacity:.06}4%{opacity:0}to{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes flicker{0%,90%,to{opacity:1}91%{opacity:.85}92%{opacity:1}93%{opacity:.7}94%{opacity:1}95%{opacity:.9}96%{opacity:1}}@keyframes data-stream{0%{background-position:0% 0%}to{background-position:0% 200%}}@keyframes border-trace{0%{clip-path:inset(0 100% 100% 0)}25%{clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0 0)}75%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 100% 100% 0)}}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-glow-purple{animation:glow-purple 2s ease-in-out infinite}.animate-glow-cyan{animation:glow-cyan 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-subtle{animation:float-subtle 5s ease-in-out infinite}.animate-cyber-slide{animation:cyber-slide .4s ease-out both}.animate-cyber-fade{animation:cyber-fade .35s ease-out both}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-scanline{animation:scanline 8s linear infinite}.animate-spin-slow{animation:spin-slow 1.2s linear infinite}.animate-flicker{animation:flicker 5s linear infinite}.animate-cyber-slide.delay-50{animation-delay:50ms}.animate-cyber-slide.delay-100{animation-delay:.1s}.animate-cyber-slide.delay-150{animation-delay:.15s}.animate-cyber-slide.delay-200{animation-delay:.2s}.animate-cyber-slide.delay-300{animation-delay:.3s}.animate-cyber-slide.delay-400{animation-delay:.4s}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #0A0A0F;--bg-secondary: #121217;--bg-tertiary: #1C1C24;--neon-blue: #3B82F6;--neon-purple: #A855F7;--neon-cyan: #00FFFF;--neon-pink: #F472B6;--neon-green: #00FF88;--text-primary: #FAFAFA;--text-secondary:#B3B3B3;--transition: .2s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Space Grotesk,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue);box-shadow:0 0 8px #3b82f699}::selection{background:#3b82f659;color:#fff}::-moz-selection{background:#3b82f659;color:#fff}*{box-sizing:border-box}}@layer components{.cyber-app{@apply min-h-screen bg-bg-primary relative;background-image:radial-gradient(at 20% 80%,rgba(59,130,246,.08) 0px,transparent 50%),radial-gradient(at 80% 20%,rgba(168,85,247,.06) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(0,255,255,.03) 0px,transparent 60%)}.cyber-app:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}.glass-header{@apply sticky top-0 z-50;background:#0a0a0fd9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(59,130,246,.15);box-shadow:0 1px #3b82f61a,0 4px 24px #00000080}.logo-glow{@apply font-display font-bold tracking-widest;background:linear-gradient(135deg,#60a5fa,#a855f7,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(96,165,250,.5));animation:flicker 5s linear infinite}.header-badge{@apply inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-mono font-medium;background:#3b82f61a;border:1px solid rgba(59,130,246,.4);color:var(--neon-cyan);box-shadow:0 0 12px #00ffff26,inset 0 0 12px #00ffff0d}.stat-chip{@apply flex flex-col items-center px-4 py-2 rounded;background:#1c1c24cc;border:1px solid rgba(255,255,255,.06)}.stat-number{@apply font-mono font-semibold text-lg leading-none;}.stat-label{@apply text-xs text-text-tertiary mt-0.5 tracking-wide uppercase;}.neon-button{@apply relative inline-flex items-center justify-center gap-2 px-5 py-2.5 rounded font-medium text-sm transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-neon-blue;background:#3b82f61f;border:1px solid rgba(59,130,246,.4);color:#fafafa}.neon-button:hover{background:#3b82f638;border-color:#3b82f6cc;box-shadow:0 0 16px #3b82f666,0 0 4px #3b82f699;transform:translateY(-1px)}.neon-button:active{transform:translateY(0)}.neon-button-purple{@apply neon-button;background:#a855f71f;border-color:#a855f766}.neon-button-purple:hover{background:#a855f738;border-color:#a855f7cc;box-shadow:0 0 16px #a855f766,0 0 4px #a855f799}.icon-button{@apply relative p-2 rounded transition-all duration-200 text-text-secondary hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-neon-blue;background:transparent;border:1px solid transparent}.icon-button:hover{background:#3b82f61a;border-color:#3b82f64d;color:var(--neon-blue)}.time-button{@apply relative flex flex-col items-center justify-center px-4 py-3 rounded font-mono text-sm font-medium transition-all duration-200 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-neon-blue;background:#1c1c24e6;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);min-width:64px}.time-button:hover{border-color:#3b82f680;color:var(--text-primary);background:#3b82f614;box-shadow:0 0 12px #3b82f633}.time-button.active{background:#3b82f62e;border-color:#3b82f6cc;color:#fafafa;box-shadow:0 0 16px #3b82f666,inset 0 0 12px #3b82f61a}.filter-pill{@apply inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-200 cursor-pointer select-none focus:outline-none focus-visible:ring-2;border:1px solid transparent}.filter-pill:hover{transform:translateY(-1px)}.filter-pill:active{transform:translateY(0)}.filter-coffee{@apply filter-pill;background:#f59e0b1a;border-color:#f59e0b59;color:#fcd34d}.filter-coffee:hover,.filter-coffee.active{background:#f59e0b33;border-color:#f59e0bb3;box-shadow:0 0 14px #f59e0b4d;color:#fde68a}.filter-lunch{@apply filter-pill;background:#10b9811a;border-color:#10b98159;color:#6ee7b7}.filter-lunch:hover,.filter-lunch.active{background:#10b98133;border-color:#10b981b3;box-shadow:0 0 14px #10b9814d;color:#a7f3d0}.filter-night{@apply filter-pill;background:#a855f71a;border-color:#a855f759;color:#c084fc}.filter-night:hover,.filter-night.active{background:#a855f733;border-color:#a855f7b3;box-shadow:0 0 14px #a855f74d;color:#d8b4fe}.filter-weekend{@apply filter-pill;background:#3b82f61a;border-color:#3b82f659;color:#93c5fd}.filter-weekend:hover,.filter-weekend.active{background:#3b82f633;border-color:#3b82f6b3;box-shadow:0 0 14px #3b82f64d;color:#bfdbfe}.cyber-search{@apply relative w-full;}.cyber-search input{@apply w-full pl-10 pr-4 py-3 rounded text-sm text-text-primary placeholder-text-tertiary transition-all duration-200 focus:outline-none;background:#121217e6;border:1px solid rgba(255,255,255,.08)}.cyber-search input:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61f,0 0 20px #3b82f626;background:#16161ef2}.cyber-search .search-icon{@apply absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary transition-colors duration-200 pointer-events-none;}.cyber-search input:focus~.search-icon,.cyber-search:focus-within .search-icon{color:var(--neon-blue)}.cyber-card{@apply relative rounded overflow-hidden transition-all duration-300 cursor-pointer;background:var(--bg-card, #16161E);border:1px solid rgba(255,255,255,.06);animation:cyber-slide .4s ease-out both}.cyber-card:hover{border-color:#3b82f680;box-shadow:0 0 20px #3b82f633,0 8px 32px #0009;transform:translateY(-4px) scale(1.01)}.cyber-card .card-cover{@apply relative w-full overflow-hidden;aspect-ratio:3 / 4}.cyber-card .card-cover img{@apply w-full h-full object-cover transition-transform duration-500;}.cyber-card:hover .card-cover img{transform:scale(1.06)}.cyber-card .card-overlay{@apply absolute inset-0;background:linear-gradient(180deg,transparent 35%,rgba(10,10,15,.98) 100%)}.cyber-card .card-unavailable{@apply absolute inset-0 flex flex-col items-center justify-center gap-2 z-10;background:#0a0a0fd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cyber-card .category-badge{@apply absolute top-2 left-2 px-2 py-0.5 text-xs font-medium rounded;background:#a855f740;border:1px solid rgba(168,85,247,.5);color:#c084fc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cyber-card .card-body{@apply px-3 pb-3 pt-2;}.cyber-card .card-title{@apply text-sm font-semibold text-text-primary leading-tight line-clamp-1;}.cyber-card .card-time-total{@apply font-mono text-sm font-semibold;color:var(--neon-blue)}.cyber-card .card-time-session{@apply flex items-center gap-1 text-xs text-text-tertiary font-mono;}.cyber-loading{@apply flex flex-col items-center justify-center gap-4 py-20;}.cyber-spinner{@apply relative w-12 h-12;}.cyber-spinner:before,.cyber-spinner:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent}.cyber-spinner:before{border-top-color:var(--neon-blue);border-right-color:var(--neon-blue);animation:spin-slow 1.2s linear infinite}.cyber-spinner:after{inset:4px;border-bottom-color:var(--neon-purple);border-left-color:var(--neon-purple);animation:spin-slow .8s linear infinite reverse}.cyber-loading-text{@apply text-sm font-mono tracking-widest uppercase;color:var(--text-tertiary);animation:pulse-slow 2s ease-in-out infinite}.cyber-divider{@apply w-full h-px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),rgba(168,85,247,.2),transparent)}.cyber-tooltip{@apply absolute z-50 px-2.5 py-1.5 text-xs rounded pointer-events-none whitespace-nowrap font-mono opacity-0 transition-opacity duration-150;background:#1c1c24f2;border:1px solid rgba(59,130,246,.4);color:var(--text-secondary);box-shadow:0 4px 12px #00000080;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}*:hover>.cyber-tooltip{@apply opacity-100;}.section-title{@apply text-xs font-mono font-semibold uppercase tracking-[.15em];color:var(--text-tertiary)}.empty-state{@apply flex flex-col items-center justify-center gap-3 py-16 text-center;}.empty-state-icon{@apply text-4xl opacity-30;}.empty-state-text{@apply text-sm text-text-tertiary font-mono;}.refresh-button{@apply icon-button;}.refresh-button:hover svg{animation:spin-slow .6s linear;color:var(--neon-cyan)}.cards-grid{@apply grid gap-4;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.cards-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1536px){.cards-grid{grid-template-columns:repeat(6,1fr)}}}@layer utilities{.text-neon-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-neon{border-color:#3b82f680;box-shadow:0 0 12px #3b82f633}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}