:root{--primary:#0f172a;--primary-light:#334155;--secondary:#0ea5e9;--accent:#38bdf8;--background:#f8fafc;--foreground:#0f172a;--card-bg:#ffffffe6;--border:#e2e8f0;--glass:#fff9;--glass-border:#ffffff4d;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-bg:#0f172a;--chat-sidebar-bg:#f1f5f9;--input-bg:#fff;--sidebar-home-icon:#77a2e8}[data-theme=dark]{--primary:#e2e8f0;--primary-light:#94a3b8;--secondary:#38bdf8;--accent:#7dd3fc;--background:#020617;--foreground:#f8fafc;--card-bg:#0f172a99;--border:#1e293b;--glass:#0f172a99;--glass-border:#ffffff1a;--danger:#f87171;--sidebar-bg:#020617;--chat-sidebar-bg:#0f172a;--input-bg:#1e293b;--sidebar-home-icon:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;min-height:100vh;color:var(--foreground);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}main{flex:1}body:before{content:"";z-index:-1;opacity:.05;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #1f268712}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--secondary);color:#fff}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3{letter-spacing:-.025em;margin-bottom:1rem;font-weight:800}.nav-anchor{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.glass-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border);background:#ffffffb3;padding:1rem 0;position:sticky;top:0}.glass-nav nav{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:2rem;font-weight:500;display:flex}@media (max-width:768px){.nav-links{gap:1rem}}.hero{flex-direction:column;justify-content:center;width:100%;min-height:80vh;padding:4rem 0;display:flex}.hero-content{max-width:600px;margin-bottom:4rem}.hero-content h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1.1}.hero-content p{color:#64748b;margin:1.5rem 0 2rem;font-size:1.25rem}@media (max-width:768px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1.05rem}}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.features{padding:4rem 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}footer{text-align:center;border-top:1px solid var(--border);color:#94a3b8;margin-top:4rem;padding:4rem 0}.status-pill{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pill.open{color:#166534;background:#dcfce7}.status-pill.delayed{color:#854d0e;background:#fef9c3}.status-pill.closed{color:#991b1b;background:#fee2e2}.status-badge{text-transform:uppercase;border-radius:8px;padding:.5rem 1.5rem;font-size:1.1rem;font-weight:700}.status-badge.open{color:#166534;background:#dcfce7}.status-badge.delayed{color:#854d0e;background:#fef9c3}.status-badge.closed{color:#991b1b;background:#fee2e2}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.resource-card:hover{transition:transform .2s;transform:translateY(-4px);box-shadow:0 12px 40px #0ea5e91a}.chat-container{flex-direction:column;flex:1;margin-bottom:0;padding:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--glass);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.live-indicator{background:var(--danger);color:#fff;letter-spacing:.05em;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:800;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-message{flex-direction:column;gap:.25rem;max-width:85%;display:flex}.chat-message.own-message{align-self:flex-end}.message-info{color:#94a3b8;gap:.5rem;font-size:.75rem;display:flex}.chat-message.own-message .message-info{flex-direction:row-reverse}.message-author{color:var(--primary);font-weight:700}.message-content{border:1px solid var(--border);background:#fff;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;box-shadow:0 2px 4px #00000005}.chat-message.own-message .message-content{background:var(--secondary);color:#fff;border:none}.chat-input-area{border-top:1px solid var(--border);background:var(--glass);gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input-area input{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;padding:.75rem 1rem;font-family:inherit}.chat-loading,.chat-empty{text-align:center;color:#94a3b8;margin-top:2rem}.app-layout{background:var(--background);min-height:100vh;display:flex}.is-chat-view.app-layout{background:var(--primary);height:100vh;overflow:hidden}.guild-sidebar{background:var(--sidebar-bg);scrollbar-width:none;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:72px;padding:12px 0;transition:transform .3s;display:flex;overflow-y:auto}@media (min-width:769px){.guild-sidebar{display:flex}}@media (max-width:768px){.guild-sidebar{z-index:100;position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.guild-sidebar.active{transform:translate(0)}.mobile-overlay{z-index:90;background:#00000080;margin-top:56px;position:fixed;inset:0}}.guild-icon{background:var(--primary-light);cursor:pointer;width:48px;height:48px;color:var(--sidebar-home-icon);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.guild-icon:hover,.guild-icon.active{background:var(--secondary);border-radius:16px;color:#fff!important}.main-wrapper{background:var(--background);flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative}.app-main{background:var(--background);flex-direction:column;flex:1;align-items:stretch;display:flex;position:relative}.app-layout:not(.is-chat-view) .app-main{width:100%;overflow:visible}.is-chat-view .app-main{overflow:hidden}.glass-nav{background:var(--background);border-bottom:1px solid var(--border);align-items:center;height:56px;padding:.5rem 0;display:flex;position:static}.chat-container.glass-card{height:100%;box-shadow:none;background:0 0;border:none;border-radius:0}.chat-messages{background:#00000003}.message-author{color:var(--secondary)!important}.message-content{max-width:none;box-shadow:none;background:0 0;border:none;padding:0}.chat-message:hover{background:#00000005}.chat-message.own-message .message-content{color:inherit;background:0 0}.chat-input-area{background:var(--background);padding:1rem 1.5rem 1.5rem}.chat-input-area input{background:#e3e5e8;border:none}.chat-message-item:hover .message-actions{opacity:1!important}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.twemoji{vertical-align:-.1em;width:1.2em;height:1.2em;margin:0 .05em 0 .1em;display:inline-block}.badge-tooltip-container{align-items:center;display:inline-flex;position:relative}.badge-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 4px 12px #0000004d}.badge-tooltip-container:hover .badge-tooltip,.badge-tooltip-container:active .badge-tooltip{opacity:1;transform:translate(-50%)translateY(-4px)}.badge-tooltip:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}
