*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;background:#0f172a;color:#e2e8f0;-webkit-font-smoothing:antialiased}.page-wrap{padding:20px 16px}@media (min-width: 640px){.page-wrap{padding:32px 24px}}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 520px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 520px){.grid-3{grid-template-columns:1fr 1fr}}@media (min-width: 800px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.grid-ec{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 480px){.grid-ec{grid-template-columns:1fr 1fr 1fr}}.participant-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 560px){.participant-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}.page-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (min-width: 520px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:32px}}.nav-desktop{display:none!important}.nav-mobile-trigger{display:flex!important}@media (min-width: 640px){.nav-desktop{display:flex!important}.nav-mobile-trigger{display:none!important}}.notif-panel{width:min(340px,calc(100vw - 24px))}.tab-bar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #1e293b;margin-bottom:24px;flex-shrink:0}.tab-bar::-webkit-scrollbar{display:none}.participant-card{transition:background .15s ease,transform .15s ease}.participant-card:hover{background:#263548!important;transform:translateY(-2px)}