:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem;--white: #ffffff;--black: #000000;--gray-light: #f5f5f5;--gray-mid: #e0e0e0;--gray-dark: #666666;--font-family: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--content-max-width: 1800px;--border-width: 1px;--transition: all .15s ease}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;margin:0}body{font-family:var(--font-family);background:#000;color:hsl(var(--foreground));margin:0;min-height:100%;overflow:hidden;cursor:none;position:relative}body.ui-page{background:linear-gradient(90deg,#c1e4f7,#f7e0c1)!important}.dark body.ui-page{background:linear-gradient(90deg,#2a3544,#3a2f2a)!important}#app{width:100vw;height:100vh;position:relative}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:hsl(var(--foreground))}.loading-content{text-align:center;max-width:400px;padding:3rem;background:hsl(var(--card));border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius)}.loading-logo{display:none}.loading-text{font-size:1rem;color:hsl(var(--foreground));margin-bottom:2rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.loading-spinner{width:40px;height:40px;border:2px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.logo-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;background:linear-gradient(90deg,#c1e4f7,#f7e0c1)}.logo-screen-logo{width:60vw;max-width:900px;aspect-ratio:114 / 32;-webkit-mask:url(../logo.svg) center / contain no-repeat;mask:url(../logo.svg) center / contain no-repeat;transition:background-color .4s ease;background-color:#1e1e1e;-webkit-user-select:none;user-select:none;pointer-events:none}.content-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.content-display img,.content-display video{max-width:100%;max-height:100%;object-fit:contain}.error-message,.offline-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:hsl(var(--foreground));text-align:center;padding:2rem}.error-content,.offline-content{max-width:500px;padding:3rem;background:hsl(var(--card));border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius)}.error-icon,.offline-icon{display:none}.error-title,.offline-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em;color:hsl(var(--foreground))}.error-text,.offline-text{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1.5rem;font-weight:400}.error-status,.offline-status{padding:.75rem 1.5rem;border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.debug-info{position:fixed;top:1rem;right:1rem;background:hsl(var(--card));padding:1rem;font-size:.75rem;font-family:var(--font-mono);color:hsl(var(--card-foreground));border:var(--border-width) solid hsl(var(--border));border-radius:var(--radius);display:none;min-width:200px;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.debug-info.visible{display:block}.debug-info h4{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.debug-info div{margin:.25rem 0;display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:var(--border-width) solid hsl(var(--border))}.debug-info div:last-child{border-bottom:none}.debug-info .debug-key{color:hsl(var(--muted-foreground));font-weight:400}.debug-info .debug-value{color:hsl(var(--foreground));font-weight:600}.content-container{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}body[data-low-perf=true] *,body[data-low-perf=true] *:before,body[data-low-perf=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body[data-low-perf=true] .loading-spinner{animation:spin 1.4s linear infinite!important}