@import"https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--chassis-body: #C8B89A;--chassis-shadow: #A09070;--chassis-highlight: #D8CDB5;--screen-bg: #E8E8E8;--screen-bezel: #1A1A1A;--outer-bg: #000000;--color-forum: #F5823A;--color-media-start: #ff00cc;--color-media-end: #00ffcc;--color-shop: #4A9B5F;--color-about: #CC2200;--color-contact: #4A9B5F;--nav-hover: #D8D8D8;--footer-green: #33FF33;--scanline-opacity: .08}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--outer-bg);cursor:crosshair}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scroll-behavior:auto!important}a{text-decoration:none;color:inherit;cursor:crosshair}button{cursor:crosshair;border:none;background:none;font:inherit}.type-chassis{font-family:Bebas Neue,Anton,Impact,Arial Narrow,sans-serif;letter-spacing:.18em;text-transform:uppercase}.type-nav{font-family:IBM Plex Mono,Courier New,monospace;font-weight:600;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.type-protest{font-family:Anton,Impact,Arial Narrow,sans-serif;font-weight:900;line-height:.9;text-transform:uppercase;color:#000}.type-terminal{font-family:IBM Plex Mono,Courier New,monospace;font-size:10px;font-weight:400;letter-spacing:.05em}.crt-chassis{position:relative;width:100vw;height:100vh;background:linear-gradient(165deg,#ddd0b4,#d2c4a8 8%,#c8b89a 25%,#c0b090 55%,#b0a080 80%,#a89470);padding:38px 38px 0;border-radius:18px;border-top:4px solid #ecdfc8;border-left:4px solid #e0d2b8;border-right:4px solid #988a6c;border-bottom:5px solid #887858;box-shadow:inset 3px 3px #ffffff47,inset 0 1px 6px #ffffff1f,inset -3px -3px #0000001f,inset 0 -8px 20px #0000000f,0 10px 40px #000000a6,0 3px 10px #0006;display:flex;flex-direction:column;overflow:hidden}.crt-bezel{position:relative;background:#080808;border-radius:14px;padding:10px;box-shadow:inset 0 8px 28px #000000f2,inset 0 -5px 18px #000000b3,inset 8px 0 20px #0009,inset -8px 0 20px #0009,0 1px #c8b89a26;flex:1;min-height:0;overflow:hidden}.crt-screen{position:relative;width:100%;height:100%;background:var(--screen-bg);border-radius:10px;overflow:hidden;box-shadow:inset 0 0 80px #0000001f,inset 0 0 180px #0000000f,0 0 2px #c8c8c826}.scanline-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px)}.interference-bar{position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:11;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.06) 15%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.12) 55%,rgba(255,255,255,.06) 85%,transparent 100%);animation:drift-interference 22s linear infinite}.crt-screen:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;z-index:9;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.18) 100%)}@keyframes drift-interference{0%{top:-60px}to{top:calc(100% + 60px)}}.zap-overlay{position:absolute;inset:0;z-index:100;pointer-events:none}.zap-white{background:#fff}.zap-static{background:#111;overflow:hidden}.zap-static-canvas{width:100%;height:100%;image-rendering:pixelated}.zap-scanline{position:absolute;left:0;right:0;height:3px;background:#ffffffe6;box-shadow:0 0 12px #fff9;animation:scan-sweep .15s linear forwards}@keyframes scan-sweep{0%{top:0}to{top:100%}}.zap-black{background:#000;animation:fade-from-black .2s ease-out forwards}@keyframes fade-from-black{0%{opacity:1}to{opacity:0}}.chassis-brand{text-align:center;padding:14px 0 4px;color:#887860;font-size:clamp(24px,3vw,40px);letter-spacing:.2em;position:relative;text-shadow:0 2px 0 rgba(255,255,255,.3),0 -1px 1px rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.08);-webkit-user-select:none;user-select:none;flex-shrink:0}.chassis-brand:before{content:"";position:absolute;top:2px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.15) 20%,rgba(0,0,0,.15) 80%,transparent);box-shadow:0 1px #fff3}.chassis-footer{text-align:center;padding:4px 0 8px;color:var(--footer-green);font-size:10px;line-height:1.6;-webkit-user-select:none;user-select:none;text-shadow:0 0 8px rgba(51,255,51,.5);flex-shrink:0}.floating-media{position:fixed;top:6px;right:36px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:6px;background:conic-gradient(from 0deg,red,#f80,#ff0,#0f0,#08f,#80f,#f0f,red);background-size:100% 100%;animation:holo-rotate 4s linear infinite,media-pulse 3s ease-in-out infinite;cursor:crosshair}@keyframes holo-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes media-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.floating-media-text{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:13px;letter-spacing:.15em;color:#fff;text-transform:uppercase;text-shadow:-1px 0 0 rgba(255,0,50,.7),1px 0 0 rgba(0,200,255,.7)}.floating-media-disc{width:18px;height:18px;border-radius:50%;border:2px solid #fff;position:relative}.floating-media-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.icon-grid{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icon-grid-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 48px;transition:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.icon-grid-cell:hover{background:var(--nav-hover);filter:brightness(1.1);box-shadow:inset 0 0 0 1px #ffffff80}.icon-grid-cell:active{transform:scale(.97)}.icon-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-label{text-align:center;white-space:nowrap}.brand-text-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.85;text-align:center}.label-media{background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#80f,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:media-hue 3s linear infinite}@keyframes media-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.dvd-page{width:100%;height:100%;background:#111;display:flex;flex-direction:column;overflow:hidden}.dvd-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0}.dvd-title{font-family:Anton,Impact,sans-serif;font-size:16px;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#08f,#80f,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dvd-player-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.dvd-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:80%;max-width:500px;aspect-ratio:16 / 9;border:2px dashed #444;background:#0a0a0a;cursor:crosshair;position:relative}.dvd-dropzone:hover{border-color:#666;background:#111}.dvd-dropzone-icon{font-size:48px;color:#333;font-family:IBM Plex Mono,monospace}.dvd-dropzone-text{font-family:IBM Plex Mono,monospace;font-size:12px;color:#555;text-transform:uppercase;letter-spacing:.1em;text-align:center}.dvd-dropzone-text span{color:var(--footer-green);text-shadow:0 0 6px rgba(51,255,51,.3)}.dvd-file-input{position:absolute;inset:0;opacity:0;cursor:crosshair}.dvd-video{width:100%;height:100%;object-fit:contain;background:#000}.dvd-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1a1a1a;border-top:1px solid #333;flex-shrink:0}.dvd-ctrl-btn{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--footer-green);background:#222;border:1px solid #444;padding:4px 12px;cursor:crosshair;text-shadow:0 0 4px rgba(51,255,51,.3)}.dvd-ctrl-btn:hover{background:#333;border-color:#555}.dvd-ctrl-btn:active{transform:scale(.97)}.dvd-time{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--footer-green);text-shadow:0 0 4px rgba(51,255,51,.3);letter-spacing:.05em;min-width:90px}.dvd-seekbar{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;outline:none;cursor:crosshair;border-radius:0}.dvd-seekbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:14px;background:var(--footer-green);cursor:crosshair;box-shadow:0 0 6px #3f36}.dvd-filename{font-family:IBM Plex Mono,monospace;font-size:10px;color:#555;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.mini-zap{animation:mini-zap-flash .1s steps(1)}@keyframes mini-zap-flash{0%{filter:brightness(3) saturate(0)}to{filter:none}}.globe-container{position:absolute;bottom:14px;left:14px;width:48px;height:48px;perspective:160px;z-index:5}.globe-spinner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:globe-spin 8s linear infinite}.globe-ring{position:absolute;inset:0;border:1.5px solid rgba(51,255,51,.5);border-radius:50%;box-shadow:0 0 6px #33ff3326}.globe-equator{transform:rotateX(90deg)}.globe-tropic-n{width:76%;height:76%;inset:auto;transform:rotateX(90deg) translateZ(8px);position:absolute;border:1px solid rgba(51,255,51,.3);border-radius:50%;box-shadow:0 0 4px #33ff331a}.globe-tropic-s{width:76%;height:76%;inset:auto;transform:rotateX(90deg) translateZ(-8px);position:absolute;border:1px solid rgba(51,255,51,.3);border-radius:50%;box-shadow:0 0 4px #33ff331a}@keyframes globe-spin{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}.back-btn{display:inline-block;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:#222;border:1px solid #444;color:var(--footer-green);cursor:crosshair;text-shadow:0 0 4px rgba(51,255,51,.3)}.back-btn:hover{background:#333}.back-btn:active{transform:scale(.97)}.storybooks-page{width:100%;height:100%;background:#111;display:flex;flex-direction:column;overflow:hidden}.storybooks-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;gap:12px}.storybooks-topbar-title{font-family:Anton,Impact,sans-serif;font-size:16px;letter-spacing:.15em;text-transform:uppercase;color:var(--footer-green);text-shadow:0 0 8px rgba(51,255,51,.4)}.storybooks-grid-container{flex:1;overflow-y:auto;padding:14px;min-height:0}.storybooks-grid-container::-webkit-scrollbar{width:4px}.storybooks-grid-container::-webkit-scrollbar-track{background:#111}.storybooks-grid-container::-webkit-scrollbar-thumb{background:#333}.storybooks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.storybook-card{background:#1a1a1a;border:1px solid #333;cursor:crosshair;position:relative;overflow:hidden;transition:border-color .15s}.storybook-card:hover{border-color:var(--footer-green)}.storybook-card:active{transform:scale(.98)}.storybook-thumb{width:100%;aspect-ratio:16 / 9;background:#0a0a0a;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.storybook-thumb img{width:100%;height:100%;object-fit:cover}.storybook-thumb-play{position:absolute;font-size:28px;color:var(--footer-green);text-shadow:0 0 12px rgba(51,255,51,.5);opacity:0;transition:opacity .15s}.storybook-card:hover .storybook-thumb-play{opacity:1}.storybook-thumb-fallback{font-family:IBM Plex Mono,monospace;font-size:10px;color:#333;text-transform:uppercase;letter-spacing:.1em}.storybook-info{padding:8px 10px}.storybook-card-title{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--footer-green);text-shadow:0 0 4px rgba(51,255,51,.3);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storybook-duration{font-family:IBM Plex Mono,monospace;font-size:10px;color:#555;margin-top:4px;letter-spacing:.05em}.storybook-rename-input{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--footer-green);background:#0a0a0a;border:1px solid var(--footer-green);padding:2px 4px;width:100%;text-transform:uppercase;letter-spacing:.05em;outline:none;box-shadow:0 0 6px #3f33}.storybook-delete-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;color:#666;background:#000000b3;border:1px solid #444;cursor:crosshair;opacity:0;transition:opacity .15s;z-index:2}.storybook-card:hover .storybook-delete-btn{opacity:1}.storybook-delete-btn:hover{color:#f44;border-color:#f44}.storybook-add-card{border:2px dashed #444;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;cursor:crosshair;position:relative}.storybook-add-card:hover{border-color:#666;background:#111}.storybook-add-icon{font-size:32px;color:#444;font-family:IBM Plex Mono,monospace;font-weight:300;line-height:1}.storybook-add-card:hover .storybook-add-icon{color:var(--footer-green);text-shadow:0 0 8px rgba(51,255,51,.3)}.storybook-add-text{font-family:IBM Plex Mono,monospace;font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.1em}.storybook-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0}.storybook-title-input{flex:1;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--footer-green);background:#0a0a0a;border:1px solid #444;padding:6px 10px;text-transform:uppercase;letter-spacing:.05em;outline:none;text-shadow:0 0 4px rgba(51,255,51,.2)}.storybook-title-input:focus{border-color:var(--footer-green);box-shadow:0 0 6px #3f33}.storybook-title-input::placeholder{color:#444}.storybooks-loading{flex:1;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--footer-green);text-shadow:0 0 6px rgba(51,255,51,.3);letter-spacing:.1em;text-transform:uppercase;animation:storybook-blink 1s steps(1) infinite}@keyframes storybook-blink{0%,to{opacity:1}50%{opacity:.3}}.storybooks-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px}.storybooks-empty-text{font-family:IBM Plex Mono,monospace;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.1em;text-align:center}.storybooks-empty-text span{color:var(--footer-green);text-shadow:0 0 6px rgba(51,255,51,.3)}.storybooks-grid-container.drag-over{outline:2px dashed var(--footer-green);outline-offset:-4px;background:#33ff3305}.icon-grid-row{display:flex;gap:48px}@media(max-width:600px){.crt-chassis{padding:12px 10px 0;overflow:visible;border-radius:10px;border-top-width:3px;border-left-width:3px;border-right-width:3px;border-bottom-width:3px}.crt-bezel{border-radius:8px;padding:6px;flex:0 1 auto;height:calc(100vh - 160px);min-height:0}.crt-screen{border-radius:6px}.crt-screen:after{border-radius:6px}.chassis-brand{font-size:22px;padding:16px 0 4px;letter-spacing:.2em;flex-shrink:0;color:#5a4e3a;text-shadow:0 2px 0 rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.5),0 3px 8px rgba(0,0,0,.15)}.chassis-brand:before{left:8%;right:8%}.chassis-footer{font-size:10px;padding:4px 0 10px;flex-shrink:0}.floating-media{top:4px;right:10px;padding:6px 10px;gap:5px}.floating-media-text{font-size:10px}.floating-media-disc{width:14px;height:14px}.floating-media-disc:after{width:4px;height:4px}.globe-container{width:32px;height:32px;bottom:8px;left:8px}.icon-grid-row{flex-direction:column;gap:16px}.icon-grid-cell{padding:16px 32px}.icon-box{width:60px;height:60px}.dvd-topbar{padding:8px 10px;gap:8px}.dvd-title{font-size:13px}.dvd-dropzone{width:92%}.dvd-dropzone-icon{font-size:36px}.dvd-dropzone-text{font-size:11px}.dvd-controls{gap:6px;padding:8px;flex-wrap:wrap}.dvd-ctrl-btn{padding:8px 12px;font-size:12px;min-height:36px}.dvd-seekbar{min-width:0;flex:1 1 100%;order:10;height:6px}.dvd-seekbar::-webkit-slider-thumb{width:18px;height:22px}.dvd-time{font-size:10px;min-width:70px}.dvd-filename{font-size:9px;max-width:100px}.back-btn{padding:6px 10px;font-size:10px;min-height:32px}.storybooks-topbar{padding:8px 10px;gap:8px}.storybooks-topbar-title{font-size:13px}.storybooks-grid-container{padding:10px}.storybooks-grid{grid-template-columns:1fr;gap:10px}.storybook-card-title{font-size:12px}.storybook-duration{font-size:11px}.storybook-delete-btn{opacity:1;width:28px;height:28px;font-size:14px}.storybook-thumb-play{opacity:.7}.storybook-add-card{min-height:100px}.storybook-input-bar{padding:8px 10px;gap:6px;flex-wrap:wrap}.storybook-title-input{font-size:13px;padding:8px 10px;flex:1 1 100%}.storybooks-empty{padding:20px}.storybooks-empty-text{font-size:11px}}