@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@600;700&display=swap";html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background-color:var(--qm-bg);color:var(--qm-ink)}.hidden{display:none}qmates-timer-app,landing-page,timer-page{display:block;width:100%;height:100%}.container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;flex-direction:column}.row{display:flex;justify-content:center;align-items:center;flex-direction:row}.container>.row{padding-bottom:4rem}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 48px;min-height:calc(100vh - 200px);gap:48px}timer-display{color:var(--qm-ink);font-size:5.5rem;-webkit-user-select:none;user-select:none}.logo-name{font-weight:800;font-size:24px;color:var(--qm-ink);letter-spacing:-.03em;white-space:nowrap}top-bar{position:fixed;top:0;left:0;right:0;z-index:1000;display:block;background:var(--qm-bg)}start-timer-buttons{padding-bottom:4rem}connected-users{display:block}timer-sounds{display:none}sound-toggle{position:relative;display:inline-block}body{font-family:Inter,sans-serif}:root{--qm-focus: #7B3AEC;--qm-break: #3B82F6;--qm-focus-light: #F5F0F8;--qm-focus-border: #DDD6FE;--qm-break-light: #EFF3F8;--qm-break-border: #BFDBFE;--qm-ink: #1A0A2E;--qm-ink-light: #666;--qm-muted: #B5AA9E;--qm-disabled: #D4CCC0;--qm-bg: #FAF8F5;--qm-surface: #F5F2ED;--qm-border: #E0D8CE;--qm-hover: #EDE8E2;--qm-success: #10B981;--qm-danger: #EF4444;--qm-danger-light: #FEE2E2;--qm-warn-bg: #FFF7ED;--qm-warn-text: #C2410C;--qm-warn-border: #FED7AA;--qm-error-bg: #FEF2F2;--qm-error-text: #B91C1C;--qm-error-border: #FECACA;--qm-font: "Inter", sans-serif;--qm-font-mono: "JetBrains Mono", monospace;--qm-radius-pill: 999px;--qm-radius-card: 20px;--qm-radius-sm: 10px;--qm-gradient: linear-gradient(100deg, var(--qm-focus) 10%, var(--qm-break) 70%);--qm-gradient-text: linear-gradient(100deg, var(--qm-focus) 30%, var(--qm-break));--qm-gradient-input: linear-gradient(100deg, var(--qm-focus) 5%, var(--qm-break) 60%);--qm-avatar-0: #FF6B9D;--qm-avatar-1: #4ECDC4;--qm-avatar-2: #FFB74D;--qm-avatar-3: #81C784;--qm-avatar-4: #FF7043;--qm-avatar-5: #64B5F6;--qm-avatar-6: #BA68C8;--qm-avatar-7: #F0C030;--qm-avatar-8: #4DB6AC;--qm-avatar-9: #F06292;--qm-avatar-10: #AED581;--qm-avatar-11: #9575CD;--qm-avatar-12: #4DD0E1;--qm-avatar-13: #FF8A65;--qm-avatar-14: #A5D6A7;--qm-avatar-15: #F48FB1;--qm-avatar-16: #81D4FA;--qm-avatar-17: #CE93D8;--qm-avatar-18: #E6B422;--qm-avatar-19: #80CBC4;--qm-avatar-count: 20;--qm-avatar-lighten: 7%}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--qm-focus: #B090F0;--qm-break: #70B0E8;--qm-gradient: linear-gradient(100deg, var(--qm-focus) 30%, var(--qm-break) 85%);--qm-gradient-text: linear-gradient(100deg, var(--qm-focus) 45%, var(--qm-break));--qm-gradient-input: linear-gradient(100deg, var(--qm-focus) 5%, var(--qm-break) 60%);--qm-focus-light: #3E3658;--qm-focus-border: #6858A0;--qm-break-light: #283648;--qm-break-border: #4868A0;--qm-ink: #D5D0DC;--qm-ink-light: #A8A2B4;--qm-muted: #787080;--qm-disabled: #908898;--qm-bg: #262830;--qm-surface: #323440;--qm-border: #484A55;--qm-hover: #484A58;--qm-success: #4DA880;--qm-danger: #E89090;--qm-danger-light: #4D3A40;--qm-warn-bg: #302818;--qm-warn-text: #E0B040;--qm-warn-border: #605020;--qm-error-bg: #301818;--qm-error-text: #E8A0A0;--qm-error-border: #603030;--qm-avatar-0: #E08090;--qm-avatar-1: #50B8B0;--qm-avatar-2: #E0A850;--qm-avatar-3: #70B870;--qm-avatar-4: #D87050;--qm-avatar-5: #60A0D0;--qm-avatar-6: #B070C0;--qm-avatar-7: #D0B040;--qm-avatar-8: #50A8A0;--qm-avatar-9: #D07090;--qm-avatar-10: #A0C870;--qm-avatar-11: #9080C0;--qm-avatar-12: #50B8C8;--qm-avatar-13: #D89070;--qm-avatar-14: #90C890;--qm-avatar-15: #D890A8;--qm-avatar-16: #70B8D8;--qm-avatar-17: #C090C8;--qm-avatar-18: #C8A830;--qm-avatar-19: #70B8B0;--qm-avatar-lighten: 20%}}:root[data-theme=dark]{--qm-focus: #B090F0;--qm-break: #70B0E8;--qm-gradient: linear-gradient(100deg, var(--qm-focus) 30%, var(--qm-break) 85%);--qm-gradient-text: linear-gradient(100deg, var(--qm-focus) 45%, var(--qm-break));--qm-focus-light: #3E3658;--qm-focus-border: #6858A0;--qm-break-light: #283648;--qm-break-border: #4868A0;--qm-ink: #D5D0DC;--qm-ink-light: #A8A2B4;--qm-muted: #787080;--qm-disabled: #908898;--qm-bg: #262830;--qm-surface: #323440;--qm-border: #484A55;--qm-hover: #484A58;--qm-success: #4DA880;--qm-danger: #E89090;--qm-danger-light: #4D3A40;--qm-warn-bg: #302818;--qm-warn-text: #E0B040;--qm-warn-border: #605020;--qm-error-bg: #301818;--qm-error-text: #E8A0A0;--qm-error-border: #603030;--qm-avatar-0: #E08090;--qm-avatar-1: #50B8B0;--qm-avatar-2: #E0A850;--qm-avatar-3: #70B870;--qm-avatar-4: #D87050;--qm-avatar-5: #60A0D0;--qm-avatar-6: #B070C0;--qm-avatar-7: #D0B040;--qm-avatar-8: #50A8A0;--qm-avatar-9: #D07090;--qm-avatar-10: #A0C870;--qm-avatar-11: #9080C0;--qm-avatar-12: #50B8C8;--qm-avatar-13: #D89070;--qm-avatar-14: #90C890;--qm-avatar-15: #D890A8;--qm-avatar-16: #70B8D8;--qm-avatar-17: #C090C8;--qm-avatar-18: #C8A830;--qm-avatar-19: #70B8B0;--qm-avatar-lighten: 20%}.qm-grad{background:var(--qm-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}