:root{--primary:#7838d1;--primary-light:#8d42f5;--secondary:#847bff;--accent:#37ffc8;--accent-dim:#37ffc899;--bg-dark:#1a0e2e;--bg-card:#7838d166;--bg-block:#7838d1d9;--text-primary:#f0eaff;--text-secondary:#bfb3d9;--text-muted:#8a7baa;--danger:#f46;--success:#37ffc8;--warning:#ffbe37;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-pill:2rem;--shadow-card:0 0 2px 2px #0003, 0 4px 2px -2px #ffffff26 inset, 0 -4px 2px -2px #ffffff1a inset;--shadow-glow:0 0 20px #847bff4d;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(0deg, transparent 0%, #847bff80 50%, transparent 100%), linear-gradient(0deg, #7838d199 0%, #847bff4d 100%), linear-gradient(45deg, #7838d166 0%, #847bff66 100%), var(--bg-dark);background-attachment:fixed}.page-scrollable{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:hidden auto}.glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#7838d140;border:1px solid #ffffff14}.glass-sm{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);background:#7838d133;border:1px solid #ffffff0f}.block{background-color:var(--bg-block);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.75rem}.btn{border-radius:var(--radius-sm);background:var(--primary);color:var(--text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #fff3;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:var(--bg-dark);border-color:#37ffc866}.btn-danger{background:var(--danger);border-color:#f466}.btn-ghost{background:0 0;border-color:#ffffff26}.btn-sm{padding:.5rem .75rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:1rem 2rem;font-size:1.1rem}.btn-glow{box-shadow:0 0 16px #37ffc84d}.heading{color:var(--accent);text-transform:uppercase;text-shadow:2px 0 2px #00000080,-2px 0 2px #00000080,0 2px 2px #00000080,0 -2px 2px #00000080;font-weight:800}.avatar{color:#fff;border:2px solid #0003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.timer-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.timer-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .25s linear}.timer-bar-fill.urgent{background:var(--danger)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#847bff66;border-radius:2px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.w-full{width:100%}