@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');:root{--color-primary:#FFD000;--color-primary-hover:#E0B700;--color-secondary:#60A5FA;--color-accent:#C084FC;--bg-color:#FFFFFF;--text-color:#000000;--border-color:#000000;--card-bg:#FFFFFF;--card-bg-yellow:#FEF9E7;--card-bg-blue:#EFF6FF;--shadow-color:#000000;--shadow-offset:6px;--shadow-offset-lg:10px;--shadow-offset-btn:4px;--transition-speed:100ms ease-out;--border-width:3px;--border-width-sm:2px;}html.dark,body.dark{--bg-color:#121212;--text-color:#FFFFFF;--border-color:#FFFFFF;--card-bg:#1C1C1F;--card-bg-yellow:#2E2500;--card-bg-blue:#172554;--shadow-color:#FFFFFF;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Outfit','Helvetica Neue',Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed),color var(--transition-speed);}header{background-color:var(--bg-color) !important;border-bottom:var(--border-width) solid var(--border-color) !important;transition:all var(--transition-speed);}footer{background-color:var(--bg-color) !important;border-top:var(--border-width) solid var(--border-color) !important;transition:all var(--transition-speed);}html.dark *{transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed);}h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;font-weight:800;text-transform:uppercase;color:var(--text-color);line-height:1.1;letter-spacing:-0.01em;}h1{font-size:2.75rem;}h2{font-size:2.25rem;}h3{font-size:1.75rem;}h4{font-size:1.35rem;}p{font-family:'Outfit',sans-serif;font-weight:400;}code,pre,.font-mono{font-family:'JetBrains Mono',monospace !important;}a{color:var(--text-color);text-decoration:none;font-weight:500;transition:all var(--transition-speed);}a:hover{text-decoration:underline;}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.75rem;font-family:'Space Grotesk',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;font-size:0.875rem;cursor:pointer;border:var(--border-width) solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);box-shadow:6px 6px 0px var(--shadow-color);transform:translate(-2px,-2px);transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed);border-radius:0;}.btn-brutal:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0px var(--shadow-color);}.btn-brutal:active{transform:translate(2px,2px);box-shadow:2px 2px 0px var(--shadow-color);}.btn-brutal:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}.btn-brutal-primary{background-color:var(--color-primary);color:#000000;}.btn-brutal-primary:hover{background-color:var(--color-primary-hover);}.btn-brutal-secondary{background-color:var(--color-secondary);color:#000000;}.btn-brutal-accent{background-color:var(--color-accent);color:#000000;}.btn-brutal-black{background-color:#000000;color:#FFFFFF;}.btn-brutal-black:hover{background-color:#1A1A1A;}html.dark .btn-brutal-black{background-color:#FFFFFF;color:#000000;}html.dark .btn-brutal-black:hover{background-color:#E5E7EB;}.btn-brutal-white{background-color:#FFFFFF;color:#000000;}.btn-brutal-white:hover{background-color:#F3F4F6;}html.dark .btn-brutal-white{background-color:#1F1F22;color:#FFFFFF;}html.dark .btn-brutal-white:hover{background-color:#2E2E33;}.btn-brutal-danger{background-color:#EF4444;color:#FFFFFF;}.btn-brutal-danger:hover{background-color:#DC2626;}.btn-swiss{composes:btn-brutal;display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.75rem;font-family:'Space Grotesk',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;font-size:0.875rem;cursor:pointer;border:var(--border-width) solid var(--border-color) !important;background-color:var(--bg-color) !important;color:var(--text-color) !important;box-shadow:6px 6px 0px var(--shadow-color) !important;transform:translate(-2px,-2px);transition:transform var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed);border-radius:0;}.btn-swiss:hover{transform:translate(-4px,-4px) !important;box-shadow:8px 8px 0px var(--shadow-color) !important;}.btn-swiss:active{transform:translate(2px,2px) !important;box-shadow:2px 2px 0px var(--shadow-color) !important;}.btn-swiss-primary{border:var(--border-width) solid var(--border-color) !important;background-color:#000000 !important;color:#FFFFFF !important;box-shadow:6px 6px 0px var(--shadow-color) !important;}.btn-swiss-primary:hover{background-color:#1A1A1A !important;}html.dark .btn-swiss-primary{background-color:#FFFFFF !important;color:#000000 !important;}.card-brutal{background-color:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--shadow-color);padding:2rem;transform:translate(0,0);transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed),background-color var(--transition-speed);border-radius:0;}.card-brutal:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0px var(--shadow-color);}.card-brutal-yellow{background-color:var(--card-bg-yellow);}.card-brutal-blue{background-color:var(--card-bg-blue);}.card-swiss{background-color:var(--card-bg) !important;border:var(--border-width) solid var(--border-color) !important;box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--shadow-color) !important;padding:2rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed),background-color var(--transition-speed);border-radius:0;}.card-swiss:hover{transform:translate(-2px,-2px) !important;box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0px var(--shadow-color) !important;}.input-brutal{width:100%;padding:0.75rem 1rem;border:var(--border-width) solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-family:'JetBrains Mono',monospace;font-size:0.9rem;box-shadow:3px 3px 0px var(--shadow-color);border-radius:0;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed);}.input-brutal:focus{outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px 0px var(--shadow-color);}.input-brutal::placeholder{color:#888888;opacity:0.7;}.input-swiss,.textarea-swiss{width:100% !important;padding:0.75rem 1rem !important;border:var(--border-width) solid var(--border-color) !important;background-color:var(--bg-color) !important;color:var(--text-color) !important;font-family:'JetBrains Mono',monospace !important;box-shadow:3px 3px 0px var(--shadow-color) !important;border-radius:0 !important;transition:all var(--transition-speed);}.input-swiss:focus,.textarea-swiss:focus{outline:none !important;transform:translate(-1px,-1px) !important;box-shadow:4px 4px 0px var(--shadow-color) !important;}.modal-brutal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;}.modal-brutal-content{background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset-lg) var(--shadow-offset-lg) 0px var(--shadow-color);width:100%;max-width:500px;padding:2rem;border-radius:0;position:relative;}.modal-swiss{background-color:rgba(0,0,0,0.6) !important;}.modal-content-swiss{background-color:var(--bg-color) !important;border:var(--border-width) solid var(--border-color) !important;box-shadow:var(--shadow-offset-lg) var(--shadow-offset-lg) 0px var(--shadow-color) !important;border-radius:0 !important;padding:2.5rem !important;}.toast{background-color:var(--bg-color) !important;color:var(--text-color) !important;border:var(--border-width) solid var(--border-color) !important;box-shadow:5px 5px 0px var(--shadow-color) !important;padding:1rem 1.5rem;display:flex;align-items:center;border-radius:0 !important;font-family:'Space Grotesk',sans-serif;font-weight:700;}.toast-success{background-color:#4ADE80 !important;color:#000000 !important;}.toast-error{background-color:#F87171 !important;color:#000000 !important;}.toast-info{background-color:#60A5FA !important;color:#000000 !important;}.toast-warning{background-color:#FBBF24 !important;color:#000000 !important;}.message-swiss{background-color:var(--card-bg);color:var(--text-color);border:var(--border-width) solid var(--border-color) !important;box-shadow:var(--shadow-offset-btn) var(--shadow-offset-btn) 0px var(--shadow-color) !important;border-radius:0 !important;padding:1rem;margin-bottom:1.25rem;transition:all var(--transition-speed);}.message-swiss.own{background-color:var(--color-primary) !important;color:#000000 !important;margin-left:auto;max-width:70%;}html.dark .message-swiss.own{background-color:var(--color-primary) !important;color:#000000 !important;}.member-item-swiss{border-bottom:var(--border-width-sm) solid var(--border-color) !important;padding:0.75rem 0.5rem !important;transition:all var(--transition-speed);}.member-item-swiss:hover{background-color:var(--card-bg-yellow) !important;color:#000000;}html.dark .member-item-swiss:hover{color:#FFFFFF;background-color:#2E2500 !important;}.socket-status{position:fixed;bottom:1rem;left:1rem;width:16px;height:16px;background-color:#EF4444;border:var(--border-width-sm) solid var(--border-color);box-shadow:2px 2px 0px var(--shadow-color);border-radius:0;animation:pulse 1.5s infinite;z-index:100;}.socket-status.connected{background-color:#10B981;animation:none;}@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(0.9);opacity:0.7;}}::-webkit-scrollbar{width:12px;height:12px;}::-webkit-scrollbar-track{background:var(--bg-color);border-left:var(--border-width-sm) solid var(--border-color);}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-color);}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);}.scrollbar-brutal::-webkit-scrollbar-thumb{background:var(--border-color) !important;}