:root{--win98-teal: #008080;--win98-gray: #c0c0c0;--win98-dark-gray: #808080;--win98-light-gray: #dfdfdf;--win98-white: #ffffff;--win98-black: #000000;--win98-blue: #000080;--win98-light-blue: #1084d0;--win98-red: #ff0000;--win98-green: #00b000;--win98-yellow: #ffff00;--border-highlight: #ffffff;--border-shadow: #808080;--border-dark-shadow: #000000;--font-sans: "MS Sans Serif", "Microsoft Sans Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", Courier, monospace;--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Android Emoji", "EmojiSymbols", sans-serif;--icon-grid-width-base: 70px;--icon-grid-height-base: 90px;--icon-grid-step-x-base: 80px;--icon-grid-step-y-base: 100px;--icon-grid-width: var(--icon-grid-width-base);--icon-grid-height: var(--icon-grid-height-base);--icon-grid-step-x: var(--icon-grid-step-x-base);--icon-grid-step-y: var(--icon-grid-step-y-base);--taskbar-height: 28px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:11px;background-color:var(--win98-teal);color:var(--win98-black);overflow:hidden}body{height:100vh;width:100vw}button{font-family:var(--font-sans);font-size:11px;cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:11px}.desktop{width:100vw;height:100vh;background-color:var(--win98-teal);background-image:url(/agora.ico/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:0;margin:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.desktop-content{position:relative;flex:1;padding:8px;overflow:auto;height:calc(100vh - var(--taskbar-height));z-index:2}.matrix-rain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:1;image-rendering:pixelated;transition:opacity .4s ease}.desktop-icon{width:var(--icon-grid-width);height:var(--icon-grid-height);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;cursor:pointer;padding:4px;border-radius:2px;background-color:#00000040;transition:background-color .1s ease;-webkit-user-select:none;user-select:none;position:absolute;touch-action:none}.desktop-icon:hover{background-color:#0000001a}.desktop-icon.selected{background-color:#0003;box-shadow:inset 0 0 0 1px var(--win98-light-blue)}.desktop-icon-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;font-family:var(--font-emoji);line-height:1;text-align:center}.desktop-icon-label{font-size:12px;text-align:center;color:var(--win98-white);text-shadow:1px 1px 0 var(--win98-black);line-height:1.2;word-break:break-word;width:100%;max-width:var(--icon-grid-width);background-color:#00000073;padding:2px 4px;border-radius:2px}.desktop-icon-label.selected{background-color:var(--win98-light-blue);color:var(--win98-white);text-shadow:none;padding:1px 2px;border:1px solid var(--win98-white)}.window{position:fixed;background-color:var(--win98-gray);border-style:solid;border-width:2px;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);border-radius:0;box-shadow:1px 1px 0 0 var(--border-shadow);display:flex;flex-direction:column;min-width:200px;min-height:100px;z-index:1000;animation:windowOpen .15s ease-out;top:50px}@keyframes windowOpen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.window.minimized{display:none}.window-title-bar{background:linear-gradient(to right,var(--win98-blue) 0%,var(--win98-light-blue) 100%);color:var(--win98-white);padding:2px;display:flex;justify-content:space-between;align-items:center;gap:2px;-webkit-user-select:none;user-select:none;cursor:move}.window-title-text{flex:1;font-weight:700;font-size:11px;padding:0 2px;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.window-controls{display:flex;gap:2px}.window-btn{width:16px;height:14px;padding:0;background-color:var(--win98-gray);border:1px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--win98-black);transition:all .05s ease}.window-btn:active{border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);box-shadow:inset 1px 1px #0000004d}.window-btn:hover{background-color:var(--win98-light-gray)}.window-content{flex:1;padding:4px;overflow-y:auto;overflow-x:hidden;background-color:var(--win98-gray)}.window-footer{padding:2px;border-top:1px solid;border-top-color:var(--border-highlight);display:flex;justify-content:flex-end;gap:4px;background-color:var(--win98-gray)}.btn{background-color:var(--win98-gray);border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);padding:3px 12px;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:50px;text-align:center;transition:all .05s ease;font-family:var(--font-sans);font-weight:400}.btn:hover:not(:disabled){background-color:var(--win98-light-gray)}.btn:active:not(:disabled){border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);box-shadow:inset 1px 1px #0000004d}.btn:disabled{color:var(--win98-light-gray);text-shadow:1px 1px 0 var(--win98-white);cursor:not-allowed;opacity:.6}.btn.primary{min-width:75px;font-weight:700}.btn-group{display:flex;gap:6px;justify-content:flex-end}.input-field,.textarea-field,.select-field{background-color:var(--win98-white);border:2px solid;border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);padding:3px 4px;font-size:11px;font-family:var(--font-sans);color:var(--win98-black);outline:none;transition:border-color .1s ease}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--win98-light-blue)}.textarea-field{resize:vertical;min-height:80px}.select-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpolygon points='0,0 12,0 6,8' fill='%23000'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:12px auto}.form-group{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:700;color:var(--win98-black)}.form-hint{font-size:9px;color:var(--win98-dark-gray);margin-top:-2px}.form-error{font-size:9px;color:var(--win98-red);margin-top:-2px}.taskbar{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-height);background-color:var(--win98-gray);border-top:2px solid;border-top-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);display:flex;align-items:center;padding:2px;gap:2px;z-index:999;font-size:11px;box-shadow:inset 1px 1px 0 0 var(--border-highlight)}.taskbar-start{display:flex;align-items:center;gap:0}.start-btn{background:linear-gradient(to bottom,var(--border-highlight),var(--win98-gray));border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);padding:2px 6px;font-size:13px;font-weight:700;cursor:pointer;min-width:50px;text-align:center;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;transition:all .05s ease}.start-btn:hover{background-color:var(--win98-light-gray)}.start-btn:active{border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);box-shadow:inset 1px 1px #0000004d}.start-icon{width:16px;height:14px;background:linear-gradient(135deg,red,red 25%,#00b000 25%,#00b000 50%,#00f 50%,#00f 75%,#ff0 75%,#ff0)}.taskbar-items{flex:1;display:flex;gap:2px;align-items:center;padding-left:4px}.taskbar-item{background-color:var(--win98-gray);border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);padding:2px 6px;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .05s ease;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-item:hover{background-color:var(--win98-light-gray)}.taskbar-item.active{border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);box-shadow:inset 1px 1px #0000004d}.taskbar-clock{margin-left:auto;padding-right:4px;border-left:1px solid var(--border-highlight);padding-left:4px;font-size:10px;min-width:50px;text-align:right;-webkit-user-select:none;user-select:none}.taskbar-sound{background-color:var(--win98-gray);border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);padding:2px 6px;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .05s ease;margin-right:4px}.taskbar-sound:active{border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow);box-shadow:inset 1px 1px #0000004d}.taskbar-sound.off{color:var(--win98-dark-gray)}.start-menu{position:fixed;bottom:var(--taskbar-height);left:0;width:250px;background-color:var(--win98-gray);border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);box-shadow:-2px -2px 0 0 var(--border-shadow);display:flex;flex-direction:column;max-height:400px;overflow-y:auto;z-index:1001;animation:startMenuOpen .15s ease-out}@keyframes startMenuOpen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-menu-header{background:linear-gradient(to right,var(--win98-blue) 0%,var(--win98-light-blue) 100%);color:var(--win98-white);padding:4px 8px;font-weight:700;font-size:12px;border-bottom:2px solid;border-bottom-color:var(--border-highlight)}.start-menu-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;transition:background-color .05s ease;font-size:11px}.start-menu-item:hover{background-color:var(--win98-light-blue);color:var(--win98-white)}.start-menu-item.separator{cursor:default;padding:1px 0;margin:2px 0;border-bottom:1px solid var(--border-highlight);border-top:1px solid var(--win98-white);height:2px}.start-menu-item.separator:hover{background-color:transparent;color:inherit}.start-menu-icon{width:16px;height:16px;font-size:14px;flex-shrink:0}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background-color:var(--win98-gray)}::-webkit-scrollbar-thumb{background-color:var(--win98-gray);border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight)}::-webkit-scrollbar-thumb:hover{background-color:var(--win98-light-gray)}::-webkit-scrollbar-corner{background-color:var(--win98-gray)}::-webkit-scrollbar-button{background-color:var(--win98-gray);width:16px;height:16px;border:2px solid;border-color:var(--border-highlight) var(--border-dark-shadow) var(--border-dark-shadow) var(--border-highlight);cursor:pointer}::-webkit-scrollbar-button:hover{background-color:var(--win98-light-gray)}::-webkit-scrollbar-button:active{border-color:var(--border-dark-shadow) var(--border-highlight) var(--border-highlight) var(--border-dark-shadow)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:500;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){:root{--icon-grid-width-base: 70px;--icon-grid-height-base: 75px;--icon-grid-step-x-base: 80px;--icon-grid-step-y-base: 90px}.desktop-content{padding:4px}.desktop-icon{width:var(--icon-grid-width);height:var(--icon-grid-height)}.desktop-icon-image{width:40px;height:40px;font-size:28px}.desktop-icon-label{font-size:9px}.window-mobile{position:fixed;top:0;left:0;right:0;bottom:var(--taskbar-height);width:100vw;height:auto;max-width:none;max-height:none;transform:none;border-radius:0;z-index:1000}.window-mobile .window-content{flex:1;overflow-y:auto;overflow-x:hidden;max-height:none;-webkit-overflow-scrolling:touch}.start-menu{width:100vw;max-height:70vh;left:0}.taskbar{font-size:10px}.taskbar-clock{display:none}.start-btn{padding:2px 4px;min-width:40px;font-size:12px}input,select,textarea{font-size:16px!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{width:8px;height:8px}}@media (max-width: 480px){:root{--icon-grid-width-base: 70px;--icon-grid-height-base: 70px;--icon-grid-step-x-base: 80px;--icon-grid-step-y-base: 80px}.desktop-icon-image{width:36px;height:36px;font-size:24px}.desktop-icon-label{font-size:8px}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.p-2{padding:8px}.p-3{padding:12px}.gap-2{gap:8px}.gap-3{gap:12px}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:blink 1s step-start infinite}.desktop,.window,.taskbar,.start-menu,.btn,.input-field,.select-field,.textarea-field,.desktop-icon,.desktop-icon-label,.taskbar-item,.taskbar-sound{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}body.matrix-mode,body.matrix-mode .app-root{font-family:"Press Start 2P","MS Sans Serif","Microsoft Sans Serif",monospace;font-size:10px;color:#34d415;background-color:#0b0f0d}body.matrix-mode{--win98-teal: #0b0f0d;--win98-gray: #0f1a14;--win98-dark-gray: #0a120d;--win98-light-gray: #1b2b22;--win98-white: #d8ffd4;--win98-black: #001400;--win98-blue: #0b2f14;--win98-light-blue: #34d415;--win98-red: #ff3b3b;--win98-green: #34d415;--win98-yellow: #d7ff57;--border-highlight: #1f3b2a;--border-shadow: #0a140d;--border-dark-shadow: #001200;--icon-grid-width: 130px;--icon-grid-step-x: 150px;--icon-grid-step-y: calc(var(--icon-grid-height) + 25px)}body.matrix-mode .desktop{background-color:#0b0f0d;background-image:radial-gradient(circle at 20% 10%,rgba(52,212,21,.15),transparent 45%),radial-gradient(circle at 80% 0%,rgba(8,133,41,.2),transparent 40%),linear-gradient(rgba(0,255,70,.05) 1px,transparent 1px);background-size:100% 100%,100% 100%,3px 3px}body.matrix-mode .matrix-rain{opacity:.85}body.matrix-mode .desktop-icon{background-color:#000c0699;border:1px solid rgba(52,212,21,.35);box-shadow:0 0 0 1px #000c}body.matrix-mode .desktop-icon:hover{background-color:#00120acc}body.matrix-mode .desktop-icon.selected{background-color:#00140ae6;box-shadow:0 0 0 1px #34d41599}body.matrix-mode .desktop-icon-label{color:#d8ffd4;text-shadow:1px 1px 0 #001400,0 0 6px rgba(52,212,21,.5);background-color:#000804bf;border:1px solid rgba(52,212,21,.25)}body.matrix-mode .desktop-icon-label.selected{background-color:#34d415;color:#001400;text-shadow:none;border-color:#d8ffd4}body.matrix-mode .window,body.matrix-mode .taskbar,body.matrix-mode .start-menu,body.matrix-mode .taskbar-item,body.matrix-mode .taskbar-sound,body.matrix-mode .btn,body.matrix-mode .input-field,body.matrix-mode .select-field,body.matrix-mode .textarea-field{background-color:#0f1a14;color:#34d415;border-color:#1f3b2a #001200 #001200 #1f3b2a;box-shadow:0 0 0 1px #00ff5a1f}body.matrix-mode .window-title-bar,body.matrix-mode .start-menu-header{background:linear-gradient(90deg,#0b2f14,#34d415);color:#d8ffd4;text-shadow:1px 1px 0 #001200}body.matrix-mode .window-btn{color:#d8ffd4}body.matrix-mode .window-content{background-color:#0b0f0d}body.matrix-mode .start-btn{background:linear-gradient(to bottom,#1a2f24,#0f1a14);color:#d8ffd4}body.matrix-mode .taskbar-item.active,body.matrix-mode .taskbar-sound.on{box-shadow:inset 0 0 0 1px #34d41580}body.matrix-mode .taskbar-item:hover,body.matrix-mode .taskbar-sound:hover,body.matrix-mode .btn:hover:not(:disabled),body.matrix-mode .start-btn:hover{background-color:#14261b}body.matrix-mode .input-field,body.matrix-mode .select-field,body.matrix-mode .textarea-field{background-color:#0b0f0d;color:#d8ffd4}body.matrix-mode .select-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpolygon points='0,0 12,0 6,8' fill='%2334d415'/%3E%3C/svg%3E")}body.matrix-mode .desktop-icon-image,body.matrix-mode .window,body.matrix-mode .taskbar,body.matrix-mode .start-menu{image-rendering:pixelated}body.matrix-mode .modal-overlay{background-color:#000804a6}body.matrix-mode .taskbar-clock{color:#d8ffd4}@media (max-width: 768px){body.matrix-mode{--icon-grid-width: 100px;--icon-grid-step-x: 115px;--icon-grid-step-y: calc(var(--icon-grid-height) + 75px)}}@media (max-width: 480px){body.matrix-mode{--icon-grid-width: 91px;--icon-grid-step-x: 95px;--icon-grid-step-y: calc(var(--icon-grid-height) + 35px)}}.joystick-container{display:none}@media (pointer: coarse){.joystick-container{display:block;--joystick-top: 70%}}@media (pointer: coarse) and (min-width: 769px){.joystick-container{--joystick-top: 86%}}.joystick-base{border-radius:50%;background-color:#c0c0c0eb;border:3px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 2px 2px 6px #fffc,inset -2px -2px 6px #00000040,0 4px 12px #00000059}.joystick-knob{border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#a0a0a0);border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:2px 2px 5px #0006}body.matrix-mode .joystick-base{background-color:#0b0f0de0;border-color:#34d415 #0a140d #0a140d #34d415;box-shadow:0 0 18px #34d41580,inset 0 0 10px #34d4151f}body.matrix-mode .joystick-knob{background:radial-gradient(circle at 35% 35%,#34d415,#0f3318);border-color:#34d415 #0a140d #0a140d #34d415;box-shadow:0 0 10px #34d415b3}body,html,#root{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.app-root{height:100%}