@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--color-background: #f5f5f5;--color-surface: #ffffff;--color-surface-alt: #f0f2f5;--color-text: #111111;--color-text-inverse: #ffffff;--color-border: #cccccc;--color-accent: #2563eb;--color-accent-alt: #1d4ed8;--color-danger: #dc2626;--color-warning: #f59e0b;--color-success: #16a34a;--color-overlay: rgba(0, 0, 0, .6);--color-error: rgba(255, 0, 0, .8);--color-menu-highlight: #fbbf24;--color-menu-prompt: #facc15;--color-pulse-base: rgba(200, 25, 25, .4);--color-pulse-strong: rgba(200, 25, 25, .6)}body[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--color-surface-alt: #273549;--color-text: #f1f5f9;--color-text-inverse: #0f172a;--color-border: #334155;--color-accent: #3b82f6;--color-accent-alt: #60a5fa;--color-danger: #f87171;--color-warning: #fbbf24;--color-success: #4ade80;--color-overlay: rgba(0, 0, 0, .65);--color-error: rgba(185, 28, 28, .85);--color-menu-highlight: #fbbf24;--color-menu-prompt: #facc15;--color-pulse-base: rgba(255, 80, 80, .5);--color-pulse-strong: rgba(255, 80, 80, .75)}body{font-family:Lato;background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;transition:background-color .25s,color .25s}#root{background-color:transparent}.menu-outer-container{display:flex;justify-content:center;align-items:center;height:100vh}.menu-container{background-color:var(--color-surface-alt);border:1px solid var(--color-border);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--color-text)}.menu-title{font-size:48px;font-family:Lato;text-align:center;margin:0;letter-spacing:2px;font-weight:700}.menu-info{font-size:24px;font-family:Lato;text-align:center;margin:0}.menu-button{width:100%;padding:20px 40px;border:1px solid var(--color-border);font-size:24px;cursor:pointer;background:var(--color-surface);color:var(--color-text);transition:background-color .2s,color .2s}.menu-button.selected{animation:pulse 1.2s infinite;border-color:var(--color-menu-highlight)}@keyframes pulse{0%{color:var(--color-text);background-color:var(--color-pulse-base)}50%{color:var(--color-text-inverse);background-color:var(--color-pulse-strong)}to{color:var(--color-text);background-color:var(--color-pulse-base)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background-color:var(--color-surface);padding:30px;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:300px;text-align:center;font-family:Lato;color:var(--color-text)}.modal-title{margin:0 0 10px;font-family:Lato}.modal-error{color:var(--color-danger);font-size:14px;margin:0;height:20px}.input-field{padding:10px;font-size:16px;width:calc(100% - 22px);border:1px solid var(--color-border);border-radius:4px;font-family:Lato;background:var(--color-surface);color:var(--color-text)}.modal-button{padding:10px 20px;font-size:16px;background-color:var(--color-success);color:var(--color-text-inverse);border:none;border-radius:4px;cursor:pointer;font-family:Lato}.friend-request-row{display:flex;gap:10px;align-items:center}.section-title{font-family:Lato;text-align:center;margin:15px 0 5px;font-size:18px}.friend-name{margin:0}.auth-overlay{display:none}.auth-button{padding:10px 15px;font-size:16px;border-radius:4px;border:none;cursor:pointer;background-color:var(--color-accent);color:var(--color-text-inverse);transition:background-color .2s}.auth-button.google{background-color:#db4437}.auth-button.github{background-color:#333;color:#fff}.auth-button.close{margin-top:20px;background-color:var(--color-border);color:var(--color-text)}.auth-button.google:hover{background-color:#c23321}.auth-button.github:hover{background-color:#222}.auth-button.close:hover{background-color:var(--color-accent-alt);color:var(--color-text-inverse)}.modal-close-icon{position:absolute;top:8px;right:12px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--color-text)}.modal-close-icon:hover{color:var(--color-menu-prompt)}.video-container{position:absolute;top:0;z-index:-1;width:100vw;height:100vh;overflow:hidden}video{object-fit:cover;filter:blur(3px);width:100%;height:100%;top:0;left:0;z-index:-1}