:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";z-index:0;will-change:transform;backface-visibility:hidden;background:radial-gradient(circle at 20%,#667eea66 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba266 0%,#0000 50%),radial-gradient(circle at 40% 20%,#9333ea4d 0%,#0000 50%),radial-gradient(circle at 60% 70%,#3b82f64d 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite hallucinateWind;position:absolute;top:-50%;left:-50%;transform:translateZ(0)}.auth-container:after{content:"";z-index:0;will-change:transform;backface-visibility:hidden;background:repeating-linear-gradient(90deg,#0000 0,#ffffff08 1px,#0000 2px 40px),repeating-linear-gradient(0deg,#0000 0,#ffffff08 1px,#0000 2px 40px);animation:15s linear infinite gridFlow;position:absolute;inset:0;transform:translateZ(0)}@keyframes hallucinateWind{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(10%,-10%)rotate(5deg)scale(1.1)}50%{transform:translate(-5%,15%)rotate(-3deg)scale(.95)}75%{transform:translate(-15%,-5%)rotate(7deg)scale(1.05)}}@keyframes gridFlow{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.auth-container[data-theme=dark]{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.auth-container[data-theme=dark]:before{background:radial-gradient(circle at 20%,#3b82f633 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf633 0%,#0000 50%),radial-gradient(circle at 40% 20%,#4f46e526 0%,#0000 50%),radial-gradient(circle at 60% 70%,#2563eb26 0%,#0000 50%)}.auth-theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.auth-theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)rotate(15deg);box-shadow:0 8px 24px #0003}.auth-theme-toggle:active{transform:scale(1.05)rotate(15deg)}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;will-change:transform;backface-visibility:hidden;isolation:isolate;background:#fffffffa;border-radius:20px;width:100%;max-width:450px;padding:40px;transition:all .3s;animation:.3s ease-out slideIn;position:relative;transform:translateZ(0);box-shadow:0 20px 60px #0000004d}.auth-logo{text-align:center;border-bottom:2px solid #e1e8ed;margin-bottom:20px;padding-bottom:20px;position:relative}.auth-container[data-theme=dark] .auth-logo{border-bottom-color:#3a3a4e}.auth-logo-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.auth-theme-toggle-card{cursor:pointer;z-index:10;background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.auth-theme-toggle-card:focus,.auth-theme-toggle-card:focus-visible{outline:none}.toggle-switch{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:2px solid #0000000d;border-radius:16px;width:60px;height:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #0000000d}.toggle-switch:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#ffffff1a 100%);border-radius:14px;position:absolute;inset:2px}.toggle-switch.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:inset 0 2px 4px #0003,0 2px 12px #667eea66,0 0 20px #667eea33}.toggle-slider{background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a,inset 0 -1px 2px #0000000d}.toggle-switch.active .toggle-slider{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);transform:translate(28px);box-shadow:0 2px 8px #00000040,0 1px 3px #00000026,inset 0 -1px 2px #00000014,0 0 12px #ffffff4d}.toggle-icon{filter:drop-shadow(0 1px 2px #0000001a);font-size:.85rem;transition:all .3s}.toggle-switch:hover .toggle-slider{box-shadow:0 3px 8px #00000040,0 1px 3px #00000026,inset 0 -1px 2px #00000014}.toggle-switch.active:hover .toggle-slider{box-shadow:0 3px 10px #0000004d,0 1px 4px #0003,inset 0 -1px 2px #0000001a,0 0 16px #fff6}.auth-theme-toggle-card:active .toggle-slider{transform:scale(.95)}.toggle-switch.active .auth-theme-toggle-card:active .toggle-slider{transform:translate(28px)scale(.95)}.auth-header-with-logo{align-items:center;gap:20px;margin-bottom:30px;display:flex}.auth-logo-image{object-fit:cover;border:3px solid #667eea;border-radius:50%;flex-shrink:0;width:80px;height:80px;transition:all .3s;animation:3s ease-in-out infinite gentleFloat;box-shadow:0 4px 12px #667eea4d}.auth-logo-image:hover{border-color:#764ba2;transform:scale(1.05);box-shadow:0 6px 16px #667eea66}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-header-text{text-align:left;flex:1}.auth-header-text h1{margin:0 0 5px}.auth-header-text .subtitle{text-align:left;margin:0}.auth-container[data-theme=dark] .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2efa;box-shadow:0 20px 60px #0009}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card h1{color:#333;text-align:center;margin:0 0 10px;font-size:2rem;transition:color .3s}.auth-container[data-theme=dark] .auth-card h1{color:#e0e0e0}.subtitle{text-align:center;color:#666;margin:0 0 30px;font-size:1rem;transition:color .3s}.auth-container[data-theme=dark] .subtitle{color:#a0a0a0}.form-group{margin-bottom:12px}.form-group label{color:#000;margin-bottom:8px;font-size:.95rem;font-weight:800;transition:color .3s;display:block}.auth-container[data-theme=dark] .form-group label{color:#d0d0d0}.form-group:has(.profile-picture-upload) label{margin-bottom:12px}.form-group input{box-sizing:border-box;border:2px solid #e1e8ed;border-radius:10px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s;color:#333!important;background-color:#fff!important}.auth-container[data-theme=dark] .form-group input{color:#e0e0e0!important;background-color:#2a2a3e!important;border-color:#3a3a4e!important}.auth-container[data-theme=dark] .form-group input::placeholder{opacity:1;color:#808090!important}.form-group input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-group input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-group input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-container[data-theme=dark] .form-group input:-webkit-autofill{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:inset 0 0 0 1000px #2a2a3e!important}.auth-container[data-theme=dark] .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:inset 0 0 0 1000px #2a2a3e!important}.auth-container[data-theme=dark] .form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#e0e0e0!important;-webkit-box-shadow:inset 0 0 0 1000px #2a2a3e!important}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background-color:#f5f5f5}.auth-container[data-theme=dark] .form-group input:disabled{color:#606070!important;background-color:#1a1a2a!important}.form-group select{box-sizing:border-box;cursor:pointer;color:#333;background-color:#fff;border:2px solid #e1e8ed;border-radius:10px;width:100%;padding:12px 15px;font-size:1rem;font-weight:500;transition:all .3s}.auth-container[data-theme=dark] .form-group select{color:#e0e0e0;background-color:#2a2a3e;border-color:#3a3a4e}.auth-container[data-theme=dark] .form-group select option{color:#e0e0e0;background-color:#2a2a3e}.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled{cursor:not-allowed;background-color:#f5f5f5}.form-group select option{padding:8px;font-weight:500}.profile-picture-upload{background:linear-gradient(135deg,#667eea08 0%,#764ba208 100%);border:2px solid #667eea1a;border-radius:15px;justify-content:center;align-items:center;min-height:160px;margin-top:-4px;padding:15px 20px;transition:all .3s;display:flex}.profile-picture-upload:hover{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-color:#667eea33}.profile-preview-container{animation:.3s ease-out fadeIn;display:inline-block;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-preview{object-fit:cover;border:4px solid #667eea;border-radius:50%;width:120px;height:120px;transition:all .3s;box-shadow:0 8px 24px #667eea66,0 0 0 8px #667eea1a}.profile-preview:hover{transform:scale(1.05);box-shadow:0 12px 32px #667eea80,0 0 0 8px #667eea26}.remove-image-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #ef444466}.remove-image-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:scale(1.15)rotate(90deg);box-shadow:0 6px 16px #ef444499}.remove-image-btn:active:not(:disabled){transform:scale(1.05)rotate(90deg)}.remove-image-btn:disabled{opacity:.6;cursor:not-allowed}.upload-label{cursor:pointer;display:block}.upload-placeholder{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border:3px dashed #667eea;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:120px;height:120px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.upload-placeholder:before{content:"";background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-radius:50%;width:0;height:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-placeholder:hover{border-width:4px;border-color:#667eea;transform:scale(1.08);box-shadow:0 8px 24px #667eea40,0 0 0 8px #667eea1a}.upload-placeholder:hover:before{width:100%;height:100%}.upload-placeholder:active{transform:scale(1.02)}.upload-icon{z-index:1;filter:drop-shadow(0 2px 4px #667eea33);font-size:2.5rem;transition:all .3s;position:relative}.upload-placeholder:hover .upload-icon{filter:drop-shadow(0 4px 8px #667eea4d);transform:scale(1.15)translateY(-2px)}.upload-text{color:#667eea;text-align:center;z-index:1;text-shadow:0 1px 2px #fffc;max-width:90px;font-size:.8rem;font-weight:700;line-height:1.3;position:relative;transform:translateY(-10px)}.upload-placeholder:hover .upload-text{color:#764ba2;transform:translateY(-10px)}.radio-group{gap:15px;margin-top:8px;margin-right:15px;display:flex}.radio-label{cursor:pointer;border:2px solid #e1e8ed;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:20px;padding:12px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;background:#fff!important}.auth-container[data-theme=dark] .radio-label{border-color:#3a3a4e;background:#2a2a3e!important}.radio-label:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:opacity .3s;position:absolute;inset:0}.radio-label:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.radio-label:hover:before{opacity:.05}.radio-label input[type=radio]{cursor:pointer;z-index:1;appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;position:relative}.radio-label input[type=radio]:before{content:"";box-sizing:border-box;background:#fff;border:2px solid #667eea;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:0;left:0}.radio-label input[type=radio]:checked:before{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:inset 0 0 0 2px #fff}.radio-label span{color:#333;z-index:1;margin-left:8px;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.auth-container[data-theme=dark] .radio-label span{color:#d0d0d0}.radio-label:has(input[type=radio]:checked){background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.radio-label:has(input[type=radio]:checked):before{opacity:.1}.radio-label:has(input[type=radio]:checked) span{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.radio-label input[type=radio]:disabled{cursor:not-allowed}.radio-label:has(input[type=radio]:disabled){opacity:.6;cursor:not-allowed}.radio-label:has(input[type=radio]:disabled):hover{box-shadow:none;transform:none}.error-message{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:10px;margin-bottom:20px;padding:12px 15px;font-size:.9rem}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.recaptcha-notice{text-align:center;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border:1px solid #667eea1a;border-radius:8px;margin-top:15px;padding:12px 15px;transition:all .3s}.auth-container[data-theme=dark] .recaptcha-notice{background:#667eea14;border-color:#667eea26}.recaptcha-notice small{color:#666;font-size:.75rem;line-height:1.5;transition:color .3s;display:block}.auth-container[data-theme=dark] .recaptcha-notice small{color:#a0a0a0}.recaptcha-notice a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.recaptcha-notice a:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:0;height:1px;transition:width .3s;position:absolute;bottom:-1px;left:0}.recaptcha-notice a:hover{color:#764ba2}.recaptcha-notice a:hover:after{width:100%}.auth-footer{text-align:center;border-top:1px solid #e1e8ed;margin-top:25px;padding-top:20px;transition:border-color .3s}.auth-container[data-theme=dark] .auth-footer{border-top-color:#3a3a4e}.auth-footer p{color:#666;margin:0;font-size:.9rem;transition:color .3s}.auth-container[data-theme=dark] .auth-footer p{color:#a0a0a0}.link-button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.link-button:hover{color:#764ba2;text-decoration:underline}.auth-footer-links{border-top:1px solid #e1e8ed;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;transition:border-color .3s;display:flex}.auth-container[data-theme=dark] .auth-footer-links{border-top-color:#3a3a4e}.footer-link-button{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.footer-link-button:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1px;height:2px;transition:transform .3s;position:absolute;bottom:2px;left:8px;right:8px;transform:scaleX(0)}.footer-link-button:hover{color:#764ba2;background:#667eea0d}.footer-link-button:hover:after{transform:scaleX(1)}.footer-link-button:active{transform:scale(.95)}.footer-separator{color:#667eea;opacity:.4;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600}.auth-container[data-theme=dark] .footer-separator{color:#a0a0a0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:1001;background:#000000b3;border-radius:20px;width:100%;max-width:500px;padding:40px;animation:.3s ease-out slideIn;position:relative;box-shadow:0 20px 60px #0006}.auth-container[data-theme=dark] .modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;box-shadow:0 20px 60px #000c}.modal-icon{margin-bottom:20px;font-size:4rem;animation:.6s ease-out bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.modal-content h2{color:#fff;margin:0 0 15px;font-size:1.8rem}.auth-container[data-theme=dark] .modal-content h2{color:#fff}.modal-message{color:#e0e0e0;margin:0 0 15px;font-size:1.1rem;line-height:1.6}.auth-container[data-theme=dark] .modal-message{color:#e0e0e0}.modal-message strong{color:#667eea;font-weight:700}.modal-submessage{color:silver;margin:0 0 30px;font-size:.95rem;line-height:1.6}.auth-container[data-theme=dark] .modal-submessage{color:silver}.modal-actions{flex-direction:column;gap:10px;display:flex}.suspended-card{text-align:center;max-width:550px}.suspended-icon{margin-bottom:20px;font-size:5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.auth-title{color:#333;margin-bottom:20px}.auth-container[data-theme=dark] .auth-title{color:#e0e0e0}.suspended-message{background:linear-gradient(135deg,#ef44440d 0%,#dc26260d 100%);border:2px solid #ef444433;border-radius:12px;margin-bottom:20px;padding:20px}.auth-container[data-theme=dark] .suspended-message{background:#ef444414;border-color:#ef444440}.suspended-message p{color:#666;margin:8px 0;font-size:1rem;line-height:1.6}.auth-container[data-theme=dark] .suspended-message p{color:#a0a0a0}.details-toggle{background:var(--bg-secondary,#f5f5f5);color:#667eea;cursor:pointer;border:2px solid #e1e8ed;border-radius:10px;width:100%;margin-bottom:20px;padding:12px;font-size:.95rem;font-weight:600;transition:all .3s}.auth-container[data-theme=dark] .details-toggle{background:#2a2a3e;border-color:#3a3a4e}.details-toggle:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-1px)}.suspension-details{text-align:left;background:var(--bg-secondary,#f9f9f9);border:2px solid #e1e8ed;border-radius:12px;margin-bottom:20px;padding:20px;animation:.3s ease-out slideIn}.auth-container[data-theme=dark] .suspension-details{background:#2a2a3e;border-color:#3a3a4e}.suspension-details h3{color:#667eea;margin:15px 0 10px;font-size:1.1rem}.suspension-details h3:first-child{margin-top:0}.suspension-details p{color:#666;margin:8px 0;line-height:1.6}.auth-container[data-theme=dark] .suspension-details p{color:#a0a0a0}.suspension-details ul{margin:10px 0;padding-left:25px}.suspension-details li{color:#666;margin:6px 0;line-height:1.6}.auth-container[data-theme=dark] .suspension-details li{color:#a0a0a0}.suspended-actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.suspended-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.suspended-button.contact-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.suspended-button.contact-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.suspended-button.login-button{background:var(--bg-secondary,#f5f5f5);color:#333;border:2px solid #e1e8ed}.auth-container[data-theme=dark] .suspended-button.login-button{color:#e0e0e0;background:#2a2a3e;border-color:#3a3a4e}.suspended-button.login-button:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-1px)}.suspended-footer{border-top:1px solid #e1e8ed;padding-top:20px}.auth-container[data-theme=dark] .suspended-footer{border-top-color:#3a3a4e}.suspended-footer p{color:#999;margin:0;font-size:.85rem}.auth-container[data-theme=dark] .suspended-footer p{color:#808090}.loading-spinner{border:4px solid #667eea33;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:500px){.auth-card{padding:30px 20px}.auth-card h1{font-size:1.75rem}.modal-content{padding:30px 20px}.modal-icon{font-size:3rem}.modal-content h2{font-size:1.5rem}.auth-footer-links{gap:6px;margin-top:15px;padding-top:15px}.footer-link-button{padding:3px 6px;font-size:.8rem}.footer-separator{font-size:.8rem}.suspended-icon{font-size:4rem}.suspended-actions{gap:10px}}.legal-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s legalFadeIn;display:flex;position:fixed;inset:0}@keyframes legalFadeIn{0%{opacity:0}to{opacity:1}}.legal-modal-content{background:var(--bg-secondary);width:100%;max-width:900px;max-height:85vh;box-shadow:var(--shadow-xl);border-radius:20px;flex-direction:column;animation:.4s cubic-bezier(.4,0,.2,1) legalSlideUp;display:flex;position:relative;overflow:hidden}@keyframes legalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.legal-modal-header{border-bottom:2px solid var(--border-primary);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);justify-content:space-between;align-items:center;padding:30px 35px;display:flex;position:sticky;top:0}.legal-header-content{flex:1;align-items:center;gap:15px;display:flex}.modal-title-row{align-items:center;gap:15px;display:flex}.legal-icon{font-size:2.5rem;line-height:1;animation:3s ease-in-out infinite legalIconFloat}@keyframes legalIconFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-5deg)}75%{transform:translateY(-3px)rotate(5deg)}}.legal-modal-header h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.esc-hint{color:#667eea;letter-spacing:.5px;text-shadow:0 1px 2px #0000001a;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:2px solid #667eea4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 12px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #667eea33}.esc-hint:hover{background:linear-gradient(135deg,#667eea40 0%,#764ba240 100%);border-color:#667eea80;transform:scale(1.05);box-shadow:0 3px 12px #667eea4d}.legal-modal-close{background:var(--bg-hover);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0 0 5px;font-size:1.8rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.legal-modal-close:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:scale(1.05);box-shadow:0 4px 15px #ef44444d}.legal-modal-close:active{transform:scale(.95)}.legal-modal-body{flex:1;padding:0;position:relative;overflow-y:auto}.legal-modal-body::-webkit-scrollbar{width:12px}.legal-modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px;margin:10px 0}.legal-modal-body::-webkit-scrollbar-thumb{border:3px solid var(--bg-tertiary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px}.legal-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.legal-content{padding:40px 45px;line-height:1.8}.legal-section{opacity:0;margin-bottom:35px;animation:.5s forwards legalFadeInUp}.legal-section:first-child{animation-delay:.1s}.legal-section:nth-child(2){animation-delay:.15s}.legal-section:nth-child(3){animation-delay:.2s}.legal-section:nth-child(4){animation-delay:.25s}.legal-section:nth-child(5){animation-delay:.3s}.legal-section:nth-child(6){animation-delay:.35s}.legal-section:nth-child(7){animation-delay:.4s}.legal-section:nth-child(8){animation-delay:.45s}.legal-section:nth-child(9){animation-delay:.5s}@keyframes legalFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legal-intro{color:var(--text-primary);margin-bottom:15px;font-size:1.05rem;line-height:1.8}.important-notice{background:linear-gradient(135deg,#ef44441a 0%,#dc26261a 100%);border-left:4px solid #ef4444;border-radius:12px;margin-top:20px;padding:20px 25px;animation:2s ease-in-out infinite importantPulse}@keyframes importantPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.important-notice strong{color:#ef4444;font-weight:700}.legal-subtitle{color:var(--text-primary);letter-spacing:-.3px;background:linear-gradient(to right,var(--border-primary),transparent)bottom;background-repeat:no-repeat;background-size:100% 2px;border-bottom:2px solid #0000;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:1.4rem;font-weight:700;display:flex}.legal-section p{color:var(--text-secondary);margin-bottom:15px;font-size:1rem;line-height:1.8}.legal-section a{color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.legal-section a:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.legal-section a:hover:after{width:100%}.legal-section a:hover{opacity:.8;transform:translate(2px)}.legal-list{margin:20px 0;padding-left:0;list-style:none}.legal-list li{color:var(--text-secondary);margin-bottom:12px;padding-left:35px;font-size:1rem;line-height:1.7;position:relative}.legal-list li:before{content:"✓";color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #10b9814d}.legal-footer{border-top:2px solid var(--border-primary);text-align:center;margin-top:50px;padding-top:30px}.legal-updated{color:var(--text-tertiary);background:var(--bg-hover);border-radius:10px;margin:0;padding:15px 25px;font-size:.9rem;font-style:italic;display:inline-block}.app-footer{background:var(--bg-secondary);border-top:2px solid var(--border-primary);z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding:20px 30px;transition:all .3s;display:flex;position:relative}.app-footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#667eea 20%,#764ba2 40%,#667eea 60%,#764ba2 80%,#0000 100%);height:2px;animation:3s ease-in-out infinite footerGradientFlow;position:absolute;top:0;left:0;right:0}@keyframes footerGradientFlow{0%,to{opacity:.5}50%{opacity:1}}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;display:flex}.footer-link{color:var(--text-secondary);background:var(--bg-tertiary);border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.footer-link:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;transition:opacity .3s;position:absolute;inset:-2px}.footer-link:hover{color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 5px 20px #667eea66}.footer-link:hover:before{opacity:1}.footer-link:active{transform:translateY(-1px)}.footer-separator{background:var(--border-primary);border-radius:1px;width:2px;height:20px}.footer-copyright{color:var(--text-tertiary);align-items:center;gap:8px;font-size:.9rem;display:flex}@media (max-width:768px){.legal-modal-content{border-radius:15px;max-width:95%;max-height:90vh}.legal-modal-header{padding:20px 25px}.legal-icon{font-size:2rem}.legal-modal-header h2{font-size:1.4rem}.legal-modal-close{width:35px;height:35px;font-size:1.5rem}.esc-hint{display:none}.legal-content{padding:25px 30px}.legal-subtitle{font-size:1.2rem}.legal-section p,.legal-intro,.legal-list li{font-size:.95rem}.app-footer{gap:15px;padding:15px 20px}.footer-content{flex-direction:column;gap:12px}.footer-separator{display:none}.footer-link{padding:6px 14px;font-size:.9rem}}@media (max-width:480px){.legal-modal-overlay{padding:10px}.legal-modal-header{padding:15px 20px}.legal-icon{font-size:1.8rem}.legal-modal-header h2{font-size:1.2rem}.legal-content{padding:20px}.legal-subtitle{font-size:1.1rem}.legal-section{margin-bottom:25px}.legal-section p,.legal-intro,.legal-list li{font-size:.9rem;line-height:1.7}.important-notice{padding:15px 18px}.legal-list li{padding-left:30px}.legal-list li:before{width:20px;height:20px;font-size:.8rem}.app-footer{padding:12px 15px}.footer-link{padding:5px 12px;font-size:.85rem}.footer-copyright{font-size:.8rem}}.legal-modal-body{scroll-behavior:smooth}.legal-content ::selection{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.legal-content ::selection{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.contact-modal{max-width:600px}.contact-modal-body{padding:30px 35px}.contact-intro{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:1.05rem;line-height:1.7}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form .form-group{flex-direction:column;gap:8px;display:flex}.contact-form label{color:var(--text-primary);align-items:center;gap:5px;font-size:.95rem;font-weight:600;display:flex}.contact-form input,.contact-form textarea,.contact-form select{border:2px solid var(--border-input);background:var(--bg-tertiary);color:var(--text-primary);resize:vertical;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.contact-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{background:var(--bg-secondary);border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.contact-form input:disabled,.contact-form textarea:disabled,.contact-form select:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-hover)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-tertiary)}.contact-form textarea{min-height:120px;max-height:300px}.submit-status{border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-size:.95rem;font-weight:600;animation:.3s statusSlideIn;display:flex}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-status.success{color:#059669;background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%);border:2px solid #10b9814d}.submit-status.error{color:#dc2626;background:linear-gradient(135deg,#ef44441a 0%,#dc26261a 100%);border:2px solid #ef44444d}.status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.1rem;font-weight:700;display:flex}.submit-status.success .status-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.submit-status.error .status-icon{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px 28px;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button .button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.recaptcha-notice{text-align:center;color:var(--text-tertiary);margin-top:15px;font-size:.85rem;line-height:1.5}.recaptcha-notice a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s}.recaptcha-notice a:hover{color:#764ba2;text-decoration:underline}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media (max-width:768px){.contact-modal{max-width:95%}.contact-modal-body{padding:25px}.contact-intro{margin-bottom:25px;font-size:1rem}.contact-form{gap:18px}.contact-form label{font-size:.9rem}.contact-form input,.contact-form textarea{padding:11px 14px;font-size:.95rem}.submit-button{padding:12px 24px;font-size:1rem}}@media (max-width:480px){.contact-modal-body{padding:20px}.contact-intro{margin-bottom:20px;font-size:.95rem}.contact-form{gap:16px}.contact-form label{font-size:.85rem}.contact-form input,.contact-form textarea{padding:10px 12px;font-size:.9rem}.contact-form textarea{min-height:100px}.submit-status{padding:12px 15px;font-size:.9rem}.status-icon{width:20px;height:20px;font-size:1rem}.submit-button{padding:11px 20px;font-size:.95rem}}.blog-modal-overlay{z-index:2001;width:100%;height:100%;padding-left:0;position:fixed;top:0;left:0;overflow:hidden}.blog-modal-content{flex-direction:column;max-width:1200px;max-height:90vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog-modal-content.article-expanded{max-width:95vw;max-height:95vh}.blog-list-view{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.blog-list-view.slide-out-left{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideOutLeft}.blog-list-view.slide-in-left{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.blog-article-view{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.blog-article-view.slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInRight}.blog-article-view.slide-out-right{animation:.4s cubic-bezier(.4,0,.2,1) forwards slideOutRight}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.blog-header{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%)}.blog-search-section{border-bottom:2px solid var(--border-primary);background:var(--bg-tertiary);padding:20px 35px}.blog-search-container{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;align-items:center;gap:12px;padding:12px 18px;transition:all .3s;display:flex;position:relative}.blog-search-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.blog-search-icon{color:var(--text-tertiary);font-size:1.3rem;animation:2s ease-in-out infinite searchPulse}@keyframes searchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.blog-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1rem}.blog-search-input::placeholder{color:var(--text-tertiary)}.blog-search-clear{color:#ef4444;cursor:pointer;background:linear-gradient(135deg,#ef44441a 0%,#dc26261a 100%);border:2px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0 0 1px;font-size:1.4rem;font-weight:700;line-height:1;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #ef444426}.blog-search-clear:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 4px 16px #ef444466}.blog-search-clear:active{opacity:.9}.blog-search-hint{color:var(--text-tertiary);text-align:center;margin-top:12px;font-size:.9rem;font-style:italic}.blog-list-body{flex:1;padding:30px 35px;overflow-y:auto}.blog-articles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;display:grid}.blog-article-card{background:var(--bg-tertiary);border:2px solid var(--border-primary);cursor:pointer;opacity:0;border-radius:16px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s forwards blogCardFadeIn;position:relative;overflow:hidden}@keyframes blogCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-article-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.blog-article-card:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 12px 30px #667eea33}.blog-article-card:hover:before{transform:scaleX(1)}.blog-article-header{align-items:center;gap:15px;margin-bottom:18px;display:flex}.blog-article-logo{font-size:2.5rem;animation:3s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-3deg)}75%{transform:translateY(-3px)rotate(3deg)}}.blog-article-meta{flex-direction:column;flex:1;gap:4px;display:flex}.blog-article-date{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.blog-article-author{color:var(--text-secondary);font-size:.85rem;font-weight:600}.blog-article-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:1.3rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-article-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 15px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-article-tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.blog-tag{color:#667eea;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea4d;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .3s}.blog-article-card:hover .blog-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:translateY(-2px)}.blog-article-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;margin-top:15px;padding-top:15px;display:flex}.blog-read-more{color:#667eea;align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.blog-arrow{transition:transform .3s;display:inline-block}.blog-article-card:hover .blog-arrow{transform:translate(5px)}.blog-article-close{background:var(--bg-hover);cursor:pointer;width:50px;height:50px;color:var(--text-secondary);z-index:10;transform-origin:50%;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 0 5px;font-size:2rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #0003}.blog-article-close:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 25px #ef444466}.blog-article-content{height:100%;padding:40px 50px;animation:.5s articleFadeIn;overflow-y:auto}@keyframes articleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blog-article-content::-webkit-scrollbar{width:12px}.blog-article-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.blog-article-content::-webkit-scrollbar-thumb{border:3px solid var(--bg-tertiary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px}.blog-article-header-full{text-align:center;border-bottom:3px solid var(--border-primary);margin-bottom:50px;padding-bottom:40px;position:relative}.blog-article-header-full:after{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);width:100px;height:3px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.blog-article-logo-large{margin-bottom:20px;font-size:4rem;animation:3s ease-in-out infinite logoFloat}.blog-article-tags-full{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;display:flex}.blog-article-title-full{color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:2.5rem;font-weight:800;line-height:1.3}.blog-article-meta-full{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex}.blog-meta-separator{color:var(--text-tertiary)}.blog-article-body{max-width:800px;margin:0 auto}.markdown-content{color:var(--text-secondary);line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text-primary);margin-top:2em;margin-bottom:1em;font-weight:700;line-height:1.3}.markdown-content h1{border-bottom:3px solid var(--border-primary);margin-top:1.5em;padding-bottom:.5em;font-size:2.2rem}.markdown-content h2{border-bottom:2px solid var(--border-primary);padding-bottom:.4em;font-size:1.8rem}.markdown-content h3{font-size:1.4rem}.markdown-content p{margin-bottom:1.5em;font-size:1.05rem}.markdown-content strong{color:var(--text-primary);font-weight:700}.markdown-content ul,.markdown-content ol{margin-bottom:1.5em;padding-left:2em}.markdown-content li{margin-bottom:.8em;line-height:1.7}.markdown-content blockquote{color:var(--text-secondary);background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:1.5em 0;padding:1em 1.5em;font-style:italic}.markdown-content code{background:var(--bg-tertiary);color:#667eea;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1.5em;padding:1.5em;overflow-x:auto}.markdown-content pre code{color:var(--text-primary);background:0 0;padding:0}.markdown-content a{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.markdown-content a:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.markdown-content a:hover:after{width:100%}.markdown-content hr{background:linear-gradient(90deg,transparent 0%,var(--border-primary)50%,transparent 100%);border:none;height:2px;margin:3em 0}@media (max-width:768px){.blog-modal-overlay{padding-left:0}.blog-modal-content{max-width:90vw;max-height:98vh}.blog-search-section{padding:15px 20px}.blog-list-body{padding:20px}.blog-articles-grid{grid-template-columns:1fr;gap:20px}.blog-article-card{padding:20px}.blog-article-logo{font-size:2rem}.blog-article-title{font-size:1.15rem}.blog-article-close{width:45px;height:45px;font-size:1.8rem;top:15px;right:15px}.blog-article-content{padding:30px 25px}.blog-article-logo-large{font-size:3rem}.blog-article-title-full,.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.2rem}.markdown-content p{font-size:1rem}}@media (max-width:480px){.blog-search-section{padding:12px 15px}.blog-search-container{padding:10px 15px}.blog-list-body{padding:15px}.blog-article-card{padding:18px}.blog-article-logo{font-size:1.8rem}.blog-article-title{font-size:1.1rem}.blog-article-excerpt{font-size:.9rem}.blog-article-close{width:40px;height:40px;font-size:1.6rem;top:12px;right:12px}.blog-article-content{padding:25px 20px}.blog-article-logo-large{font-size:2.5rem}.blog-article-title-full,.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content p,.markdown-content li{font-size:.95rem}}.image-cropper-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.image-cropper-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 20px 60px #00000080}.cropper-header{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-bottom:2px solid #e1e8ed;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.cropper-header h2{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.cropper-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .3s;display:flex}.cropper-close:hover:not(:disabled){color:#ef4444;background:#ef44441a;transform:rotate(90deg)}.cropper-close:disabled{opacity:.5;cursor:not-allowed}.cropper-body{padding:25px}.cropper-instructions{text-align:center;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea33;border-radius:10px;margin-bottom:20px;padding:8px 12px}.cropper-instructions p{color:#667eea;margin:0;font-size:.85rem;font-weight:600}.cropper-preview-container{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:20px;width:300px;height:300px;margin:0 auto 25px;position:relative;overflow:hidden;box-shadow:inset 0 8px 24px #0000001a}.cropper-preview-circle{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 4px #667eea4d,0 0 0 8px #667eea1a}.cropper-image{transform-origin:0 0;pointer-events:none;will-change:transform;max-width:none;transition:none;position:absolute;top:0;left:0}.cropper-controls{flex-direction:column;gap:15px;display:flex}.zoom-control{align-items:center;gap:15px;display:flex}.zoom-info{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.zoom-label{color:#667eea;text-align:center;background:#667eea1a;border-radius:6px;min-width:60px;padding:4px 12px;font-size:.85rem;font-weight:600}.zoom-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.zoom-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.zoom-button:active:not(:disabled){transform:translateY(0)}.zoom-button:disabled{opacity:.5;cursor:not-allowed}.zoom-slider{appearance:none;background:linear-gradient(90deg,#667eea33 0%,#764ba233 100%);border-radius:4px;outline:none;width:100%;height:8px}.zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #667eea66}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #667eea80}.zoom-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #667eea66}.zoom-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #667eea80}.zoom-slider:disabled{opacity:.5;cursor:not-allowed}.reset-button{color:#667eea;cursor:pointer;background:#667eea1a;border:2px solid #667eea4d;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.reset-button:hover:not(:disabled){background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.reset-button:disabled{opacity:.5;cursor:not-allowed}.cropper-footer{background:#f9fafb;border-top:2px solid #e1e8ed;gap:10px;padding:15px 20px;display:flex}.cropper-button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .3s}.cropper-button.cancel{color:#666;background:#fff;border:2px solid #e1e8ed}.cropper-button.cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.cropper-button.apply{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.cropper-button.apply:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.cropper-button:active:not(:disabled){transform:translateY(0)}.cropper-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:500px){.image-cropper-overlay{padding:10px}.image-cropper-modal{max-height:95vh;flex-direction:column;max-height:95dvh;margin:0;display:flex}.cropper-header{padding:15px 18px}.cropper-header h2{font-size:1.15rem}.cropper-close{width:32px;height:32px;font-size:1.3rem}.cropper-body{flex:1;padding:15px 18px;overflow-y:auto}.cropper-instructions{margin-bottom:15px;padding:6px 10px}.cropper-instructions p{font-size:.75rem}.cropper-preview-container{width:100%;max-width:280px;height:280px;margin-bottom:18px}.zoom-control{gap:10px}.zoom-button{width:36px;height:36px;font-size:1rem}.zoom-label{padding:3px 10px;font-size:.8rem}.reset-button{padding:9px 16px;font-size:.9rem}.cropper-footer{flex-shrink:0;gap:8px;padding:12px 18px}.cropper-button{padding:11px 16px;font-size:.9rem}}@media (max-width:380px){.image-cropper-overlay{padding:5px}.cropper-header{padding:12px 15px}.cropper-header h2{font-size:1.05rem}.cropper-close{width:28px;height:28px;font-size:1.2rem}.cropper-body{padding:12px 15px}.cropper-instructions{margin-bottom:12px;padding:5px 8px}.cropper-instructions p{font-size:.7rem}.cropper-preview-container{width:100%;max-width:260px;height:260px;margin-bottom:15px}.zoom-control{gap:8px}.zoom-button{width:32px;height:32px;font-size:.95rem}.zoom-label{padding:2px 8px;font-size:.75rem}.reset-button{padding:8px 14px;font-size:.85rem}.cropper-footer{gap:6px;padding:10px 15px}.cropper-button{padding:10px 14px;font-size:.85rem}}.excalidraw .Spinner{--spinner-color:var(--icon-fill-color);justify-content:center;align-items:center;height:100%;margin-left:auto;margin-right:auto;display:flex}.excalidraw .Spinner svg{animation:1.6s linear infinite rotate;animation-delay:var(--spinner-delay);transform-origin:50%}.excalidraw .Spinner circle{stroke:var(--spinner-color);stroke-linecap:round;animation:1.6s linear infinite dash}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 300;stroke-dashoffset:0}50%{stroke-dasharray:150 300;stroke-dashoffset:-200px}to{stroke-dasharray:1 300;stroke-dashoffset:-280px}}.excalidraw .ToolIcon{border-radius:var(--border-radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.excalidraw .ToolIcon__hidden{display:none!important}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon{--icon-fill-color:var(--color-on-primary-container)}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{fill:var(--icon-fill-color)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon{background:var(--color-surface-primary-container);--keybinding-color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__keybinding{bottom:4px;right:4px}.excalidraw .ToolIcon .ToolIcon__icon:hover{background:var(--button-hover-bg)}.excalidraw .ToolIcon .ToolIcon__icon:active{background:var(--button-hover-bg);border:1px solid var(--button-active-border)}.excalidraw .ToolIcon .ToolIcon__icon:active svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true]{background:initial;border:none}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg{color:var(--color-disabled)}.excalidraw .ToolIcon--plain{background-color:#0000}.excalidraw .ToolIcon--plain .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ToolIcon_type_radio,.excalidraw .ToolIcon_type_checkbox{opacity:0;pointer-events:none;position:absolute}.excalidraw .ToolIcon__icon{box-sizing:border-box;width:var(--default-button-size);height:var(--default-button-size);color:var(--icon-fill-color);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;display:flex}.excalidraw .ToolIcon__icon+.ToolIcon__label{margin-inline-start:0}.excalidraw .ToolIcon__icon svg{width:var(--default-icon-size);height:var(--default-icon-size);color:var(--icon-fill-color);position:relative}.excalidraw .ToolIcon__label{color:var(--icon-fill-color);font-family:var(--ui-font);text-overflow:ellipsis;align-items:center;margin:0 .8em;display:flex}.excalidraw .ToolIcon__label .Spinner{margin-left:.6em}.excalidraw .ToolIcon_size_small .ToolIcon__icon{width:2rem;height:2rem;font-size:.8em}.excalidraw .ToolIcon_type_button,.excalidraw .Modal .ToolIcon_type_button{font-size:inherit;background-color:initial;border:none;margin:0;padding:0}.excalidraw .ToolIcon_type_button:focus-visible,.excalidraw .Modal .ToolIcon_type_button:focus-visible{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .ToolIcon_type_button.ToolIcon--selected,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .ToolIcon_type_button:active,.excalidraw .Modal .ToolIcon_type_button:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon_type_button:disabled,.excalidraw .Modal .ToolIcon_type_button:disabled{cursor:default}.excalidraw .ToolIcon_type_button:disabled:active,.excalidraw .ToolIcon_type_button:disabled:focus-visible,.excalidraw .ToolIcon_type_button:disabled:hover,.excalidraw .Modal .ToolIcon_type_button:disabled:active,.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,.excalidraw .Modal .ToolIcon_type_button:disabled:hover{background-color:initial;box-shadow:none;border:none}.excalidraw .ToolIcon_type_button:disabled svg,.excalidraw .Modal .ToolIcon_type_button:disabled svg{color:var(--color-disabled)}.excalidraw .ToolIcon_type_button--show,.excalidraw .Modal .ToolIcon_type_button--show{visibility:visible}.excalidraw .ToolIcon_type_button--hide,.excalidraw .Modal .ToolIcon_type_button--hide{display:none!important}.excalidraw .ToolIcon_type_floating,.excalidraw .ToolIcon_type_floating:hover,.excalidraw .ToolIcon_type_floating:active{background-color:#0000}.excalidraw .ToolIcon_type_floating .ToolIcon__icon{background-color:var(--button-gray-1);width:2rem;height:2rem}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon__keybinding{color:var(--keybinding-color);font-size:.625rem;font-family:var(--ui-font);-webkit-user-select:none;user-select:none;position:absolute;bottom:2px;right:3px}:root[dir=ltr] .excalidraw .unlocked-icon{left:2px}:root[dir=rtl] .excalidraw .unlocked-icon{right:2px}.excalidraw .App-toolbar-container .ToolIcon__icon{width:var(--lg-button-size);height:var(--lg-button-size)}@media screen and (max-width:450px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.8rem;height:1.8rem}}@media screen and (max-width:379px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.5rem;height:1.5rem}}.excalidraw .App-toolbar-container .ToolIcon__icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon{width:var(--default-button-size);height:var(--default-button-size)}.excalidraw button.standalone{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);justify-content:center;align-items:center;padding:0;display:flex}.excalidraw button.standalone:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw button.standalone:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw button.standalone.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw button.standalone.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw button.standalone.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw button.standalone svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw button.standalone>*{pointer-events:none}.excalidraw .excalidraw-eye-dropper-container,.excalidraw .excalidraw-eye-dropper-backdrop{width:100%;height:100%;z-index:var(--zIndex-eyeDropperBackdrop);touch-action:none;position:absolute}.excalidraw .excalidraw-eye-dropper-container{pointer-events:none}.excalidraw .excalidraw-eye-dropper-backdrop{pointer-events:all}.excalidraw .excalidraw-eye-dropper-preview{pointer-events:none;width:3rem;height:3rem;z-index:var(--zIndex-eyeDropperPreview);border:1px solid var(--default-border-color);filter:var(--theme-filter);border-radius:1rem;position:fixed}.excalidraw .excalidraw-eye-dropper-trigger{cursor:pointer;width:1.25rem;height:1.25rem;color:var(--icon-fill-color);border-radius:.5rem;margin-left:-2px;margin-right:-4px;padding:4px}.excalidraw .excalidraw-eye-dropper-trigger:hover{background:var(--button-hover-bg)}.excalidraw .excalidraw-eye-dropper-trigger.selected{color:var(--color-primary);background:var(--color-primary-light)}.excalidraw .Island{--padding:0;box-sizing:border-box;background-color:var(--island-bg-color);box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);padding:calc(var(--padding)*var(--space-factor));transition:box-shadow .5s ease-in-out;position:relative}.excalidraw .Island.zen-mode{box-shadow:none}.excalidraw .focus-visible-none:focus-visible{outline:none!important}.excalidraw .color-picker__heading{text-align:left;padding:0 .5rem;font-size:.75rem}.excalidraw .color-picker-container{grid-template-columns:1fr 20px 1.625rem;align-items:center;padding:.25rem 0;display:grid}.excalidraw--mobile.excalidraw .color-picker-container{max-width:11rem}.excalidraw .color-picker__top-picks{justify-content:space-between;display:flex}.excalidraw .color-picker__button{--radius:.25rem;border:1px solid var(--color-gray-30);border-radius:var(--radius);width:1.35rem;height:1.35rem;filter:var(--theme-filter);background-color:var(--swatch-color);box-sizing:border-box;background-position:0;margin:0;padding:0;font-family:inherit;position:relative}.excalidraw .color-picker__button:hover:after{content:"";box-shadow:0 0 0 1px var(--color-gray-30);border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter);position:absolute;inset:-2px}.excalidraw .color-picker__button.active .color-picker__button-outline{box-shadow:0 0 0 1px var(--color-primary-darkest);z-index:1;border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter);position:absolute;inset:-2px}.excalidraw .color-picker__button:focus-visible{outline:none}.excalidraw .color-picker__button:focus-visible:after{content:"";border:3px solid var(--focus-highlight-color);border-radius:calc(var(--radius) + 1px);position:absolute;inset:-4px}.excalidraw .color-picker__button:focus-visible.active .color-picker__button-outline{display:none}.excalidraw .color-picker__button--large{--radius:.5rem;width:1.875rem;height:1.875rem}.excalidraw .color-picker__button.is-transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==)}.excalidraw .color-picker__button--no-focus-visible{border:0}.excalidraw .color-picker__button--no-focus-visible:after{display:none}.excalidraw .color-picker__button--no-focus-visible:focus-visible{outline:none!important}.excalidraw .color-picker__button.active-color{border-radius:calc(var(--radius) + 1px);width:1.625rem;height:1.625rem}.excalidraw .color-picker__button__hotkey-label{filter:none;font-size:11px;position:absolute;bottom:4px;right:4px}.excalidraw .color-picker{background:var(--popup-bg-color);border:0 solid #ffffff40;border-radius:4px;position:absolute;box-shadow:0 1px 4px #00000040}:root[dir=ltr] .excalidraw .color-picker{left:-5.5px}:root[dir=rtl] .excalidraw .color-picker{right:-5.5px}.excalidraw .color-picker-control-container{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;display:grid}.excalidraw .color-picker-control-container+.popover{position:static}.excalidraw .color-picker-popover-container{margin-top:-.25rem}:root[dir=ltr] .excalidraw .color-picker-popover-container{margin-left:.5rem}:root[dir=rtl] .excalidraw .color-picker-popover-container{margin-left:-3rem}.excalidraw .color-picker-triangle{border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--popup-bg-color);width:0;height:0;position:absolute;top:10px}:root[dir=ltr] .excalidraw .color-picker-triangle{left:-14px;transform:rotate(270deg)}:root[dir=rtl] .excalidraw .color-picker-triangle{right:-14px;transform:rotate(90deg)}.excalidraw .color-picker-triangle-shadow{border-color:#0000 #0000 #0000001a}:root[dir=ltr] .excalidraw .color-picker-triangle-shadow{left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle-shadow{right:-16px}.excalidraw .color-picker-content{outline:none;flex-direction:column;gap:.75rem;display:flex}.excalidraw .color-picker-content--default{grid-gap:.25rem;border-radius:4px;grid-template-columns:repeat(5,1.875rem);padding:.5rem;display:grid}.excalidraw .color-picker-content--default:focus{box-shadow:0 0 0 2px var(--focus-highlight-color);outline:none}.excalidraw .color-picker-content--canvas{flex-direction:column;padding:.25rem;display:flex}.excalidraw .color-picker-content--canvas-title{color:#868e96;padding:0 .25rem;font-size:12px}.excalidraw .color-picker-content--canvas-colors{padding:.5rem 0}.excalidraw .color-picker-content--canvas-colors .color-picker-swatch{margin:0 .25rem}.excalidraw .color-picker-content .color-input-container{grid-column:1/span 5}.excalidraw .color-picker-swatch{cursor:pointer;box-sizing:border-box;width:1.875rem;height:1.875rem;filter:var(--theme-filter);border:1px solid #ddd;border-radius:4px;margin:0;position:relative;background-color:currentColor!important}.excalidraw .color-picker-swatch:focus{border-color:var(--select-highlight-color);box-shadow:0 0 4px 1px}.excalidraw .color-picker-transparent{border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.excalidraw .color-picker-transparent,.excalidraw .color-picker-label-swatch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0}.excalidraw .color-picker-hash{height:var(--default-button-size);border:1px solid var(--default-border-color);box-sizing:border-box;color:var(--input-label-color);border-right:0;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem .5rem .5rem .75rem;display:flex;position:relative}:root[dir=ltr] .excalidraw .color-picker-hash{border-radius:var(--border-radius-lg)0 0 var(--border-radius-lg)}:root[dir=rtl] .excalidraw .color-picker-hash{border-radius:0 var(--border-radius-lg)var(--border-radius-lg)0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .color-input-container{display:flex}.excalidraw .color-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-label{border:1px solid var(--default-border-color);box-sizing:border-box;border-radius:8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;margin:8px;padding:0 12px;display:grid}.excalidraw .color-picker__input-label:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-hash{padding:0 .25rem}.excalidraw .color-picker-input{box-sizing:border-box;width:100%;color:var(--text-primary-color);height:var(--default-button-size);border:0;border:1px solid var(--default-border-color);letter-spacing:.4px;appearance:none;background-color:#0000;border-left:0;outline:none;margin:0;padding:.5rem .5rem .5rem .25rem;font-family:inherit;font-size:.875rem}:root[dir=ltr] .excalidraw .color-picker-input{border-radius:0 var(--border-radius-lg)var(--border-radius-lg)0}:root[dir=rtl] .excalidraw .color-picker-input{border-radius:var(--border-radius-lg)0 0 var(--border-radius-lg);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .color-picker-input:focus-visible{box-shadow:none}.excalidraw .color-picker-label-swatch-container{border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);width:var(--default-button-size);height:var(--default-button-size);box-sizing:border-box;overflow:hidden}.excalidraw .color-picker-label-swatch{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);filter:var(--theme-filter);justify-content:center;align-items:center;padding:.625rem;display:flex;position:relative;overflow:hidden;background-color:var(--swatch-color)!important;border:0!important}.excalidraw .color-picker-label-swatch svg{width:var(--button-width,var(--lg-icon-size));height:var(--button-height,var(--lg-icon-size))}.excalidraw .color-picker-label-swatch:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .color-picker-label-swatch:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .color-picker-label-swatch.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw .color-picker-label-swatch:after{content:"";background:var(--swatch-color);width:100%;height:100%;position:absolute;top:0;left:0}.excalidraw .color-picker-keybinding{font-size:.7em;position:absolute;bottom:2px}:root[dir=ltr] .excalidraw .color-picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .color-picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .color-picker-keybinding{display:none}.excalidraw .color-picker-type-canvasBackground .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementBackground .color-picker-keybinding{color:#fff}.excalidraw .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementStroke .color-picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .color-picker-type-elementBackground .color-picker-keybinding,.excalidraw.theme--dark .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#000}.excalidraw .picker{background:var(--popup-bg-color);box-shadow:var(--shadow-island);border:0 solid #ffffff40;border-radius:4px;padding:.5rem;position:absolute}:root[dir=rtl] .excalidraw .picker{padding:.4rem}.excalidraw .picker-container button,.excalidraw .picker button{justify-content:center;align-items:center;display:flex;position:relative}.excalidraw .picker-container button:focus-visible,.excalidraw .picker button:focus-visible{background-color:var(--button-gray-2);outline:#0000}.excalidraw .picker-container button:focus-visible svg,.excalidraw .picker button:focus-visible svg{opacity:1}.excalidraw .picker-container button:hover,.excalidraw .picker button:hover{background-color:var(--button-gray-2)}.excalidraw .picker-container button:active,.excalidraw .picker button:active{background-color:var(--button-gray-3)}.excalidraw .picker-container button:disabled,.excalidraw .picker button:disabled{cursor:not-allowed}.excalidraw .picker-container button svg,.excalidraw .picker button svg{pointer-events:none;width:36px;height:18px;margin:0}.excalidraw .picker button{padding:.25rem .28rem .35rem .25rem}.excalidraw .picker-content{grid-gap:.5rem;border-radius:4px;grid-template-columns:repeat(4,auto);display:grid}.excalidraw .picker-collapsible{padding:.5rem 0;font-size:.75rem}.excalidraw .picker-keybinding{color:var(--keybinding-color);font-size:.7em;position:absolute;bottom:2px}:root[dir=ltr] .excalidraw .picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .picker-keybinding{display:none}.excalidraw .picker-type-canvasBackground .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementBackground .picker-keybinding{color:#fff}.excalidraw .picker-swatch[aria-label=transparent] .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementStroke .picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .picker-type-elementBackground .picker-keybinding,.excalidraw.theme--dark .picker-swatch[aria-label=transparent] .picker-keybinding{color:#000}.excalidraw{--list-border-color:var(--color-gray-20)}.excalidraw .QuickSearch__wrapper{border-bottom:1px solid var(--list-border-color);height:2.6rem;position:relative}.excalidraw .QuickSearch__wrapper svg{width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1;position:absolute;top:47.5%;left:.75rem;transform:translateY(-50%)}.excalidraw.theme--dark{--list-border-color:var(--color-gray-80)}.excalidraw.theme--dark .QuickSearch__wrapper{border-bottom:none}.excalidraw .QuickSearch__input{box-sizing:border-box;width:100%;font-size:.875rem;position:absolute;top:0;left:0;border:0!important;padding-left:2.5rem!important;padding-right:.75rem!important}.excalidraw .QuickSearch__input::placeholder{color:var(--color-gray-40)}.excalidraw .QuickSearch__input:focus{box-shadow:none!important}.excalidraw .ScrollableList__wrapper{border:none;font-size:.875rem;overflow-y:auto;position:static!important}.excalidraw .ScrollableList__wrapper>.empty,.excalidraw .ScrollableList__wrapper>.hint{color:var(--color-gray-60);text-align:center;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;line-height:150%;display:flex;overflow:hidden}.excalidraw .FontPicker__container{grid-template-columns:calc(1rem + 3*var(--default-button-size))1rem 1fr;align-items:center;display:grid}.excalidraw--mobile.excalidraw .FontPicker__container{max-width:calc(2rem + 4*var(--default-button-size))}.excalidraw{--slider-thumb-size:16px}.excalidraw .range-wrapper{padding-top:10px;padding-bottom:30px;position:relative}.excalidraw .range-input{-webkit-appearance:none;background:var(--color-slider-track);border-radius:2px;outline:none;width:100%;height:4px}.excalidraw .range-input::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);cursor:pointer;border:none;border-radius:50%}.excalidraw .range-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);cursor:pointer;border:none;border-radius:50%}.excalidraw .value-bubble{color:var(--text-primary-color);font-size:12px;position:absolute;bottom:0;transform:translate(-50%)}.excalidraw .zero-label{color:var(--text-primary-color);font-size:12px;position:absolute;bottom:0;left:4px}.excalidraw-tooltip{--ui-font:Assistant,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--ui-font);z-index:var(--zIndex-popup);box-sizing:border-box;pointer-events:none;word-wrap:break-word;text-align:center;color:#fff;background:#000;border-radius:6px;padding:8px;font-size:13px;font-weight:500;line-height:1.5;display:none;position:fixed}.excalidraw-tooltip.excalidraw-tooltip--visible{display:block}.excalidraw-tooltip-wrapper{display:flex}.excalidraw-tooltip-icon{width:.9em;height:.9em;margin-top:1px;margin-left:5px;display:flex}.excalidraw--mobile.excalidraw-tooltip-icon{display:none}.excalidraw .TextInput{display:inline-block}.ProjectName{align-items:center;margin:auto;display:flex}.ProjectName .TextInput{text-align:center;text-overflow:ellipsis;width:200px;height:calc(1rem - 3px);margin-left:8px;overflow:hidden}.ProjectName .TextInput--readonly{background:0 0;border:none;width:auto;max-width:200px;padding-left:2px}.ProjectName .TextInput--readonly:hover{background:0 0}.excalidraw .Checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;margin:4px .3em;display:flex}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus){box-shadow:0 0 0 2px #4dabf7}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) svg{opacity:.3;display:block}.excalidraw .Checkbox:active .Checkbox-box{box-shadow:inset 0 0 2px 1px #1c7ed6!important}.excalidraw .Checkbox:hover .Checkbox-box{background-color:#d0ebff33}.excalidraw .Checkbox.is-checked .Checkbox-box{background-color:#d0ebff}.excalidraw .Checkbox.is-checked .Checkbox-box svg{display:block}.excalidraw .Checkbox.is-checked:hover .Checkbox-box{background-color:#a5d8ff}.excalidraw .Checkbox .Checkbox-box{color:#1c7ed6;background-color:#0000;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin:0 1em;padding:0;display:flex;box-shadow:0 0 0 2px #1c7ed6}.excalidraw .Checkbox .Checkbox-box:focus{box-shadow:0 0 0 3px #1c7ed6}.excalidraw .Checkbox .Checkbox-box svg{stroke-width:3px;width:16px;height:16px;display:none}.excalidraw .Checkbox .Checkbox-label{align-items:center;display:flex}.excalidraw .Checkbox .excalidraw-tooltip-icon{width:1em;height:1em}.excalidraw .Avatar{width:var(--avatar-size,1.5rem);height:var(--avatar-size,1.5rem);outline-offset:2px;cursor:pointer;color:var(--color-gray-90);border-radius:100%;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;line-height:1;display:flex;position:relative}.excalidraw .Avatar:active{transform:scale(.94)}.excalidraw .Avatar-img{border-radius:100%;width:100%;height:100%}.excalidraw .Avatar:before{content:"";border-radius:100%;position:absolute;inset:-3px}.excalidraw .Avatar.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .Avatar.is-current-user{cursor:auto}.excalidraw-hyperlinkContainer{z-index:var(--zIndex-hyperlinkContainer);background:var(--island-bg-color);border-radius:var(--border-radius-md);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:42px;display:flex;position:absolute;box-shadow:0 2px 4px #0000004d}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer button{z-index:100}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer-link{height:24px;font-size:.9rem;font-weight:500;line-height:24px;font-family:var(--ui-font);padding:0 8px}.excalidraw-hyperlinkContainer-input{width:18rem;color:var(--text-primary-color);background-color:#0000;border:none;outline:none;box-shadow:none!important}.excalidraw-hyperlinkContainer-link{text-overflow:ellipsis;white-space:nowrap;max-width:15rem;overflow:hidden}.excalidraw-hyperlinkContainer button{color:#228be6;font-weight:500;background-color:#0000!important}.excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove{color:#c92a2a}.excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg{color:#fa5252}.excalidraw-hyperlinkContainer .ToolIcon__icon{width:2rem;height:2rem}.excalidraw-hyperlinkContainer__buttons{flex:none}.excalidraw .Dialog{-webkit-user-select:text;user-select:text;cursor:auto}.excalidraw .Dialog__title{text-align:left;border-bottom:1px solid var(--dialog-border-color);margin:0 0 1.5rem;padding:0 0 .75rem;font-size:1.25rem}.excalidraw .Dialog__close{color:var(--color-gray-40);cursor:pointer;background-color:#0000;border:0;margin:0;line-height:0;position:absolute;top:.75rem;right:.5rem}.excalidraw .Dialog__close:hover{color:var(--color-gray-60)}.excalidraw .Dialog__close:active{color:var(--color-gray-40)}.excalidraw .Dialog__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog__close+.Dialog__content{--offset:28px;height:calc(100% - var(--offset))!important;margin-top:var(--offset)!important}.excalidraw .Dialog--fullscreen .Dialog__close{top:1.25rem;right:1.25rem}.excalidraw.excalidraw-modal-container{z-index:var(--zIndex-modal);position:absolute}.excalidraw .Modal{padding:calc(var(--space-factor)*10);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.excalidraw .Modal .Island{box-shadow:none;border:0;border-radius:0;padding:2.5rem}.excalidraw .Modal.animations-disabled .Modal__background{animation:none}.excalidraw .Modal.animations-disabled .Modal__content{opacity:1;animation:none}.excalidraw .Modal__background{z-index:1;background-color:#12121233;animation:.1s linear forwards Modal__background__fade-in;position:fixed;inset:0}.excalidraw .Modal__content{z-index:2;width:100%;max-width:var(--max-width);opacity:0;background:var(--island-bg-color);border:1px solid var(--dialog-border-color);max-height:100%;box-shadow:var(--modal-shadow);box-sizing:border-box;border-radius:.75rem;animation:25ms ease-out forwards Modal__content_fade-in;position:relative;overflow-y:auto;transform:translateY(10px)}.excalidraw .Modal__content:focus{outline:none}@keyframes Modal__background__fade-in{0%{opacity:0}to{opacity:1}}@keyframes Modal__content_fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.excalidraw .Modal__close{color:var(--icon-fill-color);cursor:pointer;background-color:#0000;border:0;margin:0;padding:.375rem;line-height:0;position:absolute;top:1rem;right:1rem}.excalidraw .Modal__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog--fullscreen .Modal{padding:0}.excalidraw .Dialog--fullscreen .Modal__content{border:0;border-radius:0;max-width:100%;position:absolute;inset:0}.excalidraw .Stack{--gap:0;gap:calc(var(--space-factor)*var(--gap));display:grid}.excalidraw .Stack_vertical{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row}.excalidraw .Stack_horizontal{grid-template-rows:auto;grid-auto-columns:min-content;grid-auto-flow:column}.excalidraw .confirm-dialog-buttons{justify-content:flex-end;column-gap:.5rem;display:flex}.excalidraw .Dialog__action-button{border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);letter-spacing:.4px;height:3rem;color:inherit;-webkit-user-select:none;user-select:none;background-color:#0000;align-items:center;column-gap:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;display:flex;position:relative}.excalidraw .Dialog__action-button svg{width:1rem;height:1rem;display:block}.excalidraw .Dialog__action-button--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.excalidraw .Dialog__action-button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.excalidraw.theme--dark .Dialog__action-button--danger,.excalidraw.theme--dark .Dialog__action-button--primary{color:var(--color-gray-100)}.excalidraw .publish-library__fields{flex-direction:column;display:flex}.excalidraw .publish-library__fields label{justify-content:space-between;align-items:center;padding:1em 0;display:flex}.excalidraw .publish-library__fields label span{color:#868e96;font-size:1rem;font-weight:500}.excalidraw .publish-library__fields label input,.excalidraw .publish-library__fields label textarea{width:70%;font-family:var(--ui-font);padding:.6em}.excalidraw .publish-library__fields label .required{color:#e03131;margin:.2rem}.excalidraw .publish-library__buttons{justify-content:flex-end;gap:.5rem;padding:.2rem 0;display:flex}.excalidraw .publish-library__buttons .ToolIcon__icon{width:auto;min-width:2.5rem;font-size:1rem}.excalidraw .publish-library__buttons .ToolIcon_type_button{margin-left:1rem;padding:0 .5rem}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button{background-color:#228be6}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button{background-color:#adb5bd}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover{background-color:#868e96}.excalidraw .publish-library__buttons .ToolIcon__icon{color:#fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner{--spinner-color:#fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg{padding:.5rem}.excalidraw .publish-library .selected-library-items{flex-wrap:wrap;display:flex}.excalidraw .publish-library .selected-library-items .single-library-item-wrapper{width:9rem}.excalidraw .publish-library-warning{color:#fa5252}.excalidraw .publish-library-note{padding:1em 0;font-size:14px;font-style:italic;display:block}.excalidraw .single-library-item{position:relative}.excalidraw .single-library-item-status{color:#f03e3e;background:#ffffffe6;border-radius:.2rem;padding:.1rem .2rem;font-size:.7rem;position:absolute;top:.3rem;left:.3rem}.excalidraw .single-library-item__svg{border:1px solid var(--button-gray-2);background-color:#fff;width:7.5rem;height:7.5rem;padding:.3rem}.excalidraw .single-library-item__svg svg{width:100%;height:100%}.excalidraw .single-library-item .ToolIcon__icon{background-color:#fff;width:auto;height:auto;margin:0 .5rem}.excalidraw .single-library-item .ToolIcon,.excalidraw .single-library-item .ToolIcon_type_button:hover{background-color:#fff}.excalidraw .single-library-item .required,.excalidraw .single-library-item .error{color:#e03131;margin:.2rem;font-size:1rem;font-weight:700}.excalidraw .single-library-item .error{margin:0;padding:.3em 0;font-weight:500}.excalidraw .single-library-item--remove{position:absolute;top:.2rem;right:1rem}.excalidraw .single-library-item--remove .ToolIcon__icon{background-color:#fa5252;margin:0}.excalidraw .single-library-item--remove .ToolIcon__icon:hover{background-color:#f03e3e}.excalidraw .single-library-item--remove .ToolIcon__icon:active{background-color:#e03131}.excalidraw .single-library-item--remove svg{color:#fff;border-radius:.3em;width:1rem;height:1rem;padding:.26rem}.excalidraw .dropdown-menu{margin-top:.5rem;position:absolute;top:100%}.excalidraw .dropdown-menu--mobile{row-gap:.75rem;width:100%;left:0}.excalidraw .dropdown-menu--mobile .dropdown-menu-container{box-sizing:border-box;box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);padding:8px;transition:box-shadow .5s ease-in-out;position:relative}.excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode{box-shadow:none}.excalidraw .dropdown-menu .dropdown-menu-container{background-color:var(--island-bg-color);--gap:2;max-height:calc(100vh - 150px);overflow-y:auto}.excalidraw .dropdown-menu .dropdown-menu-item-base{color:var(--color-on-surface);box-sizing:border-box;column-gap:.625rem;width:100%;font-family:inherit;font-size:.875rem;font-weight:400;display:flex}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item:hover{background-color:#0000}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--hovered{background-color:var(--button-hover-bg)!important}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--selected{background-color:var(--color-primary-light)!important}.excalidraw .dropdown-menu.fonts{max-height:calc(17.95rem + 14px);margin-top:1rem}@media screen and (min-width:1921px){.excalidraw .dropdown-menu.fonts{max-height:calc(19.7rem + 14px)}}.excalidraw .dropdown-menu.fonts .dropdown-menu-item-base{display:inline-flex}.excalidraw .dropdown-menu.fonts .dropdown-menu-group:not(:first-child){margin-top:1rem}.excalidraw .dropdown-menu.fonts .dropdown-menu-group-title{text-align:left;margin:0 0 .5rem;font-size:.75rem;font-weight:400;line-height:1.3}.excalidraw .dropdown-menu .dropdown-menu-item{cursor:pointer;border-radius:var(--border-radius-md);background-color:#0000;border:1px solid #0000;align-items:center;width:calc(100% - 2px);height:2rem;margin:1px;padding:0 .5rem}@media screen and (min-width:1921px){.excalidraw .dropdown-menu .dropdown-menu-item{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item__text{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.75rem;width:100%;display:flex;overflow:hidden}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut{opacity:.5;margin-inline-start:auto}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned{text-align:right;padding:0 .625rem;font-size:.875rem}.excalidraw .dropdown-menu .dropdown-menu-item--selected{background:var(--color-primary-light);--icon-fill-color:var(--color-primary-darker)}.excalidraw .dropdown-menu .dropdown-menu-item:hover{background-color:var(--button-hover-bg);text-decoration:none}.excalidraw .dropdown-menu .dropdown-menu-item:active{background-color:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .dropdown-menu .dropdown-menu-item svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-bare{justify-content:space-between;align-items:center;height:2rem}@media screen and (min-width:1921px){.excalidraw .dropdown-menu .dropdown-menu-item-bare{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item-bare svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-custom{margin-top:.5rem}.excalidraw .dropdown-menu .dropdown-menu-group-title{text-align:left;margin:10px 0;font-size:14px;font-weight:500}.excalidraw .dropdown-menu-button{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);width:var(--lg-button-size);height:var(--lg-button-size);--background:var(--color-surface-mid);background-color:var(--background);justify-content:center;align-items:center;padding:.625rem;display:flex}.excalidraw .dropdown-menu-button:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .dropdown-menu-button:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .dropdown-menu-button.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw.theme--dark.excalidraw .dropdown-menu-button{--background:var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .dropdown-menu-button:hover{--background:#363541}.excalidraw .dropdown-menu-button:hover{--background:var(--color-surface-high);background-color:var(--background);text-decoration:none}.excalidraw .dropdown-menu-button:active{border-color:var(--color-primary)}.excalidraw .dropdown-menu-button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .dropdown-menu-button--mobile{width:var(--default-button-size);height:var(--default-button-size);border:none;margin:0;padding:0}.excalidraw .library-unit{box-sizing:border-box;border-radius:var(--border-radius-lg);border:1px solid #0000;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:relative}.excalidraw .library-unit svg{pointer-events:none}.excalidraw .library-unit--hover{border-color:var(--color-primary)}.excalidraw .library-unit--selected{border-color:var(--color-primary);border-width:1px}.excalidraw .library-unit--skeleton{opacity:.5;background:linear-gradient(-45deg,var(--color-gray-10),var(--color-gray-20),var(--color-gray-10));background-size:200% 200%;animation:.2s linear library-unit__skeleton-opacity-animation}.excalidraw.theme--dark .library-unit--skeleton{background-image:linear-gradient(-45deg,var(--color-gray-100),var(--color-gray-80),var(--color-gray-100))}.excalidraw .library-unit__dragger{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.excalidraw .library-unit__dragger>svg{filter:var(--theme-filter);flex-grow:1;max-width:100%;max-height:100%}.excalidraw .library-unit__checkbox-container,.excalidraw .library-unit__checkbox-container:hover,.excalidraw .library-unit__checkbox-container:active{color:var(--icon-fill-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:.5rem;display:flex;position:absolute;bottom:2rem;left:2rem}.excalidraw .library-unit__checkbox-container input,.excalidraw .library-unit__checkbox-container:hover input,.excalidraw .library-unit__checkbox-container:active input{cursor:pointer}.excalidraw .library-unit__checkbox{margin:0;position:absolute;top:.125rem;right:.125rem}.excalidraw .library-unit__checkbox .Checkbox-box{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:4px;width:1rem;height:1rem;margin:0;padding:2px;box-shadow:none!important}.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box{background-color:var(--color-primary-light)}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box{background-color:var(--color-primary)!important}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg{color:var(--color-primary-light)}.excalidraw .library-unit__removeFromLibrary>svg{width:16px;height:16px}.excalidraw .library-unit__adder{background-color:var(--color-primary);border-radius:var(--border-radius-md);pointer-events:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;animation:1s ease-in infinite library-unit__adder-animation;display:flex;position:absolute;transform:scale(1)}.excalidraw .library-unit__adder svg{color:var(--color-primary-light);width:1rem;height:1rem}.excalidraw .library-unit:active .library-unit__adder{animation:none;transform:scale(.8)}.excalidraw .library-unit__active{cursor:pointer}@keyframes library-unit__adder-animation{0%{transform:scale(.85)}50%{transform:scale(1)}to{transform:scale(.85)}}@keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}.excalidraw{--container-padding-y:1.5rem;--container-padding-x:.75rem}.excalidraw .library-menu-items__no-items{text-align:center;color:var(--color-gray-70);width:100%;font-size:.875rem;line-height:1.5}.excalidraw .library-menu-items__no-items__label{color:var(--color-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.excalidraw.theme--dark .library-menu-items__no-items{color:var(--color-gray-40)}.excalidraw .library-menu-items-container{flex-direction:column;flex:1 1 0;justify-content:center;width:100%;height:100%;margin:0;display:flex;position:relative;overflow-y:auto}.excalidraw .library-menu-items-container>div{padding-left:.75rem;padding-right:.75rem}.excalidraw .library-menu-items-container__row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.excalidraw .library-menu-items-container__items{padding:var(--container-padding-y)0;flex:1;row-gap:.5rem;margin-bottom:1rem;overflow:hidden auto}.excalidraw .library-menu-items-container__header{color:var(--color-primary);box-sizing:border-box;width:100%;margin-bottom:.75rem;padding-right:4rem;font-size:1.125rem;font-weight:700}.excalidraw .library-menu-items-container__header--excal{margin-top:2rem}.excalidraw .library-menu-items-container__grid{grid-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.excalidraw .library-menu-items-container .separator{width:100%;color:var(--text-primary-color);align-items:center;margin:.6em .2em;font-size:.9rem;font-weight:500;display:flex}.excalidraw .library-menu-items-private-library-container{width:100%;min-height:3.75rem}.excalidraw .layer-ui__library{flex-direction:column;flex:auto;display:flex}.excalidraw .library-actions-counter{background-color:var(--color-primary);color:var(--color-primary-light);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;bottom:-.25rem;right:-.25rem}.excalidraw .layer-ui__library-message{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-width:200px;padding:2rem;display:flex}.excalidraw .layer-ui__library-message span{font-size:.8em}.excalidraw .publish-library-success .Dialog__content{flex-direction:column;display:flex}.excalidraw .publish-library-success-close.ToolIcon_type_button{background-color:#228be6;align-self:flex-end}.excalidraw .publish-library-success-close.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon{color:#fff;width:auto;padding:0 .5rem;font-size:1rem}.excalidraw .library-menu-control-buttons{justify-content:center;align-items:center;gap:.625rem;display:flex;position:relative}.excalidraw .library-menu-control-buttons--at-bottom:before{content:"";background:var(--sidebar-border-color);width:calc(100% - 1.5rem);height:1px;position:absolute;top:-1px}.excalidraw .library-menu-browse-button{height:var(--lg-button-size);border-radius:var(--border-radius-lg);background-color:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;flex:1;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.excalidraw .library-menu-browse-button:hover{background-color:var(--color-brand-hover)}.excalidraw .library-menu-browse-button:active{background-color:var(--color-brand-active)}.excalidraw.theme--dark .library-menu-browse-button{color:var(--color-gray-100)}.excalidraw.excalidraw--mobile .library-menu-browse-button{height:var(--default-button-size)}.excalidraw .layer-ui__library .dropdown-menu{width:auto;top:initial;right:0;left:initial;margin-bottom:.625rem;bottom:100%}.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container{width:196px;box-shadow:var(--library-dropdown-shadow);border-radius:var(--border-radius-lg);padding:.25rem .5rem}.excalidraw .layer-ui__library .library-menu-dropdown-container{position:relative}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading{z-index:1;padding:0;position:absolute;top:1rem;right:.75rem}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.excalidraw{--ExcTextField--color:var(--color-on-surface);--ExcTextField--label-color:var(--color-on-surface);--ExcTextField--background:var(--color-surface-low);--ExcTextField--readonly--background:var(--color-surface-high);--ExcTextField--readonly--color:var(--color-on-surface);--ExcTextField--border:var(--color-gray-20);--ExcTextField--readonly--border:var(--color-border-outline-variant);--ExcTextField--border-hover:var(--color-brand-hover);--ExcTextField--border-active:var(--color-brand-active);--ExcTextField--placeholder:var(--color-border-outline-variant)}.excalidraw .ExcTextField{position:relative}.excalidraw .ExcTextField svg{width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.excalidraw .ExcTextField--fullWidth{flex-grow:1;width:100%}.excalidraw .ExcTextField__label{color:var(--ExcTextField--label-color);-webkit-user-select:none;user-select:none;margin-bottom:.25rem;font-family:Assistant;font-size:.875rem;font-style:normal;font-weight:600;line-height:150%}.excalidraw .ExcTextField__input{box-sizing:border-box;background:var(--ExcTextField--background);border:1px solid var(--ExcTextField--border);border-radius:.5rem;flex-direction:row;align-items:center;height:3rem;padding:0 .75rem;display:flex}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover{border-color:var(--ExcTextField--border-hover)}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active,.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within{border-color:var(--ExcTextField--border-active)}.excalidraw .ExcTextField__input input{height:1.5rem;color:var(--ExcTextField--color);text-overflow:ellipsis;background:0 0;border:none;outline:none;align-items:center;width:100%;margin:0;padding:0;font-family:Assistant;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;display:flex}.excalidraw .ExcTextField__input input:not(:focus):hover{background-color:initial}.excalidraw .ExcTextField__input input:focus{outline:initial;box-shadow:initial}.excalidraw .ExcTextField__input--readonly{background:var(--ExcTextField--readonly--background);border-color:var(--ExcTextField--readonly--border)}.excalidraw .ExcTextField__input--readonly input{color:var(--ExcTextField--readonly--color)}.excalidraw .ExcTextField--hasIcon .ExcTextField__input{padding-left:2.5rem}.excalidraw .excalidraw-button{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);justify-content:center;align-items:center;padding:.625rem;display:flex}.excalidraw .excalidraw-button svg{width:var(--button-width,var(--lg-icon-size));height:var(--button-height,var(--lg-icon-size))}.excalidraw .excalidraw-button:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .excalidraw-button:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .excalidraw-button.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active svg{color:var(--button-color,var(--color-on-primary-container))}.zoom-actions,.undo-redo-buttons{background-color:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 0 0 1px var(--color-surface-lowest)}.zoom-button,.undo-redo-buttons button{width:var(--lg-button-size);height:var(--lg-button-size);background-color:var(--color-surface-low)!important;border-radius:0!important;font-size:.875rem!important}.zoom-button svg,.undo-redo-buttons button svg{width:var(--lg-icon-size)!important;height:var(--lg-icon-size)!important}.zoom-button .ToolIcon__icon,.undo-redo-buttons button .ToolIcon__icon{width:100%;height:100%}.reset-zoom-button{color:var(--text-primary-color);justify-content:center;border-left:0!important;border-right:0!important;width:3.75rem!important;padding:0 .625rem!important}.zoom-out-button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-out-button{transform:scaleX(-1)}.zoom-out-button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.zoom-in-button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-in-button{transform:scaleX(-1)}.zoom-in-button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.undo-redo-buttons .undo-button-container button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important;border-right:0!important}:root[dir=rtl] .undo-redo-buttons .undo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .undo-button-container button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.undo-redo-buttons .redo-button-container button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .undo-redo-buttons .redo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .redo-button-container button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.excalidraw .command-palette-dialog{-webkit-user-select:none;user-select:none}.excalidraw .command-palette-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width:861px){.excalidraw .command-palette-dialog .Modal__content{height:100%;max-height:750px}}.excalidraw .command-palette-dialog .Modal__content .Island{height:100%;padding:1.5rem}.excalidraw .command-palette-dialog .Modal__content .Dialog__content{flex-direction:column;height:100%;display:flex}.excalidraw .command-palette-dialog .shortcuts-wrapper{justify-content:center;align-items:center;gap:1.5rem;margin-top:12px;display:flex}.excalidraw .command-palette-dialog .shortcut{justify-content:center;align-items:center;gap:.25rem;height:16px;font-size:10px;display:flex}.excalidraw .command-palette-dialog .shortcut .shortcut-wrapper{display:flex}.excalidraw .command-palette-dialog .shortcut .shortcut-plus{margin:0 4px}.excalidraw .command-palette-dialog .shortcut .shortcut-key{background-color:var(--color-primary-light);border-radius:4px;justify-content:center;align-items:center;height:16px;padding:0 4px;display:flex}.excalidraw .command-palette-dialog .shortcut .shortcut-desc{color:var(--color-gray-50);margin-left:4px}.excalidraw .command-palette-dialog .commands{box-sizing:border-box;color:var(--popup-text-color);-webkit-user-select:none;user-select:none;margin-top:12px;overflow-y:auto}.excalidraw .command-palette-dialog .commands .command-category{flex-direction:column;margin-right:.25rem;padding:12px 0;display:flex}.excalidraw .command-palette-dialog .commands .command-category-title{align-items:center;margin-bottom:6px;font-size:1rem;font-weight:600;display:flex}.excalidraw .command-palette-dialog .commands .command-item{color:var(--popup-text-color);box-sizing:border-box;border-radius:var(--border-radius-lg);cursor:pointer;justify-content:space-between;align-items:center;height:2.5rem;padding:0 .5rem;display:flex}.excalidraw .command-palette-dialog .commands .command-item:active{background-color:var(--color-surface-low)}.excalidraw .command-palette-dialog .commands .command-item .name{align-items:center;gap:.25rem;display:flex}.excalidraw .command-palette-dialog .commands .item-selected{background-color:var(--color-surface-mid)}.excalidraw .command-palette-dialog .commands .item-disabled{opacity:.3;cursor:not-allowed}.excalidraw .command-palette-dialog .commands .no-match{justify-content:center;align-items:center;margin-top:36px;display:flex}.excalidraw .command-palette-dialog .icon{width:16px;height:16px;margin-right:6px}.excalidraw .popover{z-index:10;outline:none;padding:5px 0;position:absolute}.excalidraw .context-menu{-webkit-user-select:none;user-select:none;background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);cursor:default;border-radius:4px;margin:-.25rem 0 0 .125rem;padding:.5rem 0;list-style:none;position:relative;box-shadow:0 3px 10px #0003}.excalidraw .context-menu button{color:var(--popup-text-color)}.excalidraw .context-menu-item{text-align:start;white-space:nowrap;background-color:#0000;border:none;border-radius:0;grid-template-columns:1fr .2fr;align-items:center;width:100%;min-width:9.5rem;margin:0;padding:.25rem 1rem .25rem 1.25rem;font-family:inherit;display:grid;position:relative}.excalidraw .context-menu-item.checkmark:before{content:"✓";margin-bottom:1px;position:absolute;left:6px}.excalidraw .context-menu-item.dangerous .context-menu-item__label{color:#f03e3e}.excalidraw .context-menu-item .context-menu-item__label{justify-self:start;margin-inline-end:20px}.excalidraw .context-menu-item .context-menu-item__shortcut{opacity:.6;justify-self:end;font-family:inherit;font-size:.7rem}.excalidraw .context-menu-item:hover{color:var(--popup-bg-color);background-color:var(--select-highlight-color)}.excalidraw .context-menu-item:hover.dangerous{background-color:#fa5252}.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label{color:var(--popup-bg-color)}.excalidraw .context-menu-item:focus{z-index:1}.excalidraw--mobile.excalidraw .context-menu-item{display:block}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label{margin-inline-end:0}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut{display:none}.excalidraw .context-menu-item-separator{border:none;border-top:1px solid #adb5bd}.excalidraw{--RadioGroup-background:var(--island-bg-color);--RadioGroup-border:var(--color-surface-high);--RadioGroup-choice-color-off:var(--color-primary);--RadioGroup-choice-color-off-hover:var(--color-brand-hover);--RadioGroup-choice-background-off:var(--island-bg-color);--RadioGroup-choice-background-off-active:var(--color-surface-high);--RadioGroup-choice-color-on:var(--color-surface-lowest);--RadioGroup-choice-background-on:var(--color-primary);--RadioGroup-choice-background-on-hover:var(--color-brand-hover);--RadioGroup-choice-background-on-active:var(--color-brand-active)}.excalidraw .RadioGroup{box-sizing:border-box;background:var(--RadioGroup-background);border:1px solid var(--RadioGroup-border);border-radius:10px;flex-direction:row;align-items:flex-start;padding:3px;display:flex}.excalidraw .RadioGroup__choice{width:32px;height:24px;color:var(--RadioGroup-choice-color-off);background:var(--RadioGroup-choice-background-off);-webkit-user-select:none;user-select:none;letter-spacing:.4px;border-radius:8px;justify-content:center;align-items:center;font-family:Assistant;font-size:.75rem;font-style:normal;font-weight:600;line-height:100%;transition:all 75ms ease-out;display:flex;position:relative}.excalidraw .RadioGroup__choice:hover{color:var(--RadioGroup-choice-color-off-hover)}.excalidraw .RadioGroup__choice:active{background:var(--RadioGroup-choice-background-off-active)}.excalidraw .RadioGroup__choice.active{color:var(--RadioGroup-choice-color-on);background:var(--RadioGroup-choice-background-on)}.excalidraw .RadioGroup__choice.active:hover{background:var(--RadioGroup-choice-background-on-hover)}.excalidraw .RadioGroup__choice.active:active{background:var(--RadioGroup-choice-background-on-active)}.excalidraw .RadioGroup__choice input{z-index:1;appearance:none;cursor:pointer;border-radius:8px;width:100%;height:100%;margin:0;padding:0;position:absolute}.excalidraw{--Switch-disabled-color:var(--color-border-outline);--Switch-disabled-toggled-background:var(--color-border-outline-variant);--Switch-disabled-border:var(--color-border-outline-variant);--Switch-track-background:var(--island-bg-color);--Switch-thumb-background:var(--color-on-surface);--Switch-hover-background:var(--color-brand-hover);--Switch-active-background:var(--color-brand-active)}.excalidraw .Switch{box-sizing:border-box;background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-color);border-radius:12px;width:40px;height:20px;transition-property:background,border;transition-duration:.15s;transition-timing-function:ease-out;position:relative}.excalidraw .Switch:hover{background:var(--Switch-track-background);border:1px solid var(--Switch-hover-background)}.excalidraw .Switch:active{border:1px solid var(--Switch-active-background)}.excalidraw .Switch.toggled{background:var(--color-primary);border:1px solid var(--color-primary)}.excalidraw .Switch.toggled:hover{background:var(--color-primary-darker);border:1px solid var(--color-primary-darker)}.excalidraw .Switch.disabled{background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-border)}.excalidraw .Switch.disabled.toggled{background:var(--Switch-disabled-toggled-background);border:1px solid var(--Switch-disabled-toggled-background)}.excalidraw .Switch:before{content:"";box-sizing:border-box;pointer-events:none;background:var(--Switch-thumb-background);border-radius:100%;width:10px;height:10px;transition:all .15s ease-out;display:block;position:absolute;top:4px;left:4px}.excalidraw .Switch:active:before{width:12px}.excalidraw .Switch.toggled:before{background:var(--Switch-track-background);width:14px;height:14px;top:2px;left:22px}.excalidraw .Switch.toggled:active:before{width:16px;left:20px}.excalidraw .Switch.disabled:before,.excalidraw .Switch.disabled.toggled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch input{appearance:none;cursor:pointer;border-radius:12px;width:100%;height:100%;margin:0}.excalidraw .Switch input:disabled{cursor:unset}.excalidraw{--ImageExportModal-preview-border:#d6d6d6}.excalidraw.theme--dark{--ImageExportModal-preview-border:#5c5c5c}.excalidraw .ImageExportModal{-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;display:flex}.excalidraw .ImageExportModal h3{margin:0;padding:0;font-family:Assistant;font-size:1.313rem;font-style:normal;font-weight:700;line-height:130%}.excalidraw--mobile.excalidraw .ImageExportModal h3,.excalidraw .ImageExportModal>h3{display:none}.excalidraw--mobile.excalidraw .ImageExportModal>h3{display:block}.excalidraw--mobile.excalidraw .ImageExportModal{flex-direction:column;height:calc(100vh - 5rem)}.excalidraw .ImageExportModal__preview{box-sizing:border-box;flex-direction:column;align-items:center;width:55%;height:360px;margin-right:1.5rem;display:flex}.excalidraw--mobile.excalidraw .ImageExportModal__preview{max-width:unset;margin-right:unset;width:100%;height:unset;flex-grow:1}.excalidraw .ImageExportModal__preview__filename>input{margin-top:1rem}.excalidraw .ImageExportModal__preview__canvas{box-sizing:border-box;border:1px solid var(--ImageExportModal-preview-border);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;border-radius:12px;flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;overflow:hidden}.excalidraw .ImageExportModal__preview__canvas>canvas{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);filter:none!important}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas>canvas{max-height:100%}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas{max-width:unset;margin-top:24px}.excalidraw .ImageExportModal__settings{flex-flow:column wrap;gap:18px;display:flex}.excalidraw--mobile.excalidraw .ImageExportModal__settings{margin-left:unset;flex-direction:row;align-content:flex-start;gap:6px 34px;margin-top:1rem}.excalidraw .ImageExportModal__settings__setting{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.excalidraw--mobile.excalidraw .ImageExportModal__settings__setting{align-items:start;justify-content:unset;flex-direction:column;height:52px}.excalidraw .ImageExportModal__settings__setting__label{flex-direction:row;align-items:center;font-family:Assistant;font-size:1rem;font-weight:600;line-height:150%;display:flex}.excalidraw .ImageExportModal__settings__setting__label svg{width:20px;height:20px;margin-left:10px}.excalidraw .ImageExportModal__settings__setting__content{align-items:center;height:100%;display:flex}.excalidraw .ImageExportModal__settings__buttons{flex-flow:wrap;flex-grow:1;align-content:flex-end;align-items:flex-end;gap:11px;display:flex}.excalidraw--mobile.excalidraw .ImageExportModal__settings__buttons{flex-basis:100%;justify-content:center;padding-top:32px}@keyframes successStatusAnimation{0%{transform:scale(.35)}50%{transform:scale(1.25)}to{transform:scale(1)}}.excalidraw .ExcButton{--text-color:transparent;--border-color:transparent;--back-color:transparent;color:var(--text-color);background-color:var(--back-color);border-color:var(--border-color);font-family:var(--font-family);-webkit-user-select:none;user-select:none;border-style:solid;border-width:1px;border-radius:.5rem}.excalidraw .ExcButton:hover{transition:all .15s ease-out}.excalidraw .ExcButton .Spinner{--spinner-color:var(--color-surface-lowest)}.excalidraw .ExcButton .ExcButton__statusIcon{visibility:visible;width:1.2rem;height:1.2rem;animation:.5s cubic-bezier(.3,1,.6,1) successStatusAnimation;position:absolute}.excalidraw .ExcButton.ExcButton--status-loading,.excalidraw .ExcButton.ExcButton--status-success{pointer-events:none}.excalidraw .ExcButton.ExcButton--status-loading .ExcButton__contents,.excalidraw .ExcButton.ExcButton--status-success .ExcButton__contents{visibility:hidden}.excalidraw .ExcButton[disabled]{pointer-events:none}.excalidraw .ExcButton,.excalidraw .ExcButton__contents{flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled{--text-color:var(--color-surface-lowest);--back-color:var(--color-primary)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:hover{--back-color:var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:active{--back-color:var(--color-brand-active)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon{--text-color:var(--color-primary);--border-color:var(--color-primary);--back-color:transparent}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:hover{--text-color:var(--color-brand-hover);--border-color:var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:active{--text-color:var(--color-brand-active);--border-color:var(--color-brand-active)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled{--text-color:var(--color-danger-text);--back-color:var(--color-danger-dark)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:hover{--back-color:var(--color-danger-darker)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:active{--back-color:var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon{--text-color:var(--color-danger);--border-color:var(--color-danger);--back-color:transparent}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:hover{--text-color:var(--color-danger-darkest);--border-color:var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:active{--text-color:var(--color-danger-darker);--border-color:var(--color-danger-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled{--text-color:var(--color-success-text);--back-color:var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled .Spinner{--spinner-color:var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:hover{--back-color:var(--color-success-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:active{--back-color:var(--color-success-darkest)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined,.excalidraw .ExcButton--color-success.ExcButton--variant-icon{--text-color:var(--color-success-contrast);--border-color:var(--color-success-contrast);--back-color:transparent}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-success.ExcButton--variant-icon .Spinner{--spinner-color:var(--color-success-contrast)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:hover{--text-color:var(--color-success-contrast-hover);--border-color:var(--color-success-contrast-hover)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:active{--text-color:var(--color-success-contrast-active);--border-color:var(--color-success-contrast-active)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled{--text-color:var(--island-bg-color);--back-color:var(--color-gray-50)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:hover{--back-color:var(--color-gray-60)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:active{--back-color:var(--color-gray-80)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon{--text-color:var(--color-muted-background);--border-color:var(--color-muted);--back-color:var(--island-bg-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:hover{--text-color:var(--color-muted-background-darker);--border-color:var(--color-muted-darker)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:active{--text-color:var(--color-muted-background-darker);--border-color:var(--color-muted-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled{--text-color:black;--back-color:var(--color-warning-dark)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:hover{--back-color:var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:active{--back-color:var(--color-warning-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon{--text-color:var(--color-warning-dark);--border-color:var(--color-warning-dark);--back-color:var(--input-bg-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon .Spinner{--spinner-color:var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:hover{--text-color:var(--color-warning-darker);--border-color:var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:active{--text-color:var(--color-warning-darkest);--border-color:var(--color-warning-darkest)}.excalidraw .ExcButton--size-large{letter-spacing:.4px;min-height:3rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600}.excalidraw .ExcButton--size-large .ExcButton__contents{gap:.75rem}.excalidraw .ExcButton--size-medium{letter-spacing:normal;min-height:2.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.excalidraw .ExcButton--size-medium .ExcButton__contents{gap:.5rem}.excalidraw .ExcButton--variant-icon{width:3rem;padding:.5rem .75rem}.excalidraw .ExcButton--fullWidth{width:100%}.excalidraw .ExcButton__icon{width:1.25rem;height:1.25rem}.excalidraw .FixedSideContainer{pointer-events:none;position:absolute}.excalidraw .FixedSideContainer>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .FixedSideContainer_side_top{left:var(--editor-container-padding);top:var(--editor-container-padding);right:var(--editor-container-padding);bottom:var(--editor-container-padding)}.excalidraw .FixedSideContainer_side_top.zen-mode{right:42px}.excalidraw .HintViewer{pointer-events:none;box-sizing:border-box;text-align:center;width:100%;max-width:100%;color:var(--color-gray-40);flex-direction:column;justify-content:center;margin-top:.5rem;font-size:.75rem;display:flex;position:absolute;top:100%;left:0}.excalidraw--mobile.excalidraw .HintViewer{padding-right:2rem;position:static}.excalidraw .HintViewer>span{padding:.25rem}.excalidraw.theme--dark .HintViewer{color:var(--color-gray-60)}.excalidraw--mobile.excalidraw .PasteChartDialog .Island{flex-direction:column;display:flex}.excalidraw .PasteChartDialog .container{flex-wrap:wrap;justify-content:space-around;align-items:center;display:flex}.excalidraw--mobile.excalidraw .PasteChartDialog .container{flex-direction:column;justify-content:center}.excalidraw .PasteChartDialog .ChartPreview{text-align:center;background:0 0;border:1px solid #ced4da;border-radius:2px;justify-content:center;align-items:center;width:192px;height:128px;margin:8px;padding:1px;display:flex}.excalidraw .PasteChartDialog .ChartPreview div{display:inline-block}.excalidraw .PasteChartDialog .ChartPreview svg{max-width:186px;max-height:120px}.excalidraw .PasteChartDialog .ChartPreview:hover{border:2px solid #339af0;padding:0}.excalidraw .HelpDialog .Modal__content{max-width:960px}.excalidraw .HelpDialog h3{margin:1.5rem 0;font-size:1.125rem;font-weight:700}.excalidraw .HelpDialog__header{flex-wrap:wrap;gap:.75rem;display:flex}.excalidraw .HelpDialog__btn{--background:var(--color-surface-mid);background-color:var(--background);border:1px solid var(--background);border-radius:var(--border-radius-lg);color:var(--text-primary-color);letter-spacing:.4px;align-items:center;column-gap:.5rem;padding:.625rem 1rem;font-size:.75rem;font-weight:600;display:flex}.excalidraw.theme--dark.excalidraw .HelpDialog__btn{--background:var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .HelpDialog__btn:hover{--background:#363541}.excalidraw .HelpDialog__btn:hover{--background:var(--color-surface-high);text-decoration:none}.excalidraw .HelpDialog__btn:active{border-color:var(--color-primary)}.excalidraw .HelpDialog__link-icon{line-height:0}.excalidraw .HelpDialog__link-icon svg{width:1rem;height:1rem}.excalidraw .HelpDialog__islands-container{grid-column-gap:1.5rem;grid-row-gap:2rem;display:grid}@media screen and (min-width:1024px){.excalidraw .HelpDialog__islands-container{grid-template-columns:1fr 1fr}.excalidraw .HelpDialog__island--tools{grid-area:1/1/2/2}.excalidraw .HelpDialog__island--view{grid-area:2/1/3/2}.excalidraw .HelpDialog__island--editor{grid-area:1/2/3/3}}.excalidraw .HelpDialog__island h4{margin:0 0 .625rem;font-size:1rem;font-weight:700}.excalidraw .HelpDialog__island-content{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg)}.excalidraw .HelpDialog__shortcut{border-bottom:1px solid var(--dialog-border-color);justify-content:space-between;align-items:center;column-gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.excalidraw .HelpDialog__shortcut:last-child{border-bottom:none}.excalidraw .HelpDialog__key-container{flex-shrink:0;align-items:center;column-gap:.25rem;display:flex}.excalidraw .HelpDialog__key{box-sizing:border-box;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);word-break:keep-all;align-items:center;padding:.5rem;font-family:inherit;font-size:.625rem;line-height:1;display:flex}.excalidraw{--avatar-size:1.75rem;--avatarList-gap:.625rem;--userList-padding:var(--space-factor);--userlist-hint-bg-color:var(--color-gray-10);--userlist-hint-heading-color:var(--color-gray-80);--userlist-hint-text-color:var(--color-gray-60);--userlist-collaborators-border-color:var(--color-gray-20)}.excalidraw .UserList__wrapper{justify-content:flex-end;align-items:center;width:100%;display:flex;pointer-events:none!important}.excalidraw .UserList{pointer-events:none;padding:var(--userList-padding);justify-content:flex-end;align-items:center;gap:var(--avatarList-gap);box-sizing:border-box;--max-size:calc(var(--avatar-size)*var(--max-avatars,2) + var(--avatarList-gap)*(var(--max-avatars,2) - 1) + var(--userList-padding)*2);max-height:var(--max-size);max-width:var(--max-size);flex-wrap:wrap;display:flex}.excalidraw .UserList>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .UserList_mobile{justify-content:normal;max-width:none;max-height:none;margin:.5rem 0;padding:0}.excalidraw .UserList__more{width:var(--avatar-size,1.5rem);height:var(--avatar-size,1.5rem);outline-offset:2px;cursor:pointer;color:var(--color-gray-100);background-color:var(--color-gray-20);border-radius:100%;flex:none;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;line-height:1;display:flex;position:relative;border:0!important}.excalidraw .UserList__more:active{transform:scale(.94)}.excalidraw .UserList__more-img{border-radius:100%;width:100%;height:100%}.excalidraw .UserList__more:before{content:"";border-radius:100%;position:absolute;inset:-3px}.excalidraw .UserList__more.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .UserList__more.is-current-user{cursor:auto}.excalidraw .UserList__collaborator-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.excalidraw .UserList__collaborator--avatar-only{flex:none;display:flex;position:relative}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon{--size:14px;width:var(--size);height:var(--size);flex:none;display:flex;position:absolute;bottom:-.25rem;right:-.25rem}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg{width:var(--size);height:var(--size);flex:none}.excalidraw .UserList__collaborator-status-icons{flex:none;justify-content:flex-end;gap:.25rem;min-width:2.25rem;margin-left:auto;display:flex}.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted{color:var(--color-danger);filter:drop-shadow(0 0 #00000080)}.excalidraw .UserList__collaborator-status-icon-speaking-indicator{box-sizing:border-box;flex-flow:row;justify-content:space-between;align-items:center;width:1rem;padding:0 3px;display:flex}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div{background-color:#a2f1a6;width:.125rem;height:.4rem}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:first-of-type{animation:1s ease-in-out -.45s infinite speaking-indicator-anim}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2){animation:1s ease-in-out -.9s infinite speaking-indicator-anim}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3){animation:1s ease-in-out -.15s infinite speaking-indicator-anim}@keyframes speaking-indicator-anim{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.excalidraw.theme--dark{--userlist-hint-bg-color:var(--color-gray-90);--userlist-hint-heading-color:var(--color-gray-30);--userlist-hint-text-color:var(--color-gray-40);--userlist-collaborators-border-color:var(--color-gray-80)}.excalidraw .UserList__collaborators{max-height:50vh;top:auto}.excalidraw .Card{text-align:center;flex-direction:column;align-items:center;max-width:290px;margin:1em;display:flex}.excalidraw .Card .Card-icon{background:var(--card-color);color:#fff;border-radius:50%;flex:none;padding:1.4rem;font-size:2.6em;display:flex}.excalidraw .Card .Card-icon svg{width:2.8rem;height:2.8rem}.excalidraw .Card .Card-details{min-height:90px;margin-bottom:auto;padding:0 1em;font-size:.96em}.excalidraw .Card .Card-button.ToolIcon_type_button{background-color:var(--card-color);height:2.5rem;margin-top:1em;margin-bottom:.3em}.excalidraw .Card .Card-button.ToolIcon_type_button:hover{background-color:var(--card-color-darker)}.excalidraw .Card .Card-button.ToolIcon_type_button:active{background-color:var(--card-color-darkest)}.excalidraw .Card .Card-button.ToolIcon_type_button .ToolIcon__label{color:#fff}.excalidraw .Card .Card-button.ToolIcon_type_button .Spinner{--spinner-color:#fff}.excalidraw .ExportDialog__preview{--preview-padding:calc(var(--space-factor)*4);text-align:center;padding:var(--preview-padding);margin-bottom:calc(var(--space-factor)*3);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;justify-content:center;align-items:center;display:flex}.excalidraw .ExportDialog__preview canvas{max-width:calc(100% - var(--preview-padding)*2);max-height:25rem}.excalidraw.theme--dark .ExportDialog__preview canvas{filter:none}.excalidraw .ExportDialog__actions{grid-gap:calc(var(--space-factor)*2);align-items:top;justify-content:space-between;width:100%;display:flex}.excalidraw--mobile.excalidraw .ExportDialog{flex-direction:column;display:flex}.excalidraw--mobile.excalidraw .ExportDialog__actions{flex-direction:column;align-items:center}.excalidraw--mobile.excalidraw .ExportDialog__actions>*{margin-bottom:calc(var(--space-factor)*3)}.excalidraw--mobile.excalidraw .ExportDialog__preview canvas{max-height:30vh}.excalidraw--mobile.excalidraw .ExportDialog__dialog,.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{box-sizing:border-box;height:100%}.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{overflow-y:auto}.excalidraw .ExportDialog--json .ExportDialog-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;row-gap:2em;display:grid}@media (max-width:460px){.excalidraw .ExportDialog--json .ExportDialog-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.excalidraw .ExportDialog--json .ExportDialog-cards .Card-details{min-height:40px}}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName{flex-direction:column;align-items:flex-start;width:fit-content;margin:1em auto}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName .TextInput{width:auto}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName-label{margin:.625em 0;font-weight:700}.excalidraw button.ExportDialog-imageExportButton{background-color:var(--button-color);color:#fff;border:0;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 .2em;padding:0;font-family:Cascadia;font-size:1.8em;display:flex;box-shadow:0 3px 5px -1px #00000047,0 6px 10px #00000024}.excalidraw button.ExportDialog-imageExportButton:hover{background-color:var(--button-color-darker)}.excalidraw button.ExportDialog-imageExportButton:active{background-color:var(--button-color-darkest);box-shadow:none}.excalidraw button.ExportDialog-imageExportButton svg{width:.9em}.excalidraw .sidebar-trigger{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:auto;height:var(--lg-button-size);letter-spacing:.4px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.75rem;line-height:0;display:flex}.excalidraw .sidebar-trigger:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .sidebar-trigger:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .sidebar-trigger.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw .sidebar-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .sidebar-trigger svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar-trigger__label-element{align-self:flex-start}.excalidraw .default-sidebar-trigger .sidebar-trigger__label{white-space:nowrap;display:block}.excalidraw.excalidraw--mobile .default-sidebar-trigger .sidebar-trigger__label{display:none}.excalidraw .sidebar{z-index:5;box-sizing:border-box;background-color:var(--sidebar-bg-color);box-shadow:var(--sidebar-shadow);pointer-events:var(--ui-pointerEvents);width:calc(var(--right-sidebar-width) - var(--space-factor)*2);border-left:1px solid var(--sidebar-border-color);border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}:root[dir=rtl] .excalidraw .sidebar{left:0;right:auto}.excalidraw .sidebar--docked{box-shadow:none}:root[dir=rtl] .excalidraw .sidebar{border-right:1px solid var(--sidebar-border-color);border-left:0}.excalidraw .sidebar__header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1rem .75rem;display:flex;position:relative}.excalidraw .sidebar__header:after{content:"";background:var(--sidebar-border-color);width:calc(100% - 1.5rem);height:1px;position:absolute;bottom:-1px}.excalidraw .sidebar__header__buttons{align-items:center;gap:0;margin-left:auto;display:flex}.excalidraw .sidebar__header__buttons button{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);--button-bg:transparent;width:var(--lg-button-size);height:var(--lg-button-size);justify-content:center;align-items:center;padding:0;display:flex;border:0!important}.excalidraw .sidebar__header__buttons button:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .sidebar__header__buttons button:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .sidebar__header__buttons button.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw .sidebar__header__buttons button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar__header__buttons button:hover{background:var(--button-hover-bg,var(--island-bg-color))}.excalidraw .sidebar__header__buttons .sidebar__dock.selected svg{stroke:var(--color-primary);fill:var(--color-primary)}.excalidraw .sidebar-tabs-root{flex-direction:column;flex:auto;padding:1rem 0;display:flex}.excalidraw .sidebar-tabs-root [role=tabpanel]{outline:none;flex-direction:column;flex:auto;display:flex}.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none!important}.excalidraw .sidebar-tabs-root [role=tablist]{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1rem;display:grid}.excalidraw .sidebar-tabs-root>.sidebar__header{padding-top:0;padding-bottom:1rem}.excalidraw .sidebar-tab-trigger{--button-width:auto;--button-bg:transparent;--button-hover-bg:transparent;--button-active-bg:var(--color-primary);--button-hover-color:var(--color-primary);--button-hover-border:var(--color-primary)}.excalidraw .sidebar-tab-trigger[data-state=active]{--button-bg:var(--color-primary);--button-hover-bg:var(--color-primary-darker);--button-hover-color:var(--color-icon-white);--button-border:var(--color-primary);color:var(--color-icon-white)}.excalidraw .default-sidebar{flex-direction:column;display:flex}.excalidraw .default-sidebar .sidebar-triggers{border:1px solid var(--sidebar-border-color);background:var(--default-bg-color);border-radius:.625rem;gap:0;margin-top:-3px;margin-bottom:-3px;padding:2px;display:flex}.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{height:var(--lg-button-size);width:var(--lg-button-size);border:none}.excalidraw .ActiveFile .ActiveFile__fileName{align-items:center;display:flex}.excalidraw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;white-space:nowrap;width:9.3em;overflow:hidden}.excalidraw .ActiveFile .ActiveFile__fileName svg{width:1.15em;margin-inline-end:.3em;transform:scaleY(.9)}.excalidraw .OverwriteConfirm{isolation:isolate;flex-direction:column;align-items:center;gap:.75rem;display:flex}.excalidraw .OverwriteConfirm h3{color:var(--text-primary-color);align-self:flex-start;margin:0;font-size:1.3125rem;font-weight:700;line-height:130%}.excalidraw .OverwriteConfirm__Description{box-sizing:border-box;background:var(--color-danger-background);width:100%;color:var(--color-danger-color);border-radius:.5rem;flex-direction:row;align-items:center;gap:1rem;padding:2.5rem;font-family:Assistant;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;display:flex}.excalidraw--mobile.excalidraw .OverwriteConfirm__Description{text-align:center;flex-direction:column}.excalidraw .OverwriteConfirm__Description__spacer{flex-grow:1}.excalidraw .OverwriteConfirm__Description__icon{box-sizing:border-box;background:var(--color-danger-icon-background);border-radius:2.5rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:.75rem;display:flex}.excalidraw .OverwriteConfirm__Description__icon svg{color:var(--color-danger-icon-color);width:1.5rem;height:1.5rem}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning{background:var(--color-warning-background);color:var(--color-warning-color)}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon{background:var(--color-warning-icon-background);flex:none}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.excalidraw .OverwriteConfirm__Actions{flex-direction:row;justify-content:center;place-items:stretch stretch;gap:1.5rem;display:flex}.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions{flex-direction:column}.excalidraw .OverwriteConfirm__Actions__Action{flex-direction:column;flex-grow:0;flex-basis:50%;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.excalidraw .OverwriteConfirm__Actions__Action__content{text-align:center;height:100%;font-size:.875rem}.excalidraw .OverwriteConfirm__Actions__Action h4{color:var(--text-primary-color);margin:0;font-size:1.125rem;font-weight:700;line-height:130%}.excalidraw .layer-ui__search{flex-direction:column;flex:1 0 auto;padding:8px 0 0;display:flex}.excalidraw .layer-ui__search-header{justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.excalidraw .layer-ui__search-header .ExcTextField{flex:1 0 auto}.excalidraw .layer-ui__search-header .ExcTextField__input{border-radius:var(--border-radius-md);background-color:#f5f5f9;border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#31303b}.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder{font-size:.9rem}.excalidraw .layer-ui__search-count{justify-content:space-between;align-items:center;margin:0 .75rem .25rem;padding:8px 8px 0;font-size:.8em;display:flex}.excalidraw .layer-ui__search-count .result-nav{display:flex}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn{--button-border:transparent;width:36px;height:36px}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active{background-color:var(--color-surface-high)}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first-child{margin-right:4px}.excalidraw .layer-ui__search-result-container{flex-direction:column;flex:1 1 0;gap:.125rem;display:flex;overflow-y:auto}.excalidraw .layer-ui__result-item{cursor:pointer;border-radius:var(--border-radius-md);border:1px solid #0000;outline:none;flex:none;align-items:center;min-height:2rem;margin:0 .75rem;padding:.25rem .75rem;display:flex}.excalidraw .layer-ui__result-item .text-icon{width:1rem;height:1rem;margin-right:.75rem}.excalidraw .layer-ui__result-item .preview-text{text-overflow:ellipsis;word-break:break-all;flex:1;max-height:48px;line-height:24px;overflow:hidden}.excalidraw .layer-ui__result-item:hover{background-color:var(--color-surface-high)}.excalidraw .layer-ui__result-item:active{border-color:var(--color-primary)}.excalidraw .layer-ui__result-item.active{background-color:var(--color-surface-high)}.excalidraw .dialog-mermaid-title{margin-block:.25rem;padding-inline:2.5rem;font-size:1.25rem;font-weight:700}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{height:100%;box-shadow:none;flex-direction:column;flex:auto;display:flex;padding-inline:0!important}.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width:861px){.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:100%;max-height:750px}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:auto}.excalidraw .ttd-dialog-desc{margin-bottom:1.5rem;font-size:15px;font-style:italic;font-weight:500}.excalidraw .ttd-dialog-tabs-root{flex-direction:column;width:100%;height:100%;display:flex}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);letter-spacing:.4px;background-color:#0000;border:0;height:2.875rem;margin:0;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.excalidraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.excalidraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.excalidraw .ttd-dialog-content{flex-direction:column;height:100%;padding-inline:2.5rem;display:flex}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;box-sizing:border-box;width:auto;height:10rem;padding:.85rem;font-family:monospace}@media screen and (min-width:861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{box-sizing:border-box;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) 0;flex-grow:1;justify-content:center;align-items:center;width:auto;height:400px;padding:.85rem;display:flex;position:relative}@media screen and (min-width:861px){.excalidraw .ttd-dialog-output-wrapper{width:100%;height:200px}}.excalidraw .ttd-dialog-output-wrapper canvas{max-width:100%;max-height:100%}.excalidraw .ttd-dialog-output-canvas-container{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.excalidraw .ttd-dialog-output-error{color:red;word-break:break-word;text-align:center;z-index:10;width:100%;height:100%;max-height:100%;font-size:30px;font-weight:700;position:absolute;overflow:auto}.excalidraw .ttd-dialog-output-error p{text-align:left;white-space:pre-wrap;padding:0 10px;font-family:Cascadia;font-size:.875rem;font-weight:500}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width:861px){.excalidraw .ttd-dialog-panels{grid-template-columns:1fr 1fr;gap:4rem;display:grid}}.excalidraw .ttd-dialog-panel{flex-direction:column;width:100%;display:flex}.excalidraw .ttd-dialog-panel__header{align-items:center;gap:1rem;margin:0 4px 4px;display:flex}.excalidraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width:861px){.excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem!important}}.excalidraw .ttd-dialog-panel textarea{resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;box-sizing:border-box;width:100%;height:100%;padding:.85rem;font-family:monospace}@media screen and (max-width:861px){.excalidraw .ttd-dialog-panel textarea{width:auto;height:10rem}}.excalidraw .ttd-dialog-panel-button-container{margin-top:1rem;margin-bottom:.5rem}.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width:861px){.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{visibility:hidden;display:block}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:#fff;background-color:var(--color-primary);width:100%;height:2.5rem;font-family:inherit;font-size:12px;font-weight:600}.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover{background-color:var(--color-primary-darker)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:active{background-color:var(--color-primary-darkest)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled{opacity:.5;cursor:not-allowed}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width:861px){.excalidraw .ttd-dialog-panel-button.excalidraw-button{width:auto;min-width:7.5rem}}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div{display:contents}.excalidraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color:white;position:absolute;inset:0;display:flex!important}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div span{padding-left:.5rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut{opacity:.6;gap:.125rem;margin-inline-start:.5rem;font-size:.625rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;border-radius:4px;padding:2px 3px}.excalidraw .drag-input-container{width:100%;display:flex}.excalidraw .drag-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-md)}.excalidraw .disabled{opacity:.5;pointer-events:none}.excalidraw .drag-input-label{border:1px solid var(--default-border-color);box-sizing:border-box;min-width:1rem;height:2rem;color:var(--popup-text-color);border-right:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem 0 .75rem;display:flex;position:relative}:root[dir=ltr] .excalidraw .drag-input-label{border-radius:var(--border-radius-md)0 0 var(--border-radius-md)}:root[dir=rtl] .excalidraw .drag-input-label{border-radius:0 var(--border-radius-md)var(--border-radius-md)0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .drag-input{box-sizing:border-box;width:100%;color:var(--text-primary-color);border:0;border:1px solid var(--default-border-color);letter-spacing:.4px;appearance:none;background-color:#0000;border-left:0;outline:none;height:2rem;margin:0;padding:.5rem .5rem .5rem .25rem;font-family:inherit;font-size:.875rem}:root[dir=ltr] .excalidraw .drag-input{border-radius:0 var(--border-radius-md)var(--border-radius-md)0}:root[dir=rtl] .excalidraw .drag-input{border-radius:var(--border-radius-md)0 0 var(--border-radius-md);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .drag-input:focus-visible{box-shadow:none}.exc-stats{width:204px;z-index:var(--zIndex-layerUI);pointer-events:var(--ui-pointerEvents);font-size:12px;position:absolute;top:60px}:root[dir=rtl] .exc-stats{left:12px;right:initial}.exc-stats h2{margin-block:.83em;font-size:1.5em;font-weight:700}.exc-stats h3{white-space:nowrap;margin:0;font-size:1.17em;font-weight:700}.exc-stats__rows{flex-direction:column;gap:.3125rem;display:flex}.exc-stats__row{justify-content:space-between;align-items:center;gap:4px;display:grid}.exc-stats__row div+div{text-align:right}.exc-stats__row--heading{text-align:center;margin:.25rem 0;font-weight:700}.exc-stats .title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exc-stats .title h2{margin:0}.exc-stats .close{cursor:pointer;width:16px;height:16px}.exc-stats .close svg{width:100%;height:100%}.excalidraw .ElementLinkDialog{top:var(--editor-container-padding);left:var(--editor-container-padding);z-index:var(--zIndex-modal);box-shadow:var(--shadow-island);background-color:var(--island-bg-color);border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:absolute}.excalidraw--mobile.excalidraw .ElementLinkDialog{box-sizing:border-box;z-index:5;width:calc(100% - 1rem);margin-left:.5rem;margin-right:.5rem;left:0}.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1.5rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{margin-top:0;margin-bottom:.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{font-size:1.25rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{margin:0}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{font-size:.875rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input{display:flex}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field{flex:1}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove{color:#c92a2a;margin-left:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg{color:#fa5252}.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{margin-top:1rem;font-size:.875rem}.excalidraw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.excalidraw .layer-ui__wrapper{pointer-events:none;width:100%;height:100%;z-index:var(--zIndex-layerUI);position:absolute}.excalidraw .layer-ui__wrapper__top-right{justify-content:flex-end;gap:.75rem;width:100%;display:flex;pointer-events:none!important}.excalidraw .layer-ui__wrapper__top-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper__footer{width:100%}.excalidraw .layer-ui__wrapper__footer-right{z-index:100;display:flex}.excalidraw .layer-ui__wrapper .zen-mode-transition{transition:transform .5s ease-in-out}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(-999px)}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right,:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(999px)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(-999px)}.excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{transform:translateY(92px)}.excalidraw .layer-ui__wrapper .disable-zen-mode{opacity:0;visibility:hidden;font-family:var(--ui-font);border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);background-color:var(--island-bg-color);color:var(--text-primary-color);padding:10px;font-size:.75rem;font-weight:500;line-height:1;transition:visibility linear,opacity .5s;position:absolute;bottom:0}[dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode{left:1rem}.excalidraw .layer-ui__wrapper .disable-zen-mode:hover{background-color:var(--button-hover-bg)}.excalidraw .layer-ui__wrapper .disable-zen-mode:active{border-color:var(--color-primary)}.excalidraw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;visibility:visible;pointer-events:var(--ui-pointerEvents);transition:visibility 0s linear .8s,opacity .5s .8s}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.excalidraw .layer-ui__wrapper .footer-center>*,.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-top:auto;margin-bottom:auto}.excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,.excalidraw .App-toolbar.zen-mode .HintViewer{display:none}.excalidraw .App-toolbar__divider{background-color:var(--default-border-color);align-self:center;width:1px;height:1.5rem;margin:0 .25rem}.excalidraw--mobile.excalidraw .App-toolbar__divider{margin:0}.excalidraw .App-toolbar__extra-tools-trigger{box-shadow:none;background-color:#0000;border:0}.excalidraw .App-toolbar__extra-tools-trigger:active{background-color:var(--button-hover-bg);box-shadow:0 0 0 1px var(--button-active-border,var(--color-primary-darkest))inset}.excalidraw .App-toolbar__extra-tools-trigger--selected,.excalidraw .App-toolbar__extra-tools-trigger--selected:hover{background:var(--color-primary-light);color:var(--color-primary)}.excalidraw .App-toolbar__extra-tools-dropdown{z-index:1;min-width:11.875rem;margin-top:.375rem;right:0}.excalidraw .Toast{background-color:var(--button-gray-1);box-sizing:border-box;cursor:default;text-align:center;z-index:999999;border-radius:4px;width:300px;margin-left:-150px;padding:4px 0;animation:.5s fade-in;position:absolute;bottom:10px;left:50%}.excalidraw .Toast .Toast__message{color:var(--popup-text-color);white-space:pre-wrap;padding:0 1.6rem}.excalidraw .Toast .close{padding:.4rem;position:absolute;top:0;right:0}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;z-index:var(--zIndex-svgLayer);position:fixed;top:0;left:0}.excalidraw .SVGLayer svg{image-rendering:auto;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.excalidraw .excalidraw-canvas-buttons{z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);flex-direction:column;gap:.375rem;display:flex;position:absolute;box-shadow:0 2px 4px #0000004d}.excalidraw .follow-mode{box-sizing:border-box;pointer-events:none;border:2px solid var(--color-primary-hover);z-index:9999;justify-content:center;align-items:flex-end;display:flex;position:absolute}.excalidraw .follow-mode__badge{background-color:var(--color-primary-hover);color:var(--color-primary-light);pointer-events:all;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.excalidraw .follow-mode__badge__label{white-space:pre-wrap;line-height:1;display:flex}.excalidraw .follow-mode__badge__username{white-space:nowrap;text-overflow:ellipsis;max-width:100px;display:block;overflow:hidden}.excalidraw .follow-mode__disconnect-btn{all:unset;cursor:pointer;border-radius:.25rem}.excalidraw .follow-mode__disconnect-btn:hover{background-color:var(--color-primary-darker)}.excalidraw .follow-mode__disconnect-btn:active{background-color:var(--color-primary-darkest)}.excalidraw .follow-mode__disconnect-btn svg{width:1rem;height:1rem;display:block}.visually-hidden{clip:rect(1px,1px,1px,1px);white-space:nowrap;-webkit-user-select:none;user-select:none;width:1px;height:1px;overflow:hidden;position:absolute!important}.LoadingMessage{z-index:999;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{margin-top:1em;font-size:.8em}.LoadingMessage--dark{color:#ced4da;background-color:#121212}.excalidraw{--theme-filter:none;--button-destructive-bg-color:#ffe3e3;--button-destructive-color:#c92a2a;--button-gray-1:#e9ecef;--button-gray-2:#ced4da;--button-gray-3:#adb5bd;--button-special-active-bg-color:#ebfbee;--dialog-border-color:var(--color-gray-20);--dropdown-icon:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");--focus-highlight-color:#a5d8ff;--icon-fill-color:var(--color-on-surface);--icon-green-fill-color:#2b8a3e;--default-bg-color:#fff;--input-bg-color:#fff;--input-border-color:#ced4da;--input-hover-bg-color:#f1f3f5;--input-label-color:#495057;--island-bg-color:#fff;--keybinding-color:var(--color-gray-40);--link-color:#1c7ed6;--overlay-bg-color:#ffffffe0;--popup-bg-color:var(--island-bg-color);--popup-secondary-bg-color:#f1f3f5;--popup-text-color:#000;--popup-text-inverted-color:#fff;--select-highlight-color:#339af0;--shadow-island:0px 0px .931014px 0px #0000002b,0px 0px 3.12708px 0px #00000014,0px 7px 14px 0px #0000000d;--button-hover-bg:var(--color-surface-high);--button-active-bg:var(--color-surface-high);--button-active-border:var(--color-brand-active);--default-border-color:var(--color-surface-high);--default-button-size:2rem;--default-icon-size:1rem;--lg-button-size:2.25rem;--lg-icon-size:1rem;--editor-container-padding:1rem;--scrollbar-thumb:var(--button-gray-2);--scrollbar-thumb-hover:var(--button-gray-3);--color-slider-track:#ccf;--color-slider-thumb:var(--color-gray-80);--modal-shadow:0px 100px 80px #00000012,0px 41.7776px 33.4221px #0000000d,0px 22.3363px 17.869px #0000000b,0px 12.5216px 10.0172px #00000009,0px 6.6501px 5.32008px #00000007,0px 2.76726px 2.21381px #00000005;--avatar-border-color:var(--color-gray-20);--sidebar-shadow:0px 100px 80px #00000012,0px 41.7776px 33.4221px #0000000d,0px 22.3363px 17.869px #0000000b,0px 12.5216px 10.0172px #00000009,0px 6.6501px 5.32008px #00000007,0px 2.76726px 2.21381px #00000005;--sidebar-border-color:var(--color-surface-high);--sidebar-bg-color:var(--island-bg-color);--library-dropdown-shadow:0px 15px 6px #00000003,0px 8px 5px #0000000d,0px 4px 4px #00000017,0px 1px 2px #0000001a,0px 0px 0px #0000001a;--space-factor:.25rem;--text-primary-color:var(--color-on-surface);--color-selection:#6965db;--color-icon-white:#fff;--color-primary:#6965db;--color-primary-darker:#5b57d1;--color-primary-darkest:#4a47b1;--color-primary-light:#e3e2fe;--color-primary-light-darker:#d7d5ff;--color-primary-hover:#5753d0;--color-gray-10:#f5f5f5;--color-gray-20:#ebebeb;--color-gray-30:#d6d6d6;--color-gray-40:#b8b8b8;--color-gray-50:#999;--color-gray-60:#7a7a7a;--color-gray-70:#5c5c5c;--color-gray-80:#3d3d3d;--color-gray-85:#242424;--color-gray-90:#1e1e1e;--color-gray-100:#121212;--color-disabled:var(--color-gray-40);--color-warning:#fceeca;--color-warning-dark:#f5c354;--color-warning-darker:#f3ab2c;--color-warning-darkest:#ec8b14;--color-text-warning:var(--text-primary-color);--color-danger:#db6965;--color-danger-dark:#db6965;--color-danger-darker:#d65550;--color-danger-darkest:#d1413c;--color-danger-text:black;--color-danger-background:#fff0f0;--color-danger-icon-background:#ffdad6;--color-danger-color:#700000;--color-danger-icon-color:#700000;--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--text-primary-color);--color-warning-icon-color:var(--text-primary-color);--color-muted:var(--color-gray-30);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-100);--color-muted-background:var(--color-gray-80);--color-muted-background-darker:var(--color-gray-100);--color-promo:var(--color-primary);--color-success:#cafccc;--color-success-darker:#bafabc;--color-success-darkest:#a5eba8;--color-success-text:#268029;--color-success-contrast:#65bb6a;--color-success-contrast-hover:#6bcf70;--color-success-contrast-active:#6edf74;--color-logo-icon:var(--color-primary);--color-logo-text:#190064;--border-radius-md:.375rem;--border-radius-lg:.5rem;--color-surface-high:#f1f0ff;--color-surface-mid:#f2f2f7;--color-surface-low:#ececf4;--color-surface-lowest:#fff;--color-on-surface:#1b1b1f;--color-brand-hover:#5753d0;--color-on-primary-container:#030064;--color-brand-active:#4440bf;--color-border-outline:#767680;--color-border-outline-variant:#c5c5d0;--color-surface-primary-container:#e0dfff;--color-badge:#0b6513;--background-color-badge:#d3ffd2}@media screen and (min-device-width:1921px){.excalidraw{--lg-button-size:2.5rem;--lg-icon-size:1.25rem;--default-button-size:2.25rem;--default-icon-size:1.25rem}}.excalidraw.theme--dark.theme--dark-background-none{background:0 0}.excalidraw.theme--dark{--theme-filter:invert(93%)hue-rotate(180deg);--button-destructive-bg-color:#5a0000;--button-destructive-color:#ffa8a8;--button-gray-1:#363636;--button-gray-2:#272727;--button-gray-3:#222;--button-special-active-bg-color:#204624;--dialog-border-color:var(--color-gray-80);--dropdown-icon:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path fill=\"%23ced4da\" d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");--focus-highlight-color:#228be6;--icon-green-fill-color:#69db7c;--default-bg-color:#121212;--input-bg-color:#121212;--input-border-color:#2e2e2e;--input-hover-bg-color:#181818;--input-label-color:#e9ecef;--island-bg-color:#232329;--keybinding-color:var(--color-gray-60);--link-color:#4dabf7;--overlay-bg-color:#343a401f;--popup-secondary-bg-color:#222;--popup-text-color:#ced4da;--popup-text-inverted-color:#2c2c2c;--select-highlight-color:#4dabf7;--shadow-island:0px 0px .931014px 0px #0000002b,0px 0px 3.12708px 0px #00000014,0px 7px 14px 0px #0000000d;--modal-shadow:0px 100px 80px #00000012,0px 41.7776px 33.4221px #0000000d,0px 22.3363px 17.869px #0000000b,0px 12.5216px 10.0172px #00000009,0px 6.6501px 5.32008px #00000007,0px 2.76726px 2.21381px #00000005;--avatar-border-color:var(--color-gray-85);--scrollbar-thumb:#343a40;--scrollbar-thumb-hover:#495057;--color-slider-track:#504d7a;--color-selection:#3530c4;--color-icon-white:var(--color-gray-90);--color-primary:#a8a5ff;--color-primary-darker:#b2aeff;--color-primary-darkest:#beb9ff;--color-primary-light:#4f4d6f;--color-primary-light-darker:#43415e;--color-primary-hover:#bbb8ff;--color-disabled:var(--color-gray-70);--color-text-warning:var(--color-gray-80);--color-danger:#ffa8a5;--color-danger-dark:#672120;--color-danger-darker:#8f2625;--color-danger-darkest:#ac2b29;--color-danger-text:#fbcbcc;--color-danger-background:#fbcbcc;--color-danger-icon-background:#672120;--color-danger-color:#261919;--color-danger-icon-color:#fbcbcc;--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--color-gray-80);--color-warning-icon-color:var(--color-gray-80);--color-muted:var(--color-gray-80);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-20);--color-muted-background:var(--color-gray-40);--color-muted-background-darker:var(--color-gray-20);--color-logo-text:#e2dfff;--color-surface-high:#31303b;--color-surface-low:#232329;--color-surface-mid:#18181b;--color-surface-lowest:#121212;--color-on-surface:#e3e3e8;--color-brand-hover:#bbb8ff;--color-on-primary-container:#e0dfff;--color-brand-active:#d0ccff;--color-border-outline:#8e8d9c;--color-border-outline-variant:#46464f;--color-surface-primary-container:#403e6a}:root{--zIndex-canvas:1;--zIndex-interactiveCanvas:2;--zIndex-svgLayer:3;--zIndex-wysiwyg:3;--zIndex-canvasButtons:3;--zIndex-layerUI:4;--zIndex-eyeDropperBackdrop:5;--zIndex-eyeDropperPreview:6;--zIndex-hyperlinkContainer:7;--zIndex-modal:1000;--zIndex-popup:1001;--zIndex-toast:999999;--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right);--sat:env(safe-area-inset-top)}body.excalidraw-cursor-resize,body.excalidraw-cursor-resize a:hover,body.excalidraw-cursor-resize *{cursor:ew-resize}.excalidraw{--ui-font:Assistant,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--ui-font);color:var(--text-primary-color);-webkit-user-select:none;user-select:none;width:100%;height:100%;display:flex;position:relative;inset:0;overflow:hidden}.excalidraw button{cursor:pointer;-webkit-user-select:none;user-select:none}.excalidraw:focus{outline:none}.excalidraw .excalidraw-link,.excalidraw a{color:var(--link-color);-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:500;text-decoration:none}.excalidraw .excalidraw-link:hover,.excalidraw a:hover{text-decoration:underline}.excalidraw .excalidraw-link:active,.excalidraw a:active{text-decoration:none}.excalidraw canvas{touch-action:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;z-index:var(--zIndex-canvas)}.excalidraw canvas.interactive{z-index:var(--zIndex-interactiveCanvas)}.excalidraw__canvas-wrapper,.excalidraw__canvas.static{pointer-events:none}.excalidraw__canvas{position:absolute}.excalidraw__embeddable{border:0;width:100%;height:100%}.excalidraw__embeddable-container{z-index:2;transform-origin:0 0;pointer-events:none;position:absolute}.excalidraw.theme--dark canvas{filter:var(--theme-filter)}.excalidraw .FixedSideContainer{padding-top:var(--sat,0);padding-right:var(--sar,0);padding-bottom:var(--sab,0);padding-left:var(--sal,0)}.excalidraw .panelRow{justify-content:space-between;display:flex}.excalidraw .panelColumn{flex-direction:column;row-gap:.75rem;display:flex}.excalidraw .panelColumn h3,.excalidraw .panelColumn legend,.excalidraw .panelColumn .control-label{color:var(--text-primary-color);margin:0 0 .25rem;font-size:.75rem;font-weight:400;display:block}.excalidraw .panelColumn .control-label input{width:100%;display:block}.excalidraw .panelColumn legend{padding:0}.excalidraw .panelColumn .iconSelectList{flex-wrap:wrap;position:relative}.excalidraw .panelColumn .buttonList{flex-wrap:wrap;gap:.5rem;display:flex}.excalidraw .panelColumn .buttonList label{font-size:.75rem}.excalidraw .panelColumn .buttonList input[type=radio],.excalidraw .panelColumn .buttonList input[type=button]{opacity:0;pointer-events:none;position:absolute}.excalidraw .panelColumn .buttonList .iconRow{margin-top:8px}.excalidraw .panelColumn fieldset{border:none;margin:0;padding:0}.excalidraw .divider{background-color:#e9ecef;width:1px;margin:1px}.excalidraw .welcome-screen-menu-item:focus-visible,.excalidraw .dropdown-menu-item:focus-visible,.excalidraw button:focus-visible,.excalidraw .buttonList label:focus-within,.excalidraw input:focus-visible{box-shadow:0 0 0 1px var(--color-brand-hover);outline:#0000}.excalidraw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.excalidraw .buttonList button{background-color:#0000}.excalidraw .buttonList label,.excalidraw .buttonList button,.excalidraw .buttonList .zIndexButton{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);justify-content:center;align-items:center;padding:0;display:flex}.excalidraw .buttonList label:hover,.excalidraw .buttonList button:hover,.excalidraw .buttonList .zIndexButton:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .buttonList label:active,.excalidraw .buttonList button:active,.excalidraw .buttonList .zIndexButton:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .buttonList label.active,.excalidraw .buttonList button.active,.excalidraw .buttonList .zIndexButton.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .buttonList label.active:hover,.excalidraw .buttonList button.active:hover,.excalidraw .buttonList .zIndexButton.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .buttonList label.active svg,.excalidraw .buttonList button.active svg,.excalidraw .buttonList .zIndexButton.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .App-top-bar{z-index:var(--zIndex-layerUI);flex-direction:column;align-items:center;display:flex}.excalidraw .App-bottom-bar{--bar-padding:calc(4*var(--space-factor));padding-top:max(var(--bar-padding),var(--sat,0));padding-right:var(--sar,0);padding-bottom:var(--sab,0);padding-left:var(--sal,0);z-index:4;pointer-events:none;align-items:flex-end;display:flex;position:absolute;inset:0}.excalidraw .App-bottom-bar>.Island{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);flex-direction:column;width:100%;min-width:100%;max-width:100%;max-height:100%;display:flex}.excalidraw .App-bottom-bar>.Island .panelColumn{padding:8px 8px 0}.excalidraw .App-toolbar{width:100%}.excalidraw .App-toolbar .eraser.ToolIcon:hover{--icon-fill-color:#fff;--keybinding-color:#fff}.excalidraw .App-toolbar .eraser.active{background-color:var(--color-primary)}.excalidraw .App-toolbar-content{justify-content:space-between;align-items:center;padding:8px;display:flex}.excalidraw .App-toolbar-content .dropdown-menu--mobile{top:auto;bottom:55px}.excalidraw .App-mobile-menu{box-sizing:border-box;width:100%;margin-bottom:var(--bar-padding);overflow:visible auto}.excalidraw .App-menu{color:var(--icon-fill-color);display:grid}.excalidraw .shapes-section{justify-content:center;display:flex;pointer-events:none!important}.excalidraw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .App-menu_top{grid-gap:2rem;cursor:default;grid-template-columns:1fr 2fr 1fr;align-items:flex-start;pointer-events:none!important}.excalidraw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media (min-width:1536px){.excalidraw .App-menu_top{grid-gap:3rem;grid-template-columns:1fr 1fr 1fr}}.excalidraw .App-menu_top>:first-child{justify-self:flex-start}.excalidraw .App-menu_top>:last-child{justify-self:flex-end}.excalidraw .App-menu_bottom{cursor:default;box-sizing:border-box;justify-content:space-between;align-items:flex-start;padding:0 1rem;display:flex;position:absolute;bottom:1rem;pointer-events:none!important}.excalidraw .App-menu_bottom--transition-left section{width:185px}.excalidraw .App-menu_bottom section{display:flex}.excalidraw .App-menu_bottom>:first-child{justify-self:flex-start}.excalidraw .App-menu_bottom>:last-child{justify-self:flex-end}.excalidraw .App-menu_left{grid-template-rows:1fr auto 1fr;height:100%}.excalidraw .App-menu_right{grid-template-rows:1fr;height:100%}.excalidraw .App-menu__left{box-sizing:border-box;width:12.5rem;padding:.75rem;position:absolute;overflow-y:auto}.excalidraw .dropdown-select{padding:0;height:1.5rem;color:var(--icon-fill-color);background-color:var(--button-gray-1);border-radius:var(--space-factor);border:1px solid var(--button-gray-2);appearance:none;background-image:var(--dropdown-icon);background-position:right .7rem top 50%,0 0;background-repeat:no-repeat;background-size:.65em,100%;outline:none;padding-inline:.5rem 1.5rem;font-family:inherit;font-size:.8rem}:root[dir=rtl] .excalidraw .dropdown-select{background-position:.7rem 50%,0 0}.excalidraw .dropdown-select:focus{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .dropdown-select:hover,.excalidraw .dropdown-select:active{background-color:var(--button-gray-2)}.excalidraw .dropdown-select__language{background-color:var(--island-bg-color);cursor:pointer;height:2rem;border-color:var(--default-border-color)!important}.excalidraw .dropdown-select__language:hover{background-color:var(--island-bg-color)}.excalidraw .scroll-back-to-content{border-radius:var(--border-radius-lg);background-color:var(--island-bg-color);color:var(--icon-fill-color);border:1px solid var(--default-border-color);pointer-events:var(--ui-pointerEvents);padding:10px 20px;font-family:inherit;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.excalidraw .scroll-back-to-content:hover{background-color:var(--button-hover-bg)}.excalidraw .scroll-back-to-content:active{border:1px solid var(--button-active-border)}.excalidraw .help-icon{width:var(--button-width,var(--default-button-size));height:var(--button-height,var(--default-button-size));box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:var(--lg-button-size);height:var(--lg-button-size);border:none;justify-content:center;align-items:center;padding:.625rem;display:flex}.excalidraw .help-icon:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.excalidraw .help-icon:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.excalidraw .help-icon.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.excalidraw .help-icon.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.excalidraw .help-icon.active svg{color:var(--button-color,var(--color-on-primary-container))}.excalidraw .help-icon:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .help-icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .reset-zoom-button{font-family:var(--ui-font)}.excalidraw .finalize-button{margin-top:auto;margin-bottom:auto;grid-auto-flow:column;gap:.4em;margin-inline-start:.6em;display:grid}.excalidraw .undo-redo-buttons,.excalidraw .eraser-buttons{margin-top:auto;margin-bottom:auto;grid-auto-flow:column;margin-inline-start:.6em;display:grid}.excalidraw--mobile.excalidraw aside{display:none}.excalidraw--mobile.excalidraw .scroll-back-to-content{bottom:calc(80px + var(--sab,0));z-index:-1}:root[dir=rtl] .excalidraw .rtl-mirror{transform:scaleX(-1)}.excalidraw .zen-mode-visibility{visibility:visible;opacity:1;width:auto;height:auto;transition:opacity .5s}.excalidraw .zen-mode-visibility.zen-mode-visibility--hidden{visibility:hidden;opacity:0;width:0;height:0;transition:opacity .5s}.excalidraw .disable-pointerEvents{pointer-events:none!important}.excalidraw.excalidraw--view-mode .App-menu{justify-content:space-between;display:flex}.excalidraw input.is-redacted{-webkit-text-security:disc}.excalidraw input[type=text],.excalidraw textarea:not(.excalidraw-wysiwyg){color:var(--text-primary-color);border:1.5px solid var(--input-border-color);white-space:nowrap;border-radius:var(--space-factor);background-color:var(--input-bg-color);padding:.75rem}.excalidraw input[type=text]:not(:focus):hover,.excalidraw textarea:not(.excalidraw-wysiwyg):not(:focus):hover{border-color:var(--color-brand-hover)}.excalidraw input[type=text]:focus,.excalidraw textarea:not(.excalidraw-wysiwyg):focus{border-color:var(--color-brand-hover);outline:none}@media print{.excalidraw .App-bottom-bar,.excalidraw .FixedSideContainer,.excalidraw .layer-ui__wrapper{display:none}}.excalidraw ::-webkit-scrollbar{width:4px;height:3px}.excalidraw select::-webkit-scrollbar{width:10px}.excalidraw ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.excalidraw ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.excalidraw ::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb)}.excalidraw .mobile-misc-tools-container{top:calc(5rem - var(--editor-container-padding));right:calc(var(--editor-container-padding)*-1);border:1px solid var(--sidebar-border-color);border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg);background-color:var(--island-bg-color);border-right:0;flex-direction:column;display:flex;position:absolute;overflow:hidden}.excalidraw .mobile-misc-tools-container .ToolIcon__icon{border-radius:0;width:2rem;height:2rem}.excalidraw .mobile-misc-tools-container .default-sidebar-trigger{border:0}.excalidraw .App-toolbar--mobile{max-width:98vw;overflow:visible}.excalidraw .App-toolbar--mobile .ToolIcon__keybinding{display:none}.excalidraw .UserList-Wrapper{text-align:left;border:none;margin:0;padding:0}.excalidraw .UserList-Wrapper legend{margin:0 0 .25rem;padding:0;font-size:.75rem;font-weight:400;display:block}.excalidraw .main-menu-trigger{box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);border:none}.excalidraw .main-menu-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .App-mobile-menu,.excalidraw .App-menu__left{--button-border:transparent;--button-bg:var(--color-surface-mid)}.excalidraw.theme--dark.excalidraw .App-mobile-menu,.excalidraw.theme--dark.excalidraw .App-menu__left{--button-hover-bg:#363541;--button-bg:var(--color-surface-high)}.excalidraw .App-menu__left .buttonList{padding:.25rem 0}.excalidraw .excalidraw__paragraph{margin:1rem 0}.excalidraw .Modal__content .excalidraw__paragraph:first-child{margin-top:0}.excalidraw .Modal__content .excalidraw__paragraph+.excalidraw__paragraph{margin-top:0}.ErrorSplash.excalidraw{-webkit-user-select:text;user-select:text;justify-content:center;align-items:center;min-height:100vh;padding:20px 0;display:flex;overflow:auto}.ErrorSplash.excalidraw .ErrorSplash-messageContainer{background-color:#ffe3e3;border:3px solid #c92a2a;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.ErrorSplash.excalidraw .ErrorSplash-paragraph{max-width:600px;margin:15px 0}.ErrorSplash.excalidraw .ErrorSplash-paragraph.align-center{text-align:center}.ErrorSplash.excalidraw .bigger,.ErrorSplash.excalidraw .bigger button{font-size:1.1em}.ErrorSplash.excalidraw .smaller,.ErrorSplash.excalidraw .smaller button{font-size:.9em}.ErrorSplash.excalidraw .ErrorSplash-details{flex-direction:column;align-items:flex-start;display:flex}.ErrorSplash.excalidraw .ErrorSplash-details textarea{width:100%;margin:10px 0;font-family:Cascadia;font-size:.8em}.excalidraw__embeddable-container .excalidraw__embeddable-container__inner{border-radius:var(--embeddable-radius);justify-content:center;align-items:center;display:flex;overflow:hidden}.excalidraw__embeddable-container .excalidraw__embeddable__outer{width:100%;height:100%}.excalidraw__embeddable-container .excalidraw__embeddable__outer>*{border-radius:var(--embeddable-radius)}.excalidraw__embeddable-container .excalidraw__embeddable-hint{z-index:1;color:#fff;letter-spacing:.6px;background:#00000080;border-radius:12px;padding:1rem 1.6rem;font-family:Assistant;font-weight:700;position:absolute}@font-face{font-family:Assistant;src:url(/assets/Assistant-Regular-DVxZuzxb.woff2)format("woff2");font-weight:400;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-Medium-DrcxCXg3.woff2)format("woff2");font-weight:500;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-SemiBold-SCI4bEL9.woff2)format("woff2");font-weight:600;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-Bold-gm-uSS1B.woff2)format("woff2");font-weight:700;style:normal;display:swap}.footer-center{pointer-events:none;justify-content:flex-start;width:100%;margin-inline-end:.6rem;display:flex}.footer-center>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .ExcalidrawLogo{--logo-icon--xs:2rem;--logo-text--xs:1.5rem;--logo-icon--small:2.5rem;--logo-text--small:1.75rem;--logo-icon--normal:3rem;--logo-text--normal:2.2rem;--logo-icon--large:90px;--logo-text--large:65px;align-items:center;display:flex}.excalidraw .ExcalidrawLogo svg{flex:none}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-icon{width:auto;color:var(--color-logo-icon)}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text{width:auto;color:var(--color-logo-text);margin-left:.75rem}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-icon{height:var(--logo-icon--xs)}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-text{height:var(--logo-text--xs)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-icon{height:var(--logo-icon--small)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-text{height:var(--logo-text--small)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-icon{height:var(--logo-icon--normal)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-text{height:var(--logo-text--normal)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-icon{height:var(--logo-icon--large)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-text{height:var(--logo-text--large)}.excalidraw .excalifont{font-family:Excalifont,Xiaolai}.excalidraw .welcome-screen-decor{pointer-events:none;color:var(--color-gray-40)}.excalidraw .welcome-screen-decor a{--color:var(--color-primary);color:var(--color);margin-bottom:-6px;text-decoration:none}.excalidraw.theme--dark .welcome-screen-decor{color:var(--color-gray-60)}@media (max-height:599px){.excalidraw .welcome-screen-decor-hint{display:none!important}}@media (max-width:1024px),(max-width:800px){.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--help,.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--menu{display:none}}.excalidraw .welcome-screen-decor-hint--help{display:flex;position:absolute;bottom:100%;right:0}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help{left:0;right:auto}.excalidraw .welcome-screen-decor-hint--help svg{width:85px;height:71px;margin-top:.5rem;transform:scaleX(-1)rotate(80deg)}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help svg{transform:rotate(80deg)}.excalidraw .welcome-screen-decor-hint--toolbar{align-items:baseline;margin-top:2.5rem;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.excalidraw .welcome-screen-decor-hint--toolbar .welcome-screen-decor-hint__label{width:120px;position:relative;top:-.5rem}.excalidraw .welcome-screen-decor-hint--toolbar svg{width:38px;height:78px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--toolbar svg{transform:scaleX(-1)}.excalidraw .welcome-screen-decor-hint--menu{margin-top:.25rem;align-items:flex-end;gap:.5rem;width:320px;margin-inline-start:.6rem;font-size:1rem;display:flex;position:absolute;top:100%}.excalidraw .welcome-screen-decor-hint--menu svg{width:41px;height:94px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--menu svg{transform:scaleX(-1)}@media (max-width:860px){.excalidraw .welcome-screen-decor-hint--menu .welcome-screen-decor-hint__label{max-width:160px}}.excalidraw .welcome-screen-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;inset:1rem}.excalidraw .welcome-screen-center__logo{align-items:center;column-gap:.75rem;font-size:2.25rem;display:flex}.excalidraw .welcome-screen-center__heading{text-align:center;font-size:1.125rem}.excalidraw .welcome-screen-menu{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.excalidraw .welcome-screen-menu-item{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);color:var(--color-gray-50);border-radius:var(--border-radius-md);grid-template-columns:calc(var(--default-icon-size) + .5rem)1fr 3rem;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;min-width:300px;max-width:400px;padding:.75rem;font-size:.875rem;display:grid}.excalidraw .welcome-screen-menu-item__text{text-align:left;align-items:center;column-gap:.5rem;margin-right:auto;display:flex}.excalidraw .welcome-screen-menu-item__icon{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .welcome-screen-menu-item__shortcut{color:var(--color-gray-40);margin-left:auto;font-size:.75rem}.excalidraw .welcome-screen-menu-item:hover{background:var(--button-hover-bg);text-decoration:none}.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw .welcome-screen-menu-item:active{background:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw.theme--dark .welcome-screen-menu-item,.excalidraw.theme--dark .welcome-screen-menu-item__shortcut{color:var(--color-gray-60)}.excalidraw.theme--dark .welcome-screen-menu-item:hover{background-color:var(--color-surface-low)}.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__text,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-10)}@media (max-height:599px){.excalidraw .welcome-screen-center{margin-top:4rem}}@media (min-height:600px) and (max-height:900px){.excalidraw .welcome-screen-center{margin-top:8rem}}@media (max-height:500px),(max-width:320px){.excalidraw .welcome-screen-center{display:none}}.excalidraw .collab-button{--button-bg:var(--color-primary);--button-color:var(--color-surface-lowest);--button-border:var(--color-primary);--button-width:var(--lg-button-size);--button-height:var(--lg-button-size);--button-hover-bg:var(--color-primary-darker);--button-hover-border:var(--color-primary-darker);--button-active-bg:var(--color-primary-darker);box-shadow:0 0 0 1px var(--color-surface-lowest);flex-shrink:0}.excalidraw .collab-button.active.active{background-color:#0fb884;border-color:#0fb884}.excalidraw .collab-button.active.active svg{color:#fff}.excalidraw .collab-button.active.active:hover,.excalidraw .collab-button.active.active:active{background-color:#0fb884;border-color:#0fb884}.excalidraw .CollabButton.is-collaborating{background-color:var(--button-special-active-bg-color)}.excalidraw .CollabButton.is-collaborating .ToolIcon__icon svg,.excalidraw .CollabButton.is-collaborating .ToolIcon__label{color:var(--icon-green-fill-color)}.excalidraw .CollabButton-collaborators{color:#2b8a3e;background-color:#b2f2bb;border-radius:50%;min-width:1em;min-height:1em;padding:3px;font-family:Cascadia;font-size:.6rem;line-height:1;position:absolute;bottom:-5px}:root[dir=ltr] .excalidraw .CollabButton-collaborators{right:-5px}:root[dir=rtl] .excalidraw .CollabButton-collaborators{left:-5px}.whiteboard-container{z-index:9999;resize:both;background-color:#fff;border-radius:8px;flex-direction:column;width:600px;min-width:400px;max-width:calc(100vw - 40px);height:450px;min-height:300px;max-height:calc(100vh - 140px);animation:.3s ease-out slideIn;display:flex;position:fixed;top:120px;left:20px;overflow:hidden;box-shadow:0 8px 32px #0006}.whiteboard-header{color:#fff;z-index:10001;cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:8px 8px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;min-height:40px;padding:.5rem .75rem;display:flex}.whiteboard-header:active{cursor:grabbing}.whiteboard-header h3{color:#fff;align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:600;display:flex}.whiteboard-header h3:before{content:"✏️";font-size:1rem}.whiteboard-header-controls{align-items:center;gap:.5rem;display:flex}.whiteboard-expand-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.whiteboard-expand-btn:hover{background:#ffffff4d;transform:scale(1.05)}.whiteboard-expand-btn svg{width:16px;height:16px}.whiteboard-close-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.whiteboard-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.whiteboard-close-btn svg{width:16px;height:16px}.whiteboard-close-btn:active,.whiteboard-expand-btn:active{transform:scale(.95)}.whiteboard-content{background:#fff;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.whiteboard-content .excalidraw{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-primary-darker:#6d28d9;--color-primary-darkest:#5b21b6;--color-primary-light:#a78bfa;width:100%;height:100%}.whiteboard-content>div{width:100%;height:100%}.whiteboard-loading{z-index:10002;flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whiteboard-spinner{border:4px solid #0000001a;border-top-color:var(--primary-color,#007bff);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.whiteboard-loading p{color:var(--text-secondary,#666);margin:0;font-size:.95rem}.whiteboard-container.expanded{resize:none;width:auto;max-width:none;height:auto;max-height:none;inset:20px}.whiteboard-container:after{content:"⋮⋮";color:#ccc;pointer-events:none;letter-spacing:-2px;font-size:12px;line-height:1;position:absolute;bottom:4px;right:4px}.whiteboard-container.expanded:after{display:none}@media (max-width:768px){.whiteboard-container{resize:none;width:auto;max-width:none;height:auto;max-height:none;inset:10px}.whiteboard-header h3{font-size:.9rem}.whiteboard-close-btn,.whiteboard-expand-btn{width:28px;height:28px}}@media (prefers-color-scheme:dark){.whiteboard-content{background-color:#2d2d2d}.whiteboard-content .excalidraw{--color-surface-primary:#2d2d2d!important}}.backgammon-container{z-index:1000;cursor:move;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-radius:16px;flex-direction:column;width:1200px;min-height:1000px;max-height:95vh;padding:20px;display:flex;position:fixed;top:100px;left:100px;overflow:hidden;box-shadow:0 10px 40px #00000080}.backgammon-header{color:#fff;cursor:move;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.backgammon-header h2{flex-shrink:0;margin:0;font-size:1.5rem}.error-message-inline{color:#fff;text-align:center;background:#f44;border-radius:6px;flex:1;max-width:500px;padding:8px 15px;font-size:.9rem;animation:.5s shake;box-shadow:0 2px 8px #f446}.mute-button{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:all .3s;display:flex}.mute-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.15)rotate(5deg);box-shadow:0 4px 12px #0000004d}.mute-button:active{transform:scale(.95)}.close-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .3s;display:flex}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.scale-indicator{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;min-width:60px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:all .3s}.scale-indicator:hover{background:#ffffff4d;border-color:#ffffff80}.error-message{color:#fff;text-align:center;background:#f44;border-radius:8px;flex-shrink:0;margin-bottom:15px;padding:10px;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game-info{color:#fff;background:#0003;border-radius:8px;flex:none;min-height:180px;margin-bottom:10px;padding:10px 15px}.player-info{justify-content:space-around;gap:20px;margin-bottom:10px;display:flex}.player-info span{opacity:.7;font-size:1.1rem;transition:all .3s}.player-info span.active{opacity:1;font-weight:700;transform:scale(1.1)}.dice-controls-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:60px;margin:15px 0;display:flex;position:relative}.dice-display{gap:15px;display:flex}.dice-buttons{gap:10px;display:flex}.dice-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:8px;min-height:50px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 8px #0000004d}.dice-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.dice-button:active{transform:translateY(0)}.pass-turn-button{animation:2s ease-in-out infinite pulse-red;position:absolute;right:0;box-shadow:0 4px 8px #ff6b6b66;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%)!important}.pass-turn-button:hover{box-shadow:0 6px 12px #ff525280;background:linear-gradient(135deg,#ff5252 0%,#e53935 100%)!important}@keyframes pulse-red{0%,to{box-shadow:0 4px 8px #ff6b6b66}50%{box-shadow:0 6px 16px #ff6b6b99}}.restart-button{animation:2s ease-in-out infinite restart-pulse;background:linear-gradient(135deg,#ff8c00 0%,tomato 100%)!important}.restart-button:hover{transform:translateY(-3px)scale(1.05);background:linear-gradient(135deg,#f70 0%,#ff4500 100%)!important}@keyframes restart-pulse{0%,to{box-shadow:0 4px 8px #ff8c0066}50%{box-shadow:0 8px 20px #ff8c00b3}}.die{color:#8b4513;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;font-weight:700;animation:.5s rollDice;display:flex;box-shadow:0 4px 8px #0000004d}@keyframes rollDice{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.dice-display.animated .die{animation:2s ease-in-out infinite dice-pulse}@keyframes dice-pulse{0%,to{transform:scale(1)rotate(0);box-shadow:0 4px 8px #0000004d}25%{transform:scale(1.15)rotate(-5deg);box-shadow:0 6px 16px #8b451380}50%{transform:scale(1.1)rotate(0);box-shadow:0 8px 20px #8b451399}75%{transform:scale(1.15)rotate(5deg);box-shadow:0 6px 16px #8b451380}}.turn-indicator{text-align:center;background:#ffffff1a;border-radius:8px;margin-top:10px;padding:10px;font-size:1.1rem;transition:all .5s}.turn-indicator.winner-message{color:#fff;background:linear-gradient(135deg,gold 0%,orange 100%);padding:20px;font-weight:700;animation:2s ease-in-out infinite winner-pulse;box-shadow:0 8px 20px #ffd70099}.turn-indicator.loser-message{color:#fff;background:linear-gradient(135deg,#8b4789 0%,#6b3e68 100%);padding:20px;font-weight:700;box-shadow:0 8px 20px #8b478999}@keyframes winner-pulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #ffd70099}50%{transform:scale(1.05);box-shadow:0 12px 30px #ffd700e6}}.game-over-message{justify-content:center;align-items:center;gap:15px;font-size:1.8rem;animation:.8s cubic-bezier(.34,1.56,.64,1) game-over-appear;display:flex}@keyframes game-over-appear{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.trophy-icon{filter:drop-shadow(0 4px 8px #ffd700cc);font-size:2.5rem;animation:1s ease-in-out infinite trophy-bounce}@keyframes trophy-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-5deg)}75%{transform:translateY(-10px)rotate(5deg)}}.win-text{letter-spacing:3px;text-shadow:0 2px 4px #00000080,0 0 20px #fffc;font-size:2rem;font-weight:900;animation:1.5s ease-in-out infinite win-text-glow}@keyframes win-text-glow{0%,to{text-shadow:0 2px 4px #00000080,0 0 20px #fffc}50%{text-shadow:0 2px 4px #00000080,0 0 30px #fff,0 0 40px #ffd700cc}}.lose-icon{font-size:2rem;animation:2s ease-in-out infinite lose-icon-shake}@keyframes lose-icon-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.lose-text{letter-spacing:2px;text-shadow:0 2px 4px #000000b3;opacity:.95;font-size:1.8rem;font-weight:800}.backgammon-board{background:linear-gradient(90deg,#d2691e 0% calc(50% - 40px),#654321 calc(50% - 40px) calc(50% + 40px),#d2691e calc(50% + 40px) 100%);border:6px solid #654321;border-radius:12px;flex:0 0 640px;justify-content:center;align-items:stretch;gap:80px;height:640px;margin:10px 0;padding:25px 15px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #0000004d,0 8px 20px #0006}.board-section{flex-direction:column;flex:1;gap:0;max-width:450px;display:flex}.board-row{grid-template-columns:repeat(6,1fr);gap:6px;height:300px;display:grid}.point{cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;flex-direction:column;align-items:center;height:100%;padding:10px 4px;transition:all .3s;display:flex;position:relative;overflow:visible}.point.top-row{border-radius:8px 8px 0 0}.point.bottom-row{border-radius:0 0 8px 8px;flex-direction:column-reverse}.point:nth-child(2n){background:#8b451380;border-color:#8b4513}.point:nth-child(odd){background:#f5deb366;border-color:#deb887}.point:hover{z-index:5;transform:scale(1.02);box-shadow:0 4px 8px #0000004d}.point.selected{z-index:10;box-shadow:0 0 20px #0afc;background:#64c8ff80!important;border-color:#0af!important}.point.available{animation:1.5s ease-in-out infinite pulse-available;background:#64ff6466!important;border-color:#0f0!important}@keyframes pulse-available{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c}}.point-number{color:#ffffffe6;text-shadow:1px 1px 3px #000000b3;z-index:100;background:#0000004d;border-radius:4px;flex-shrink:0;margin-bottom:8px;padding:2px 6px;font-size:.85rem;font-weight:700}.bottom-row .point-number{margin-top:8px;margin-bottom:0}.checkers{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:-10px;min-height:0;max-height:220px;margin-top:2px;display:flex;position:relative;overflow:visible}.bottom-row .checkers{flex-direction:column-reverse;margin-top:0;margin-bottom:2px}.checker{border:3px solid #00000080;border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out checker-drop;position:relative;box-shadow:0 4px 8px #00000080,inset 0 3px 6px #fff6}@keyframes checker-drop{0%{opacity:0;transform:translateY(-50px)scale(.5)}60%{transform:translateY(5px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.checker-shine{pointer-events:none;background:radial-gradient(circle at 30% 30%,#fffc,#fff3 50%,#0000 70%);border-radius:50%;width:45%;height:45%;position:absolute;top:15%;left:20%}.checkers.white .checker{background:radial-gradient(circle at 35% 35%,#fff,#f5f5f5 35%,#e0e0e0 60%,#c8c8c8);border-color:#0009}.checkers.black .checker{background:radial-gradient(circle at 35% 35%,#555,#333 35%,#1a1a1a 60%,#000);border-color:#646464cc}.checker:hover{z-index:999;transform:scale(1.3)rotate(5deg);box-shadow:0 8px 16px #000000b3,inset 0 4px 8px #ffffff80}.checker-count{color:#fff;z-index:200;text-align:center;background:#000000e6;border:2px solid #fff6;border-radius:12px;flex-shrink:0;min-width:28px;padding:4px 8px;font-size:.9rem;font-weight:700;position:absolute;box-shadow:0 2px 6px #0009}.top-row .checker-count{bottom:8px}.bottom-row .checker-count{top:8px}.bar{cursor:pointer;background:linear-gradient(90deg,#4a2511,#654321,#4a2511);border:3px solid #3a1d0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:80px;height:92%;padding:15px 8px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 8px #00000080,0 4px 12px #0006}.bar:hover{background:linear-gradient(90deg,#5a3521,#755331,#5a3521);transform:translate(-50%,-50%)scale(1.02)}.bar.selected{background:linear-gradient(90deg,#4a7599,#5a95c9,#4a7599);border-color:#2a5d89;box-shadow:inset 0 2px 8px #00000080,0 0 20px #5a95c9cc}.bar-label{writing-mode:vertical-rl;color:#ffffffe6;text-shadow:1px 1px 2px #000000b3;letter-spacing:3px;font-size:1.1rem;font-weight:700}.bar-checkers{border-radius:8px;padding:10px 14px;font-size:1.2rem;font-weight:700;box-shadow:0 2px 6px #00000080}.bar-checkers.white{color:#fff;background:#ffffff40;border:2px solid #fff6}.bar-checkers.black{color:#fff;background:#0009;border:2px solid #ffffff4d}.off-board{background:#8b451366;border:3px solid #8b4513;border-radius:12px;flex-direction:column;gap:15px;min-width:140px;padding:20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%);box-shadow:0 4px 12px #0006}.off-board:hover{z-index:100;background:#8b451380;transform:translateY(-50%)scale(1.15);box-shadow:0 8px 24px #8b451399}.off-board.clickable{cursor:pointer;background:#4caf5033;border-color:#4caf50;animation:2s ease-in-out infinite pulse-green}.off-board.clickable:hover{border-color:#45a049;transform:translateY(-50%)scale(1.2);box-shadow:0 6px 20px #4caf5099}@keyframes pulse-green{0%,to{box-shadow:0 4px 12px #4caf5066}50%{box-shadow:0 6px 20px #4caf5099}}.off-label{color:gold;text-align:center;text-shadow:2px 2px 4px #000c;letter-spacing:1px;border-bottom:2px solid #ffd70080;padding-bottom:10px;font-size:1.1rem;font-weight:700}.off-white,.off-black{color:#fff;text-align:center;background:#0000004d;border:2px solid #fff3;border-radius:8px;padding:10px;font-size:1rem;font-weight:700;box-shadow:inset 0 2px 4px #0000004d}.off-white{background:#ffffff26}.off-black{background:#00000080}.bear-off-hint{color:#fff;text-align:center;background:#4caf50;border-radius:6px;padding:8px;font-size:.9rem;font-weight:600;animation:1s ease-in-out infinite bounce;box-shadow:0 2px 8px #4caf5099}.resize-handle{color:#fff;cursor:nwse-resize;z-index:1001;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:2px solid #fff6;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute}.resize-handle:hover{background:#ffffff59;border-color:#fff9;transform:scale(1.15);box-shadow:0 4px 12px #0006}.resize-handle:active{background:#ffffff80;transform:scale(1.05)}.resize-bottom-right{cursor:nwse-resize;bottom:10px;right:10px}.resize-top-right{cursor:nesw-resize;top:10px;right:10px}.resize-bottom-left{cursor:nesw-resize;bottom:10px;left:10px}.backgammon-container{will-change:transform;transition:transform 50ms ease-out}.backgammon-container.resizing *{-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width:768px){.backgammon-container{min-width:unset;resize:none;padding:15px}.backgammon-board{flex-direction:column;gap:20px;min-height:600px}.board-section{max-width:none}.board-row{grid-template-columns:repeat(6,1fr)}.point{min-height:120px;padding:5px 3px}.checker{width:28px;height:28px}.die{width:40px;height:40px;font-size:1.5rem}.bar{width:100%;height:50px;position:relative;top:0;left:0;transform:none}.bar-label{writing-mode:horizontal-tb}.resize-handle{display:none}.scale-indicator{min-width:50px;padding:6px 12px;font-size:.85rem}}.call-container{z-index:2000;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.call-video-container{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.remote-video{object-fit:contain;background:#000;width:100%;height:100%}.call-avatar-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out infinite avatar-pulse;display:flex}@keyframes avatar-pulse{0%,to{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}50%{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}}.call-avatar-image{object-fit:cover;border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite avatar-float;box-shadow:0 10px 40px #0000004d}@keyframes avatar-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.call-avatar-fallback{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;font-size:5rem;font-weight:700;animation:3s ease-in-out infinite avatar-float;display:flex;box-shadow:0 10px 40px #0000004d}.local-video-preview{z-index:10;background:#000;border:2px solid #fff3;border-radius:12px;width:180px;height:240px;transition:all .3s;position:absolute;top:20px;right:20px;overflow:hidden;box-shadow:0 4px 20px #0006}.local-video-preview:hover{transform:scale(1.05);box-shadow:0 6px 30px #00000080}.local-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.local-video-preview.camera-off{background:linear-gradient(135deg,#374151 0%,#1f2937 100%)}.camera-off-indicator{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.camera-off-indicator span:first-child{opacity:.6;font-size:3rem}.camera-off-indicator span:last-child{opacity:.8;font-size:.85rem}.call-header{z-index:20;background:linear-gradient(#000000b3 0%,#0000 100%);padding:30px;animation:.4s slideInTop;position:absolute;top:0;left:0;right:0}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.call-info{flex-direction:column;gap:5px;display:flex}.call-user-name{color:#fff;text-shadow:0 2px 8px #0000004d;font-size:1.5rem;font-weight:700;animation:.5s fadeIn}.call-status{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;font-size:1rem;font-weight:500;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.call-controls{z-index:20;background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;align-items:center;gap:20px;padding:40px;animation:.4s slideInBottom;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.call-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.5s buttonAppear;display:flex;position:relative;overflow:visible;box-shadow:0 4px 15px #0000004d}@keyframes buttonAppear{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.call-button:before{content:"";opacity:0;z-index:-1;filter:blur(10px);border-radius:50%;transition:opacity .4s;position:absolute;inset:-3px}.call-button:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 10px 30px #00000080}.call-button:hover:before{opacity:.7}.call-button:active{transition:all .1s;transform:translateY(-2px)scale(1.05)}.button-icon{filter:drop-shadow(0 2px 4px #0000004d);color:#fff;fill:#fff;font-size:2rem;line-height:1}.call-button svg.button-icon{flex-shrink:0}.button-label{display:none}.call-button-accept{background:linear-gradient(145deg,#10b981 0%,#059669 100%);animation:2s ease-in-out infinite acceptPulse,.5s buttonAppear;box-shadow:0 4px 15px #10b98166,inset 0 1px #ffffff4d,inset 0 -1px #0003}.call-button-accept:before{background:linear-gradient(145deg,#10b981 0%,#059669 100%)}@keyframes acceptPulse{0%,to{box-shadow:0 4px 15px #10b98166,inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 25px #10b98199,0 0 40px #10b98166,inset 0 1px #ffffff4d,inset 0 -1px #0003}}.call-button-accept:hover{background:linear-gradient(145deg,#059669 0%,#047857 100%);box-shadow:0 10px 30px #10b98199,0 0 50px #10b98180,inset 0 1px #fff6,inset 0 -1px #0003}.call-button-reject,.call-button-hangup{background:linear-gradient(145deg,#ef4444 0%,#dc2626 100%);animation:2s ease-in-out infinite rejectPulse,.5s .1s backwards buttonAppear;box-shadow:0 4px 15px #ef444466,inset 0 1px #ffffff4d,inset 0 -1px #0003}.call-button-reject:before,.call-button-hangup:before{background:linear-gradient(145deg,#ef4444 0%,#dc2626 100%)}@keyframes rejectPulse{0%,to{box-shadow:0 4px 15px #ef444466,inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 25px #ef444499,0 0 40px #ef444466,inset 0 1px #ffffff4d,inset 0 -1px #0003}}.call-button-reject:hover,.call-button-hangup:hover{background:linear-gradient(145deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 10px 30px #ef444499,0 0 50px #ef444480,inset 0 1px #fff6,inset 0 -1px #0003}.call-button-muted{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:2s ease-in-out infinite mutedPulse}@keyframes mutedPulse{0%,to{opacity:1}50%{opacity:.8}}.call-button-camera-off{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.call-button-screen-sharing{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);animation:2s ease-in-out infinite screenSharingPulse;box-shadow:0 4px 15px #3b82f666,inset 0 1px #ffffff4d,inset 0 -1px #0003}.call-button-screen-sharing:before{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}@keyframes screenSharingPulse{0%,to{box-shadow:0 4px 15px #3b82f666,inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 25px #3b82f699,0 0 40px #3b82f666,inset 0 1px #ffffff4d,inset 0 -1px #0003}}.call-button-screen-sharing:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 10px 30px #3b82f699,0 0 50px #3b82f680,inset 0 1px #fff6,inset 0 -1px #0003}.call-whiteboard-button{background:#ffffff26;animation:.5s .2s backwards buttonAppear}.call-button-whiteboard-active{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);animation:2s ease-in-out infinite whiteboardActivePulse;box-shadow:0 4px 15px #8b5cf666,inset 0 1px #ffffff4d,inset 0 -1px #0003}.call-button-whiteboard-active:before{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}@keyframes whiteboardActivePulse{0%,to{box-shadow:0 4px 15px #8b5cf666,inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 25px #8b5cf699,0 0 40px #8b5cf666,inset 0 1px #ffffff4d,inset 0 -1px #0003}}.call-button-whiteboard-active:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 10px 30px #8b5cf699,0 0 50px #8b5cf680,inset 0 1px #fff6,inset 0 -1px #0003}.call-backgammon-button{background:#ffffff26;animation:.5s .25s backwards buttonAppear}.call-button-backgammon-active{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);animation:2s ease-in-out infinite backgammonActivePulse;box-shadow:0 4px 15px #f59e0b66,inset 0 1px #ffffff4d,inset 0 -1px #0003}.call-button-backgammon-active:before{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}@keyframes backgammonActivePulse{0%,to{box-shadow:0 4px 15px #f59e0b66,inset 0 1px #ffffff4d,inset 0 -1px #0003}50%{box-shadow:0 6px 25px #f59e0b99,0 0 40px #f59e0b66,inset 0 1px #ffffff4d,inset 0 -1px #0003}}.call-button-backgammon-active:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 10px 30px #f59e0b99,0 0 50px #f59e0b80,inset 0 1px #fff6,inset 0 -1px #0003}@media (max-width:768px){.call-header{padding:20px}.call-user-name{font-size:1.3rem}.call-status{font-size:.9rem}.local-video-preview{width:120px;height:160px;top:15px;right:15px}.call-controls{gap:15px;padding:30px 20px}.call-button{width:60px;height:60px}.button-icon{font-size:1.5rem}.button-label{font-size:.6rem}.call-avatar-image,.call-avatar-fallback{width:150px;height:150px}.call-avatar-fallback{font-size:4rem}:is(.call-button-screen-sharing,.call-whiteboard-button,.call-button:has(svg path[d*="M20 18c1.1 0"])){display:none}}@media (max-width:480px){.call-header{padding:15px}.call-user-name{font-size:1.1rem}.call-status{font-size:.85rem}.local-video-preview{width:100px;height:133px;top:10px;right:10px}.call-controls{gap:12px;padding:25px 15px}.call-button{width:55px;height:55px}.button-icon{font-size:1.3rem}.button-label{font-size:.55rem}.call-avatar-image,.call-avatar-fallback{width:120px;height:120px}.call-avatar-fallback{font-size:3rem}:is(.call-button-screen-sharing,.call-whiteboard-button,.call-button:has(svg path[d*="M20 18c1.1 0"])){display:none}}@media (max-height:500px) and (orientation:landscape){.call-header{padding:10px 20px}.call-user-name{font-size:1rem}.call-status{font-size:.8rem}.local-video-preview{width:80px;height:107px;top:10px;right:10px}.call-controls{gap:10px;padding:15px}.call-button{width:50px;height:50px}.button-icon{font-size:1.2rem}.button-label{font-size:.5rem}.call-avatar-image,.call-avatar-fallback{width:100px;height:100px}.call-avatar-fallback{font-size:2.5rem}:is(.call-button-screen-sharing,.call-whiteboard-button,.call-button:has(svg path[d*="M20 18c1.1 0"])){display:none}}@supports (-webkit-touch-callout:none){.call-container{height:-webkit-fill-available}.call-video-container{overscroll-behavior:none}.remote-video,.local-video{transform:translateZ(0)}}.call-button:focus-visible{outline-offset:3px;outline:3px solid #fff9}.call-button:focus,.call-button:focus-visible{outline:none}*{-webkit-tap-highlight-color:transparent}.report-modal{width:90%;max-width:500px}.report-modal-body{padding:1.5rem}.report-user-info{background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.report-user-info p{color:var(--text-primary);margin:.5rem 0}.report-user-info strong{color:var(--accent-color)}.report-warning{color:var(--warning-color,#ff9800);border-top:1px solid var(--border-color);padding-top:.75rem;font-size:.9rem;margin-top:.75rem!important}.report-reasons{margin-bottom:1.5rem}.report-label{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600;display:block}.report-reason-item{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.report-reason-item:hover{border-color:var(--accent-color);background:var(--bg-hover)}.report-reason-item input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color);margin-right:.75rem}.report-reason-item span{color:var(--text-primary);flex:1;font-size:.95rem}.report-reason-item input[type=radio]:checked+span{color:var(--accent-color);font-weight:600}.report-reason-item input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.report-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.report-button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.report-button:disabled{cursor:not-allowed;opacity:.5}.report-button.cancel-button{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.report-button.cancel-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary)}.report-button.submit-button{background:var(--accent-color);color:red}.report-button.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.report-button.submit-button:active:not(:disabled){transform:translateY(0)}@media (max-width:600px){.report-modal{max-width:95%}.report-modal-body{padding:1rem}.report-actions{flex-direction:column}.report-button{width:100%}}:root[data-theme=light]{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#fafafa;--bg-hover:#f3f4f6;--bg-active:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-on-gradient:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-input:#e5e7eb;--border-focus:#667eea;--msg-bg-own:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--msg-bg-other:#fff;--msg-text-own:#fff;--msg-text-other:#333;--shadow-sm:0 2px 5px #0000000d;--shadow-md:0 2px 10px #0000001a;--shadow-lg:0 4px 15px #0000001a;--shadow-xl:0 20px 60px #0000004d;--avatar-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--avatar-own-gradient:linear-gradient(135deg,#10b981 0%,#059669 100%)}:root[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#475569;--bg-active:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-on-gradient:#fff;--border-primary:#334155;--border-secondary:#475569;--border-input:#475569;--border-focus:#667eea;--msg-bg-own:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--msg-bg-other:#334155;--msg-text-own:#fff;--msg-text-other:#f1f5f9;--shadow-sm:0 2px 5px #0000004d;--shadow-md:0 2px 10px #00000080;--shadow-lg:0 4px 15px #0006;--shadow-xl:0 20px 60px #000000b3;--avatar-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--avatar-own-gradient:linear-gradient(135deg,#10b981 0%,#059669 100%)}.home-container{height:100vh;height:100dvh;max-height:100vh;background:var(--bg-primary);flex-direction:column;width:100%;max-height:100dvh;transition:background-color .3s;display:flex;position:fixed;inset:0;overflow:hidden}.home-header{background:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.connection-error-banner{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);justify-content:space-between;align-items:center;padding:.75rem 2rem;font-weight:500;animation:.3s ease-out slideDown;display:flex;box-shadow:0 2px 8px #ff6b6b4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.connection-error-banner span{align-items:center;gap:.5rem;display:flex}.connection-error-banner span:before{content:"⚠️";font-size:1.2rem}.reconnect-button{color:#ff6b6b;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.reconnect-button:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.reconnect-button:active{transform:translateY(0)}.header-left{align-items:center;gap:15px;display:flex}.header-left h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.new-chat-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.new-chat-wrapper.has-unread:before{content:"";filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(at 30% 100%,#f806 0%,#0000 50%),radial-gradient(at 70% 100%,#ef444466 0%,#0000 50%),radial-gradient(at 50% 100%,#ffc8004d 0%,#0000 60%);width:130%;height:40px;animation:2s ease-in-out infinite fire-wave-pulse;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}@keyframes fire-wave-pulse{0%,to{opacity:.7;transform:translate(-50%)scaleX(1)scaleY(1)}25%{opacity:.9;transform:translate(-48%)scaleX(1.1)scaleY(1.05)}50%{opacity:1;transform:translate(-52%)scaleX(1.15)scaleY(1.1)}75%{opacity:.85;transform:translate(-50%)scaleX(1.05)scaleY(1.02)}}.new-chat-wrapper.has-unread:after{content:"";pointer-events:none;filter:blur(.3px);z-index:0;background-image:radial-gradient(circle,#ffc800e6 1.5px,#0000 1.5px),radial-gradient(circle,#ff8800b3 2px,#0000 2px),radial-gradient(circle,#ef4444cc 1px,#0000 1px),radial-gradient(circle,#dc262699 1.5px,#0000 1.5px),radial-gradient(circle,#ffb400bf 1.2px,#0000 1.2px),radial-gradient(circle,#ff5a00a6 1.8px,#0000 1.8px);background-position:0 0,10px 5px,5px 10px,15px 8px,8px 2px,18px 12px;background-size:15px 15px,22px 22px,18px 18px,25px 25px,20px 20px,28px 28px;width:110px;height:25px;animation:2.5s ease-in-out infinite fire-particles-rise;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@keyframes fire-particles-rise{0%,to{opacity:.5;transform:translate(-50%)translateY(0)scaleX(1)}20%{opacity:.8;transform:translate(-48%)translateY(-4px)scaleX(1.05)}40%{opacity:.6;transform:translate(-52%)translateY(-8px)scaleX(1.1)}60%{opacity:.75;transform:translate(-49%)translateY(-5px)scaleX(1.08)}80%{opacity:.55;transform:translate(-51%)translateY(-2px)scaleX(1.03)}}.new-chat-wrapper.has-unread .new-chat-button:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 25% 80%,#f803 0%,#0000 55%),radial-gradient(at 75% 85%,#ef44442e 0%,#0000 55%),radial-gradient(at 50% 90%,#ffc80026 0%,#0000 60%),radial-gradient(at 40% 75%,#80808014 0%,#0000 50%);height:45px;animation:3s ease-in-out infinite fire-smoke-ambient;position:absolute;bottom:-28px;left:0;right:0}@keyframes fire-smoke-ambient{0%,to{opacity:.4;filter:blur(14px);transform:translateY(0)}33%{opacity:.7;filter:blur(16px);transform:translateY(-2px)}66%{opacity:.5;filter:blur(18px);transform:translateY(-4px)}}.new-chat-button{color:#fff;cursor:pointer;z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:19px;justify-content:flex-start;align-items:center;min-width:80px;height:38px;padding:0 12px 0 8px;transition:all .3s;animation:2s ease-in-out infinite pulse-glow;display:flex;position:relative;box-shadow:0 3px 12px #667eea4d}.new-chat-wrapper.has-unread .new-chat-button{animation:2s ease-in-out infinite button-alert-bounce;box-shadow:0 4px 15px #ef444466,0 0 20px #ef444433}@keyframes button-alert-bounce{0%,to{transform:translateY(0);box-shadow:0 4px 15px #ef444466,0 0 20px #ef444433}50%{transform:translateY(-3px);box-shadow:0 6px 20px #ef444480,0 0 30px #ef44444d}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 3px 12px #667eea4d}50%{transform:scale(1.01);box-shadow:0 4px 16px #667eea80}}.profile-modal{flex-direction:column;max-width:450px;max-height:90vh;display:flex}.profile-modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 25px;display:flex;overflow:hidden auto}.profile-picture-section{flex-direction:column;align-items:center;gap:12px;display:flex}.profile-picture-preview{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.profile-picture-preview:hover:not(.updating){transform:scale(1.05);box-shadow:0 6px 20px #667eea80}.picture-hover-overlay{opacity:0;background:#000000b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-picture-preview:hover .picture-hover-overlay{opacity:1}.hover-icon{font-size:2rem;animation:1s ease-in-out infinite hover-bounce}@keyframes hover-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hover-text{color:#fff;text-align:center;font-size:.85rem;font-weight:600}.profile-picture-preview img{object-fit:cover;width:100%;height:100%}.profile-picture-preview.updating{animation:1.5s ease-in-out infinite profile-pulse}@keyframes profile-pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #667eea4d}50%{transform:scale(1.05);box-shadow:0 6px 25px #667eea80}}.update-overlay{background:#000000b3;border-radius:50%;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.picture-hint{color:var(--text-tertiary);margin:0;font-size:.75rem}.profile-form-section{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.age-select{border:2px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 15px;font-size:.95rem;transition:border-color .3s}.age-select:focus{border-color:var(--border-focus);outline:none}.age-select:disabled{opacity:.6;cursor:not-allowed}.gender-toggle-container{gap:12px;width:100%;display:flex}.gender-toggle-button{background:var(--bg-tertiary);border:2px solid var(--border-primary);cursor:pointer;color:var(--text-secondary);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.gender-toggle-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.gender-toggle-button:hover:not(:disabled):before{left:100%}.gender-toggle-button:hover:not(:disabled){border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.gender-toggle-button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:scale(1.02);box-shadow:0 4px 15px #667eea66}.gender-toggle-button.active .gender-icon{animation:.5s cubic-bezier(.4,0,.2,1) gender-pop}@keyframes gender-pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gender-toggle-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.gender-icon{font-size:1.5rem;line-height:1;transition:transform .3s}.gender-toggle-button:hover:not(:disabled) .gender-icon{transform:scale(1.1)}.gender-label{letter-spacing:.3px;font-size:1rem;font-weight:600}.sound-setting-row{align-items:center;gap:8px;display:flex}.sound-setting-row .setting-input{border:2px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;padding:10px 15px;font-size:.95rem;transition:border-color .3s}.sound-setting-row .setting-input:focus{border-color:var(--border-focus);outline:none}.sound-setting-row .setting-input:disabled{opacity:.6;cursor:not-allowed}.play-sound-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:42px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #10b9814d}.play-sound-button:hover:not(:disabled){transform:translateY(-2px)scale(1.05);box-shadow:0 4px 15px #10b98166}.play-sound-button:active:not(:disabled){transform:translateY(0)scale(1)}.play-sound-button:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-hover);color:var(--text-tertiary);box-shadow:none}.update-profile-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;margin-top:5px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.update-profile-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.update-profile-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-change-section{border-top:2px solid var(--border-primary);flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;display:flex}.toggle-password-change-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.toggle-password-change-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.toggle-password-change-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-change-form{background:var(--bg-tertiary);border-radius:10px;flex-direction:column;gap:14px;padding:16px;animation:.3s slideDown;display:flex}.password-message{text-align:center;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:500;animation:.3s fadeIn}.password-message.error-message{color:#dc2626;background:linear-gradient(135deg,#ef44441a 0%,#dc26261a 100%);border:1px solid #ef44444d}.password-message.success-message{color:#059669;background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%);border:1px solid #10b9814d}.password-change-form .form-group input{border:2px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:10px 15px;font-size:.95rem;transition:border-color .3s}.password-change-form .form-group input:focus{border-color:var(--border-focus);outline:none}.password-change-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.password-change-form .form-group input::placeholder{color:var(--text-tertiary);font-size:.85rem}.change-password-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;margin-top:4px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.change-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.change-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.new-chat-button:hover{animation:none;transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.new-chat-button:active{transform:translateY(0)}.new-chat-button:focus{outline:none}.new-chat-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.chat-icon{justify-content:center;align-items:center;font-size:1.6rem;line-height:1;transition:all .3s;display:flex;position:relative}.new-chat-button:hover .chat-icon{transform:scale(1.15)rotate(5deg)}.new-chat-hint{color:#fff;letter-spacing:.3px;white-space:nowrap;text-shadow:0 1px 2px #0000004d;pointer-events:none;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.55rem;font-weight:700;transition:all .3s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.new-chat-badge{color:#fff;border:2px solid var(--bg-secondary);z-index:10;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite new-badge-pulse;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #ef444480}@keyframes new-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444480}50%{transform:scale(1.1);box-shadow:0 3px 12px #ef4444b3,0 0 15px #ef44444d}}.new-chat-button:hover .new-chat-hint{text-shadow:0 2px 4px #0006;transform:translateY(-50%)scale(1.1)}.mobile-menu-button{cursor:pointer;z-index:10;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;padding:0;display:none;position:relative}.mobile-menu-button:focus,.mobile-menu-button:active{outline:none}.hamburger-line{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;width:100%;height:3px;transition:all .3s}.mobile-menu-button:hover .hamburger-line{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.mobile-menu-button.has-unread .hamburger-line{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s ease-in-out infinite hamburger-pulse}@keyframes hamburger-pulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.95)}}.hamburger-notification-dot{border:2px solid var(--bg-secondary);z-index:11;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite notification-pulse;position:absolute;top:-4px;right:-4px}@keyframes notification-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}}.header-right{align-items:center;gap:20px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;display:flex;position:relative;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.connection-status{font-size:.8rem}.connection-status.connected{color:#10b981}.connection-status.disconnected{color:#ef4444}.logout-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%) 0 0/200% 200%;border:none;border-radius:10px;padding:8px 16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s infinite logout-gradient-shift;position:relative;overflow:hidden;box-shadow:0 4px 15px #ef44444d}@keyframes logout-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.logout-button:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#fca5a5,#f87171,#ef4444,#dc2626) 0 0/400% 400%;border-radius:10px;transition:opacity .4s;animation:3s infinite logout-border-flow;position:absolute;inset:-2px}@keyframes logout-border-flow{0%,to{background-position:0%}50%{background-position:100%}}.logout-button:hover{animation:1.5s infinite logout-gradient-shift,1s infinite logout-pulse;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 25px #ef444480,0 0 20px #ef44444d}@keyframes logout-pulse{0%,to{box-shadow:0 6px 25px #ef444480,0 0 20px #ef44444d}50%{box-shadow:0 8px 30px #ef444499,0 0 30px #ef444466}}.logout-button:hover:before{opacity:1}.logout-button:active{transform:translateY(0)scale(1);box-shadow:0 2px 10px #ef444466}.home-content{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;width:280px;min-width:280px;max-width:280px;transition:background-color .3s,border-color .3s;display:flex;position:relative;overflow-y:auto}.sidebar:before{content:"";pointer-events:none;z-index:1;opacity:.8;filter:blur(8px);background:linear-gradient(270deg,#ff880026 0%,#ef44441f 15%,#ffc8001a 30%,#dc262614 45%,#ffb4000d 60%,#ff5a0008 75%,#0000 100%);width:80px;height:100%;animation:3s ease-in-out infinite flame-wave-right;position:absolute;top:0;right:0}@keyframes flame-wave-right{0%,to{opacity:.7;transform:scaleX(1)translate(0)}25%{opacity:.9;transform:scaleX(1.05)translate(-2px)}50%{opacity:1;transform:scaleX(1.1)translate(-4px)}75%{opacity:.85;transform:scaleX(1.03)translate(-1px)}}.sidebar:after{content:"";pointer-events:none;filter:blur(.5px);z-index:1;opacity:.6;background-image:radial-gradient(circle,#ffc800e6 1.5px,#0000 1.5px),radial-gradient(circle,#ff8800b3 2px,#0000 2px),radial-gradient(circle,#ef4444cc 1px,#0000 1px),radial-gradient(circle,#dc262699 1.5px,#0000 1.5px),radial-gradient(circle,#ffb400bf 1.2px,#0000 1.2px),radial-gradient(circle,#ff5a00a6 1.8px,#0000 1.8px);background-position:right 5px top 10%,right 15px top 30%,right 8px top 50%,right 20px top 70%,right 12px top 20%,right 25px top 85%;background-size:25px 40px,35px 50px,30px 45px,40px 55px,32px 42px,45px 60px;width:80px;height:100%;animation:4s ease-in-out infinite flame-particles-drift;position:absolute;top:0;right:0}@keyframes flame-particles-drift{0%,to{opacity:.5;transform:translate(0)}20%{opacity:.8;transform:translate(-8px)}40%{opacity:.6;transform:translate(-15px)}60%{opacity:.75;transform:translate(-10px)}80%{opacity:.55;transform:translate(-4px)}}.sidebar>*{z-index:2;position:relative}.sidebar-section{border-bottom:1px solid var(--border-primary);padding:20px;transition:border-color .3s}.sidebar-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 15px;font-size:.9rem}.sidebar-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);flex-direction:column;gap:8px;margin-top:auto;padding:15px 20px;display:flex}.sidebar-footer-link{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.sidebar-footer-link:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(3px)}.sidebar-footer-link:active{transform:translate(1px)}.sidebar-copyright{border-top:1px solid var(--border-primary);background:0 0;flex-direction:column;justify-content:center;align-items:center;height:75px;padding:8px 20px;transition:border-color .3s;display:flex}.copyright-text{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:6px;margin:0;padding:4px 10px;font-size:.75rem;font-weight:500;line-height:1.4;transition:background-color .3s;box-shadow:0 2px 8px #0000001a}.copyright-rights{color:var(--text-tertiary);opacity:.8;background:var(--bg-secondary);border-radius:6px;margin:3px 0 0;padding:3px 8px;font-size:.7rem;font-weight:400;line-height:1.4;transition:background-color .3s;box-shadow:0 2px 8px #0000001a}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h3{align-items:center;gap:8px;margin:0;display:flex}.section-unread-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;animation:2s infinite pulse;display:flex}.add-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:transform .2s;display:flex}.add-button:hover{transform:scale(1.1)}.room-list,.chat-list{flex-direction:column;gap:4px;display:flex}.room-item{cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex}.room-item:hover{background:var(--bg-hover)}.room-item.active{background:var(--bg-active);color:var(--text-on-gradient)}.room-icon{font-size:1.2rem}.room-name{flex:1;font-weight:500}.room-badge{color:inherit;background:#0000001a;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.room-item.active .room-badge{background:#ffffff4d}.room-badge.unread{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:2s infinite pulse}.room-item.active .room-badge.unread{background:linear-gradient(135deg,#fca5a5 0%,#f87171 100%)}.empty-message{text-align:center;color:var(--text-tertiary);padding:20px;font-size:.9rem}.private-chat-card{align-items:center;gap:10px;width:100%;display:flex;overflow:hidden}.private-chat-info{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.private-chat-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;min-width:35px;height:35px;min-height:35px;font-size:.9rem;font-weight:700;display:flex;position:relative;overflow:visible}.private-chat-avatar-badge{color:#fff;border:2px solid var(--bg-secondary);z-index:10;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite badge-pulse;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ef444480}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444480}50%{transform:scale(1.1);box-shadow:0 3px 12px #ef4444b3,0 0 15px #ef44444d}}.private-chat-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.private-chat-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.private-chat-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.chat-username.male-color{color:#3b82f6;font-weight:700}.chat-username.female-color{color:#ef4444;font-weight:700}.chat-user-age{color:var(--text-secondary);font-size:.85rem;font-weight:500}.private-chat-preview{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.close-chat-button{color:var(--text-tertiary);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0 8px;font-size:1.4rem;font-weight:700;line-height:1;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){.close-chat-button{opacity:0}.private-chat-item:hover .close-chat-button{opacity:1}}.close-chat-button:hover{color:#ef4444;transform:scale(1.2)rotate(90deg)}.close-chat-button:active{transform:scale(1.1)rotate(90deg)}.room-item.active .close-chat-button{color:#ffffffb3}.room-item.active .close-chat-button:hover{color:#fca5a5}.room-item.active .private-chat-name,.room-item.active .private-chat-preview{color:var(--text-on-gradient)}.room-item.active .private-chat-avatar{background:#ffffff4d;box-shadow:0 0 0 2px #fff3}.main-chat{background:var(--bg-secondary);flex-direction:column;flex:1;min-height:0;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);padding:20px 30px;transition:background-color .3s,border-color .3s}.chat-title{align-items:center;gap:15px;display:flex}.chat-title .user-avatar{border-radius:8px;width:45px;height:45px;overflow:hidden}.chat-title .user-avatar img{object-fit:cover;border-radius:8px;width:100%;height:100%}.chat-title .room-icon{font-size:2rem}.chat-title h2{color:var(--text-primary);margin:0;font-size:1.5rem}.chat-description{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin:5px 0 0;font-size:.9rem;display:flex}.chat-header-info{color:var(--text-secondary);align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.chat-header-separator{color:var(--text-tertiary);margin:0 2px;font-weight:300}.chat-header-gender.male{color:#3b82f6;font-weight:600}.chat-header-gender.female{color:#ef4444;font-weight:600}.chat-header-status{align-items:center;gap:4px;display:inline-flex}.chat-header-status .status-dot{width:8px;height:8px}.messages-container{background:var(--bg-tertiary);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:30px;transition:background-color .3s;display:flex;position:relative;overflow:hidden auto}.messages-list{flex-direction:column;gap:15px;display:flex}.message{gap:12px;animation:.3s slideIn;display:flex}.message.own-message{flex-direction:row-reverse}.message-avatar{background:var(--avatar-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.message-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.message.own-message .message-avatar{background:var(--avatar-own-gradient)}.message-content{flex-direction:column;gap:4px;max-width:60%;display:flex}.message.own-message .message-content{align-items:flex-end}.message-header{align-items:center;gap:8px;font-size:.85rem;display:flex}.message-sender{color:var(--text-primary);font-weight:600}.message-time{color:var(--text-tertiary);font-size:.75rem}.message-text{background:var(--msg-bg-other);color:var(--msg-text-other);box-shadow:var(--shadow-sm);word-wrap:break-word;border-radius:12px;padding:12px 16px;font-size:1.3rem;line-height:1.5;transition:background-color .3s,color .3s}.message.own-message .message-text{background:var(--msg-bg-own);color:var(--msg-text-own)}.typing-indicator{color:var(--text-secondary);padding:10px 0;font-size:.9rem;font-style:italic;animation:.3s fadeIn}.welcome-message{text-align:center;padding:40px 20px}.welcome-message h2{color:var(--text-primary);margin:0 0 10px;font-size:2rem}.welcome-message p{color:var(--text-secondary);margin-bottom:40px;font-size:1.1rem}.feature-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.feature-card{background:var(--bg-secondary);box-shadow:var(--shadow-lg);border-radius:15px;padding:30px;transition:transform .3s,box-shadow .3s,background-color .3s}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.feature-icon{margin-bottom:15px;font-size:3rem;display:block}.feature-card h3{color:var(--text-primary);margin:0 0 10px;font-size:1.2rem}.feature-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.message-input-container{border-top:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0;gap:10px;min-height:70px;max-height:70px;padding:10px 30px;transition:background-color .3s,border-color .3s;display:flex;position:relative}.input-action-button{cursor:pointer;-webkit-tap-highlight-color:transparent;float:left;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:59px;height:59px;margin:6px 8px 0 0;padding:0;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.input-action-button+.input-action-button{margin-left:0}.input-action-button:first-of-type{margin-left:2px}.input-action-button:before{content:"";opacity:0;z-index:-1;filter:blur(8px);border-radius:6px;transition:opacity .3s;position:absolute;inset:-2px}.emoji-button{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);animation:3s ease-in-out infinite emoji-idle;box-shadow:0 4px 12px #f59e0b4d}@keyframes emoji-idle{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 5px 18px #f59e0b66,0 0 20px #f59e0b33}}.emoji-button:before{background:radial-gradient(circle,#f59e0b 0%,#f97316 100%)}.emoji-button:hover:not(:disabled){animation:none;transform:translateY(-3px)scale(1.1)rotate(15deg);box-shadow:0 8px 25px #f59e0b80,0 0 30px #f59e0b4d}.emoji-button:hover:not(:disabled):before{opacity:.6;animation:2s linear infinite rotate-glow-emoji}@keyframes rotate-glow-emoji{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:3s ease-in-out .5s infinite location-idle;box-shadow:0 4px 12px #ef44444d}@keyframes location-idle{0%,to{box-shadow:0 4px 12px #ef44444d}50%{box-shadow:0 5px 18px #ef444466,0 0 20px #ef444433}}.location-button:before{background:radial-gradient(circle,#ef4444 0%,#dc2626 100%)}.location-button:hover:not(:disabled){animation:.6s ease-in-out infinite location-bounce;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 25px #ef444480,0 0 30px #ef44444d}@keyframes location-bounce{0%,to{transform:translateY(-3px)scale(1.1)}50%{transform:translateY(-5px)scale(1.15)}}.location-button:hover:not(:disabled):before{opacity:.6;animation:1.5s ease-in-out infinite pulse-glow-location}@keyframes pulse-glow-location{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}.input-action-button:active:not(:disabled){transition:all .1s;transform:translateY(-1px)scale(1.05)}.input-action-button:disabled{opacity:.4;cursor:not-allowed;animation:none}.input-action-button:disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.emoji-picker-container{z-index:1000;box-shadow:var(--shadow-xl);border-radius:12px;animation:.3s cubic-bezier(.4,0,.2,1) emoji-picker-appear;position:absolute;bottom:80px;left:85px;overflow:hidden}@keyframes emoji-picker-appear{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.emoji-picker-container aside{border-radius:12px!important}.location-message{flex-direction:column;gap:8px;width:100%;max-width:260px;display:flex}.location-text{color:inherit;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.location-map-preview{border-radius:6px;width:100%;max-height:150px;overflow:hidden;box-shadow:0 2px 8px #00000026}.location-link{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.location-link:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.location-link:active{transform:translateY(0)}.location-modal{max-width:350px;animation:.3s cubic-bezier(.4,0,.2,1) location-modal-appear}@keyframes location-modal-appear{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.location-modal-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:280px;padding:25px 20px;display:flex}.location-modal-icon{font-size:3rem;animation:2s ease-in-out infinite location-icon-pulse}@keyframes location-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.location-modal-text{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.4}.location-modal-subtext{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.location-modal-actions{gap:12px;width:100%;margin-top:8px;display:flex}.location-modal-button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative}.location-modal-button.cancel-button{background:var(--bg-hover);color:var(--text-primary);border:2px solid var(--border-primary)}.location-modal-button.cancel-button:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.location-modal-button.share-button{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.location-modal-button.share-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.location-modal-button:active:not(:disabled){transform:translateY(0)}.location-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.location-modal{max-width:90%}.location-message{max-width:100%}.location-modal-body{gap:12px;min-height:240px;padding:20px 15px}.location-modal-icon{font-size:2.5rem}.location-modal-text{font-size:.95rem}.location-modal-subtext{font-size:.8rem}.location-modal-actions{flex-direction:column;gap:10px}.location-modal-button{width:100%;padding:10px 18px}}.message-input{border:2px solid var(--border-input);background:var(--bg-tertiary);min-width:0;color:var(--text-primary);border-radius:25px;flex:1;max-width:100%;margin-left:0;padding:12px 20px;font-size:1rem;transition:border-color .3s,background-color .3s,color .3s}.message-input:focus{border-color:var(--border-focus);outline:none}.message-input:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.6}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-weight:600;transition:all .3s}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.sidebar{z-index:999;width:280px;min-width:280px;max-width:280px;height:100vh;box-shadow:var(--shadow-xl);transition:left .3s,background-color .3s,border-color .3s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.sidebar-overlay{display:block}.mobile-menu-button{display:flex}}@media (max-width:768px){.home-header{padding:15px 20px}.header-left h1{font-size:1.2rem}.feature-cards{grid-template-columns:1fr}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);width:90%;max-width:500px;max-height:80vh;max-height:80dvh;box-shadow:var(--shadow-xl);border-radius:15px;flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-start;padding:20px 25px;display:flex}.modal-header-left{flex:1}.modal-title-row{align-items:center;gap:15px;margin-bottom:8px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.3rem}.esc-hint{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:3px 8px;font-family:Courier New,monospace;font-size:.7rem;font-weight:500}.keyboard-hints{flex-wrap:wrap;gap:10px;display:flex}.keyboard-hints .hint{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:3px 8px;font-family:Courier New,monospace;font-size:.7rem;font-weight:500}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0 0 3px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-active);color:#fff}.modal-close:focus,.modal-close:active{outline:none}.modal-filters{border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:12px;margin-top:12px;padding:15px 25px;transition:background-color .3s,border-color .3s}.filter-row{align-items:center;gap:10px;display:flex}.search-input{border:2px solid var(--border-input);background:var(--bg-secondary);min-width:0;max-width:100%;color:var(--text-primary);text-overflow:ellipsis;border-radius:8px;flex:1;padding:10px 16px;font-size:.95rem;transition:border-color .3s,background-color .3s,color .3s;overflow:hidden}.search-input:focus{border-color:var(--border-focus);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.filter-toggle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.filter-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.filter-options{border-top:1px solid var(--border-primary);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;animation:.2s slideDown;display:flex}.filter-checkbox{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;font-size:.9rem;transition:color .2s;display:flex}.filter-checkbox:hover{color:var(--border-focus)}.filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.filter-checkbox span{-webkit-user-select:none;user-select:none}.filter-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clear-filters-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.age-filter,.gender-filter{flex-direction:column;gap:8px;display:flex}.gender-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label{color:var(--text-primary);margin-bottom:0;font-size:.85rem;font-weight:600}.age-slider-container{flex-direction:column;gap:8px;padding:5px 0;display:flex}.age-slider{background:var(--bg-hover);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.age-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 4px #0003}.age-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.age-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 4px #0003}.age-slider::-moz-range-thumb:hover{transform:scale(1.2)}.gender-options{flex-wrap:wrap;gap:15px;display:flex}.modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px 25px;overflow:hidden auto}.user-list{flex-direction:column;gap:10px;display:flex}.user-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.user-item:hover{background:var(--bg-hover)}.user-item.keyboard-selected{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:2px solid #667eea;animation:.3s keyboard-highlight;box-shadow:0 0 0 3px #667eea1a}@keyframes keyboard-highlight{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(1)}}.user-item .user-avatar{flex-shrink:0;width:40px;height:40px;font-size:1rem}.user-item.no-picture{padding-left:12px}.user-item .user-details{flex-direction:column;flex:1;gap:2px;display:flex;overflow:visible}.user-line-1{align-items:center;gap:6px;display:flex}.user-item .user-name{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}.user-item .user-name.male{color:#3b82f6;font-weight:700}.user-item .user-name.female{color:#ef4444;font-weight:700}.user-line-2{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.user-demographics{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:500}.user-item .user-status{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:flex}.status-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.online{background:#10b981;box-shadow:0 0 6px #10b98180}.status-dot.offline{background:#9ca3af}@media (max-width:768px){.message-content{max-width:75%}}.dnd-toggle{background:var(--surface-secondary);cursor:pointer;width:40px;height:40px;box-shadow:0 2px 8px var(--shadow-color);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin-right:.5rem;font-size:1.2rem;transition:all .3s;display:flex}.dnd-toggle:focus,.dnd-toggle:active{outline:none}.dnd-toggle:hover{box-shadow:0 4px 12px var(--shadow-color);transform:scale(1.05)}.dnd-toggle.active{background:var(--accent-color);color:#fff}.theme-toggle{background:var(--surface-secondary);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border:none;border-radius:20px;margin-right:1rem;padding:4px;transition:all .3s}.theme-toggle:focus{outline:none}.toggle-track{background:var(--bg-hover);border:2px solid var(--border-primary);border-radius:30px;width:60px;height:30px;transition:background-color .3s;position:relative}.toggle-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.toggle-thumb.light{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);left:2px}.toggle-thumb.dark{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);left:calc(100% - 28px)}.theme-toggle:hover .toggle-track{background:var(--bg-active);border-color:#667eea}.theme-toggle:hover .toggle-thumb{transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #667eea66}@media (max-width:768px){.message-content{max-width:75%}.theme-toggle{order:-1}}.sidebar-overlay{z-index:998;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@media (max-width:768px){.header-left h1{font-size:1.3rem}.header-right{gap:12px}.user-info .user-details{display:none}.logout-button{padding:8px 16px;font-size:.9rem}}@media (max-width:640px){.message-content{max-width:85%}.modal-content{width:95%;max-width:95vw;max-height:85vh;max-height:85dvh}.messages-container{touch-action:pan-y;overscroll-behavior-y:contain;padding:12px}.message-input-container{min-height:66px;max-height:66px;padding:8px}.profile-modal{max-width:95vw}.profile-modal-body{gap:16px;padding:15px 18px}.profile-picture-section{gap:10px}.profile-picture-preview{width:100px;height:100px;font-size:2.5rem}.hover-icon{font-size:1.5rem}.hover-text{font-size:.75rem}.picture-hint{font-size:.7rem}.gender-toggle-container{gap:10px}.gender-toggle-button{gap:8px;padding:12px 16px}.gender-icon{font-size:1.3rem}.gender-label{font-size:.9rem}.profile-form-section{gap:14px}.form-group{gap:6px}.form-group label{font-size:.85rem}.age-select{padding:9px 14px;font-size:.9rem}.radio-group{gap:16px}.radio-label{font-size:.9rem}.update-profile-button{margin-top:4px;padding:11px 20px;font-size:.95rem}.password-change-section{gap:14px;margin-top:16px;padding-top:16px}.toggle-password-change-button{padding:11px 18px;font-size:.9rem}.password-change-form{gap:12px;padding:14px}.password-message{padding:10px 14px;font-size:.85rem}.password-change-form .form-group input{padding:9px 14px;font-size:.9rem}.change-password-button{margin-top:2px;padding:11px 20px;font-size:.95rem}.new-chat-hint,.esc-hint,.keyboard-hints{display:none!important}.new-chat-button{border-radius:50%;justify-content:center;width:38px;min-width:38px;height:38px;padding:0}.chat-icon{margin:0}.toggle-track{width:50px;height:26px}.toggle-thumb{width:22px;height:22px;font-size:.75rem}.toggle-thumb.dark{left:calc(100% - 24px)}.header-left h1{letter-spacing:-.3px;font-size:.95rem}.home-header{padding:10px 12px}.chat-header{padding:12px 15px}.chat-title{flex-wrap:wrap}.chat-title h2{letter-spacing:-.3px;font-size:1.05rem}.chat-description{letter-spacing:-.2px;font-size:.75rem}.call-buttons{gap:8px;margin-left:8px}.call-action-button{width:38px;height:38px;font-size:1.2rem}.messages-container{overscroll-behavior:contain;touch-action:pan-y;padding:12px 8px}.message-text{letter-spacing:-.2px;padding:8px 12px;font-size:.85rem;line-height:1.35}.message-header{gap:5px;font-size:.75rem}.message-time{font-size:.65rem}.message-input-container{gap:4px;min-height:70px;max-height:70px;padding:8px 6px}.input-action-button{background:var(--bg-tertiary);border:2px solid var(--border-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:58px;margin-left:2px;margin-right:4px;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.input-action-button:first-child{margin-left:2px}.input-action-button+.input-action-button{margin-left:5px}.input-action-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:scale(1.1);box-shadow:0 4px 15px #667eea66}.input-action-button:active:not(:disabled){transform:scale(.95)}.input-action-button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{letter-spacing:-.2px;font-size:.75rem}.logout-button{border-radius:6px;padding:6px 12px;font-size:.8rem}.theme-toggle{margin-right:0}}.call-buttons{gap:12px;margin-left:12px;display:flex}.call-action-button{cursor:pointer;-webkit-tap-highlight-color:transparent;width:50px;height:50px;transform-style:preserve-3d;perspective:1000px;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:visible}.call-action-button:before{content:"";opacity:0;z-index:-1;filter:blur(12px);border-radius:50%;transition:opacity .5s;animation:3s linear infinite rotate-hue;position:absolute;inset:-4px}@keyframes rotate-hue{0%,to{filter:blur(12px)hue-rotate()}50%{filter:blur(16px)hue-rotate(20deg)}}.call-action-button:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff4d 0%,#fff0 60%);border-radius:50%;transition:opacity .5s;position:absolute;inset:0}.voice-call-button{background:linear-gradient(145deg,#10b981 0%,#059669 50%,#047857 100%);animation:3s ease-in-out infinite call-button-idle-green;box-shadow:0 5px 15px #10b98166,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}@keyframes call-button-idle-green{0%,to{box-shadow:0 5px 15px #10b98166,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}50%{box-shadow:0 6px 20px #10b98180,0 0 25px #10b98133,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}}.voice-call-button:before{background:radial-gradient(circle,#10b981 0%,#059669 100%)}.voice-call-button:hover{animation:.8s ease-in-out infinite voice-hover-pulse;transform:translateY(-5px)scale(1.15)rotate(5deg);box-shadow:0 12px 35px #10b98199,0 0 40px #10b98166,inset 0 3px 6px #fff6,inset 0 -3px 6px #0003}@keyframes voice-hover-pulse{0%,to{transform:translateY(-5px)scale(1.15)rotate(5deg)}50%{transform:translateY(-6px)scale(1.18)rotate(5deg)}}.voice-call-button:hover:before{opacity:.8;animation:2s linear infinite rotate-glow}@keyframes rotate-glow{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.voice-call-button:hover:after{opacity:1;animation:1.5s ease-in-out infinite shine-sweep}@keyframes shine-sweep{0%,to{opacity:0;transform:translate(-100%)rotate(45deg)}50%{opacity:1;transform:translate(100%)rotate(45deg)}}.video-call-button{background:linear-gradient(145deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);animation:3s ease-in-out .3s infinite call-button-idle-blue;box-shadow:0 5px 15px #3b82f666,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}@keyframes call-button-idle-blue{0%,to{box-shadow:0 5px 15px #3b82f666,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}50%{box-shadow:0 6px 20px #3b82f680,0 0 25px #3b82f633,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003}}.video-call-button:before{background:radial-gradient(circle,#3b82f6 0%,#2563eb 100%)}.video-call-button:hover{animation:.8s ease-in-out infinite video-hover-pulse;transform:translateY(-5px)scale(1.15)rotate(-5deg);box-shadow:0 12px 35px #3b82f699,0 0 40px #3b82f666,inset 0 3px 6px #fff6,inset 0 -3px 6px #0003}@keyframes video-hover-pulse{0%,to{transform:translateY(-5px)scale(1.15)rotate(-5deg)}50%{transform:translateY(-6px)scale(1.18)rotate(-5deg)}}.video-call-button:hover:before{opacity:.8;animation:2s linear infinite reverse rotate-glow}.video-call-button:hover:after{opacity:1;animation:1.5s ease-in-out .5s infinite shine-sweep}.call-action-button:active{transition:all .1s;animation:none;transform:translateY(-2px)scale(1.05)}.call-action-button:active:before{opacity:1;filter:blur(20px)}.incoming-call-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;animation:.4s cubic-bezier(.4,0,.2,1) overlay-fade-in}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.incoming-call-modal{background:var(--bg-secondary);border:2px solid var(--border-primary);max-width:420px;animation:.6s cubic-bezier(.34,1.56,.64,1) modal-slide-bounce;position:relative;overflow:visible;box-shadow:0 25px 70px #0009,0 0 80px #667eea26,inset 0 1px #ffffff1a}@keyframes modal-slide-bounce{0%{opacity:0;transform:scale(.7)translateY(-50px)rotate(-2deg)}50%{transform:scale(1.03)translateY(5px)rotate(1deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.incoming-call-modal:before{content:"";z-index:-1;filter:blur(20px);opacity:0;background:linear-gradient(135deg,#667eea4d 0%,#764ba24d 50%,#10b9814d 100%);border-radius:17px;animation:3s ease-in-out infinite glow-shimmer;position:absolute;inset:-2px}@keyframes glow-shimmer{0%,to{opacity:.4;filter:blur(20px)hue-rotate()}50%{opacity:.7;filter:blur(25px)hue-rotate(30deg)}}.incoming-call-content{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:45px 35px;display:flex;position:relative}.incoming-call-avatar{color:#fff;width:140px;height:140px;transform-style:preserve-3d;background:linear-gradient(145deg,#667eea 0%,#764ba2 50%,#5a67d8 100%);border:3px solid #ffffff1a;border-radius:28px;justify-content:center;align-items:center;font-size:3.5rem;font-weight:800;animation:2.5s cubic-bezier(.4,0,.6,1) infinite avatar-ring-pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea66,0 0 #667eeab3,inset 0 2px 8px #fff3}@keyframes avatar-ring-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #667eea66,0 0 #667eeab3,inset 0 2px 8px #fff3}25%{box-shadow:0 10px 40px #667eea80,0 0 0 15px #667eea33,0 0 0 30px #667eea00,inset 0 2px 8px #fff3}50%{transform:scale(1.02);box-shadow:0 12px 48px #764ba299,0 0 0 20px #764ba226,0 0 0 40px #764ba200,inset 0 2px 8px #fff3}75%{box-shadow:0 10px 40px #667eea80,0 0 0 15px #667eea33,0 0 0 30px #667eea00,inset 0 2px 8px #fff3}}.incoming-call-avatar:before{content:"";z-index:-1;filter:blur(15px);opacity:.8;background:linear-gradient(135deg,#667eea66 0%,#764ba266 50%,#5a67d866 100%);border-radius:30px;animation:4s linear infinite avatar-glow-rotate;position:absolute;inset:-5px}@keyframes avatar-glow-rotate{0%,to{filter:blur(15px)hue-rotate();opacity:.8}50%{filter:blur(20px)hue-rotate(20deg);opacity:1}}.incoming-call-avatar img{object-fit:cover;border-radius:25px;width:100%;height:100%}.incoming-call-avatar span{text-shadow:0 3px 8px #0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.incoming-call-name{color:var(--text-primary);letter-spacing:-.8px;text-shadow:0 2px 4px #0000001a;margin:0;font-size:1.75rem;font-weight:800;animation:.8s .3s both name-fade-in}@keyframes name-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.incoming-call-type{background:linear-gradient(135deg,var(--bg-hover)0%,var(--bg-tertiary)100%);border:1px solid var(--border-primary);border-radius:25px;align-items:center;gap:10px;padding:12px 24px;animation:.8s .5s both type-fade-in;display:flex;box-shadow:0 4px 15px #00000026,inset 0 1px #ffffff1a}@keyframes type-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.call-type-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.5rem;animation:1.5s ease-in-out infinite icon-bounce}@keyframes icon-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.05)}}.call-type-text{color:var(--text-primary);letter-spacing:.3px;font-size:1.15rem;font-weight:700}.incoming-call-actions{gap:30px;margin-top:20px;animation:.8s .7s both actions-fade-in;display:flex}@keyframes actions-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.decline-button,.accept-button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 6px 25px #0000004d,inset 0 2px 6px #fff3}.button-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2.5rem;font-weight:900;line-height:1;animation:2s ease-in-out infinite icon-breathe}@keyframes icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.decline-button{background:linear-gradient(145deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);animation:2s ease-in-out infinite decline-idle}@keyframes decline-idle{0%,to{box-shadow:0 6px 25px #ef444466,inset 0 2px 6px #fff3}50%{box-shadow:0 8px 30px #ef444480,0 0 35px #ef444433,inset 0 2px 6px #fff3}}.decline-button:before{content:"";z-index:-1;filter:blur(12px);opacity:0;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;transition:all .4s;position:absolute;inset:-4px}.decline-button:hover{animation:.5s ease-in-out infinite decline-hover-shake;transform:translateY(-5px)scale(1.12)rotate(-5deg);box-shadow:0 12px 40px #ef444499,0 0 50px #ef44444d,inset 0 2px 6px #ffffff4d}@keyframes decline-hover-shake{0%,to{transform:translateY(-5px)scale(1.12)rotate(-5deg)}50%{transform:translateY(-6px)scale(1.14)rotate(-6deg)}}.decline-button:hover:before{opacity:.7;animation:1s linear infinite rotate-glow-fast}@keyframes rotate-glow-fast{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.1)}}.decline-button:active{transition:all .1s;transform:translateY(-2px)scale(1.06)}.accept-button{background:linear-gradient(145deg,#10b981 0%,#059669 50%,#047857 100%);animation:2s ease-in-out .5s infinite accept-idle}@keyframes accept-idle{0%,to{box-shadow:0 6px 25px #10b98166,inset 0 2px 6px #fff3}50%{box-shadow:0 8px 30px #10b98180,0 0 35px #10b98133,inset 0 2px 6px #fff3}}.accept-button:before{content:"";z-index:-1;filter:blur(12px);opacity:0;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;transition:all .4s;position:absolute;inset:-4px}.accept-button:hover{animation:.6s ease-in-out infinite accept-hover-pulse;transform:translateY(-5px)scale(1.12)rotate(5deg);box-shadow:0 12px 40px #10b98199,0 0 50px #10b9814d,inset 0 2px 6px #ffffff4d}@keyframes accept-hover-pulse{0%,to{transform:translateY(-5px)scale(1.12)rotate(5deg)}50%{transform:translateY(-6px)scale(1.15)rotate(6deg)}}.accept-button:hover:before{opacity:.7;animation:1s linear infinite reverse rotate-glow-fast}.accept-button:active{transition:all .1s;transform:translateY(-2px)scale(1.06)}.call-overlay{z-index:2000;background:#000000f2;position:fixed;inset:0}@media (max-width:480px){.header-left h1{letter-spacing:-.4px;font-size:.9rem}.mobile-menu-button{width:22px;height:22px}.hamburger-line{height:2px}.user-avatar{width:35px;height:35px;font-size:.9rem}.message-avatar{width:32px;height:32px;font-size:.85rem}.theme-toggle{transform:scale(.85)}.sidebar{width:250px}.chat-title h2{font-size:.95rem}.message-text{padding:7px 10px;font-size:.8rem}.message-header{font-size:.7rem}.message-time{font-size:.6rem}.call-buttons{gap:6px}.call-action-button{width:36px;height:36px;font-size:1.1rem}.incoming-call-modal{max-width:300px}.incoming-call-avatar{width:80px;height:80px;font-size:2rem}.decline-button,.accept-button{width:50px;height:50px;font-size:1.3rem}}@media (max-width:450px){.profile-modal{max-width:96vw}.profile-modal-body{gap:14px;padding:12px 15px}.profile-picture-section{gap:8px}.profile-picture-preview{width:90px;height:90px;font-size:2.2rem}.hover-icon{font-size:1.3rem}.hover-text{font-size:.7rem}.picture-hint{font-size:.65rem}.gender-toggle-container{gap:8px}.gender-toggle-button{gap:6px;padding:10px 14px}.gender-icon{font-size:1.2rem}.gender-label{font-size:.85rem}.profile-form-section{gap:12px}.form-group{gap:5px}.form-group label{font-size:.8rem}.age-select{padding:8px 12px;font-size:.85rem}.update-profile-button{margin-top:2px;padding:10px 18px;font-size:.9rem}.password-change-section{gap:12px;margin-top:14px;padding-top:14px}.toggle-password-change-button{padding:10px 16px;font-size:.85rem}.password-change-form{gap:10px;padding:12px}.password-message{padding:9px 12px;font-size:.8rem}.password-change-form .form-group input{padding:8px 12px;font-size:.85rem}.change-password-button{margin-top:0;padding:10px 18px;font-size:.9rem}.home-header{padding:8px}.header-left{gap:8px}.header-left h1{letter-spacing:-.5px;font-size:.8rem}.header-right{gap:8px}.mobile-menu-button{width:20px;height:20px}.user-avatar{width:30px;height:30px;font-size:.8rem}.logout-button{border-radius:6px;padding:5px 10px;font-size:.75rem}.theme-toggle{transform:scale(.75)}.new-chat-button{width:34px;min-width:34px;height:34px}.chat-header{flex-wrap:nowrap;padding:10px 8px}.chat-title{flex:1;gap:8px;min-width:0;overflow:hidden}.chat-title .user-avatar{flex-shrink:0;width:36px;height:36px}.chat-title h2{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.chat-description{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.call-buttons{flex-shrink:0;gap:4px;margin-left:4px}.call-action-button{width:30px;height:30px;font-size:.95rem}.messages-container{overscroll-behavior:contain;touch-action:pan-y;padding:10px 6px}.message{gap:8px}.message-avatar{width:28px;height:28px;font-size:.75rem}.message-content{max-width:80%}.message-text{padding:6px 8px;font-size:.75rem;line-height:1.3}.message-header{gap:4px;font-size:.65rem}.message-sender{font-size:.65rem}.message-time{font-size:.55rem}.message-input-container{flex-wrap:nowrap;gap:3px;min-height:66px;max-height:66px;padding:6px 4px}.input-action-button{flex-shrink:0;width:34px;height:56px;margin-left:1px;margin-right:2px;font-size:1rem}.input-action-button:first-child{margin-left:1px}.input-action-button+.input-action-button{margin-left:3px}.message-input{border-radius:20px;flex:1;min-width:0;padding:8px 12px;font-size:.85rem}.send-button{border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:.85rem}.typing-indicator{padding:8px 0;font-size:.7rem}.sidebar{width:85%;max-width:280px}.sidebar-section{padding:15px}.room-item{padding:10px}.private-chat-avatar{width:32px;min-width:32px;height:32px;min-height:32px;font-size:.85rem}.private-chat-name{font-size:.85rem}.private-chat-preview{font-size:.7rem}.modal-content{width:96%;max-width:96vw}.modal-header{padding:15px 12px}.modal-filters{padding:12px}.modal-header h2{font-size:1.1rem}.modal-body{padding:15px}.scroll-to-bottom-button{width:38px;height:38px;font-size:1.2rem;bottom:80px;right:10px}.emoji-picker-container{transform-origin:0 100%;bottom:70px;left:45px;transform:scale(.85)}.app-footer{padding:4px 8px}.footer-copyright{font-size:.6rem}}.app-header{display:none}.wind-effect{background:linear-gradient(90deg,#0000 0%,#667eea08 25%,#764ba20d 50%,#667eea08 75%,#0000 100%);width:100%;height:100%;position:relative;overflow:hidden}.wind-layer{opacity:.6;background:linear-gradient(90deg,#0000 0%,#667eea1a 25%,#764ba226 50%,#667eea1a 75%,#0000 100%);width:200%;height:100%;animation:8s ease-in-out infinite wind-flow;position:absolute;top:0;left:-100%}.wind-layer:first-child{background:linear-gradient(90deg,#0000 0%,#667eea14 30%,#9333ea1f 50%,#667eea14 70%,#0000 100%);animation-duration:12s;animation-delay:0s}.wind-layer:nth-child(2){background:linear-gradient(90deg,#0000 0%,#3b82f60f 25%,#764ba21a 50%,#3b82f60f 75%,#0000 100%);animation-duration:9s;animation-delay:2s}.wind-layer:nth-child(3){background:linear-gradient(90deg,#0000 0%,#10b9810d 20%,#667eea14 50%,#10b9810d 80%,#0000 100%);animation-duration:15s;animation-delay:4s}@keyframes wind-flow{0%{opacity:0;left:-100%;transform:translateY(0)scaleY(1)}10%{opacity:.6}50%{transform:translateY(-3px)scaleY(1.05)}90%{opacity:.6}to{opacity:0;left:100%;transform:translateY(0)scaleY(1)}}.wind-effect:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff05 50%,#0000 100%);animation:4s ease-in-out infinite shimmer-pulse;position:absolute;inset:0}@keyframes shimmer-pulse{0%,to{opacity:.3;transform:translate(-100%)}50%{opacity:.8;transform:translate(100%)}}:root[data-theme=dark] .wind-layer{opacity:.8;background:linear-gradient(90deg,#0000 0%,#667eea26 25%,#764ba233 50%,#667eea26 75%,#0000 100%)}:root[data-theme=dark] .wind-layer:first-child{background:linear-gradient(90deg,#0000 0%,#667eea1f 30%,#9333ea2e 50%,#667eea1f 70%,#0000 100%)}:root[data-theme=dark] .wind-layer:nth-child(2){background:linear-gradient(90deg,#0000 0%,#3b82f61a 25%,#764ba226 50%,#3b82f61a 75%,#0000 100%)}:root[data-theme=dark] .wind-layer:nth-child(3){background:linear-gradient(90deg,#0000 0%,#10b98114 20%,#667eea1f 50%,#10b98114 80%,#0000 100%)}:root[data-theme=dark] .wind-effect:before{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%)}.app-footer,.app-footer.hidden{display:none}.footer-copyright{color:var(--text-tertiary);text-align:center;margin:0;font-size:.75rem;font-weight:400}@media (max-width:768px){.app-footer{padding:6px 15px}.footer-copyright{font-size:.7rem}}@media (max-width:480px){.app-footer{padding:5px 10px}.footer-copyright{font-size:.65rem}}.scroll-to-bottom-button{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s scroll-button-appear,2s ease-in-out infinite scroll-button-pulse;display:flex;position:absolute;bottom:80px;right:50px;box-shadow:0 4px 15px #667eea66}@keyframes scroll-button-appear{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scroll-button-pulse{0%,to{box-shadow:0 4px 15px #667eea66}50%{box-shadow:0 6px 25px #667eea99,0 0 30px #667eea4d}}.scroll-to-bottom-button:hover{animation:.3s scroll-button-appear;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 30px #667eea99}.scroll-to-bottom-button:active{transform:translateY(-1px)scale(1.05)}@media (max-width:768px){.scroll-to-bottom-button{width:40px;height:40px;font-size:1.3rem;bottom:80px;right:25px}}.rate-limit-warning{color:#fff;z-index:1001;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;animation:3s ease-in-out forwards rate-limit-slide-fade;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #ef444480}.rate-limit-warning:before{content:"⚠️";font-size:1.2rem;animation:.5s ease-in-out 6 warning-flash}@keyframes warning-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes rate-limit-slide-fade{0%{opacity:0;transform:translate(-50%)translateY(20px)}10%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.message-input-container.rate-limit-flash{animation:.5s ease-in-out 3 input-flash}@keyframes input-flash{0%,to{background:var(--bg-secondary)}50%{background:#ef44441a;border-color:#ef4444}}@media (max-width:768px){.rate-limit-warning{max-width:90%;padding:10px 20px;font-size:.85rem;bottom:75px}}@media (max-width:480px){.rate-limit-warning{max-width:85%;padding:8px 16px;font-size:.8rem;bottom:72px}.rate-limit-warning:before{font-size:1rem}}.maintenance-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}[data-theme=dark] .maintenance-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.maintenance-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.maintenance-circles{width:100%;height:100%;position:relative}.circle{background:#ffffff1a;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.circle-1{width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.circle-2{width:200px;height:200px;animation-delay:2s;top:60%;right:15%}.circle-3{width:150px;height:150px;animation-delay:4s;bottom:20%;left:20%}.circle-4{width:250px;height:250px;animation-delay:6s;top:30%;right:30%}@keyframes float{0%,to{opacity:.3;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(30px,-30px)scale(1.1)}66%{opacity:.4;transform:translate(-20px,20px)scale(.9)}}.maintenance-content{z-index:1;text-align:center;width:100%;max-width:900px;animation:.8s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.maintenance-icon-container{margin-bottom:2rem;animation:1s ease-out bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.maintenance-icon{width:120px;height:120px;display:inline-block;position:relative}.gear{font-size:4rem;animation:4s linear infinite rotate;position:absolute}.gear-1{animation-direction:normal;top:0;left:0}.gear-2{animation-duration:3s;animation-direction:reverse;bottom:-20px;right:-20px}.maintenance-title{color:#fff;text-shadow:0 4px 20px #0000004d;margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.title-word{margin:0 .5rem;animation:.8s ease-out backwards fadeInWord;display:inline-block}.title-word:first-child{animation-delay:.2s}.title-word:nth-child(2){animation-delay:.4s}.title-word:nth-child(3){animation-delay:.6s}@keyframes fadeInWord{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-description{color:#ffffffe6;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6;animation:1s ease-out .8s backwards fadeIn}.maintenance-info-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;animation:1s ease-out 1s backwards fadeIn;display:grid}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000001a}.info-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 12px 40px #0003}.card-icon{flex-shrink:0;font-size:2.5rem;animation:2s ease-in-out infinite pulse}.card-content{text-align:left;flex:1}.card-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.card-value{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3}.time-value{letter-spacing:1px;font-family:Courier New,monospace}.maintenance-status{margin-bottom:3rem;animation:1s ease-out 1.2s backwards fadeIn}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:inline-flex}.status-dot{background:#fbbf24;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite blink;box-shadow:0 0 10px #fbbf24}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-text{color:#fff;font-size:1rem;font-weight:600}.maintenance-footer{border-top:1px solid #fff3;margin-top:4rem;padding-top:2rem;animation:1s ease-out 1.4s backwards fadeIn}.footer-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.logo-icon{font-size:2rem}.logo-text{color:#fff;letter-spacing:1px;font-size:1.5rem;font-weight:700}.footer-info{color:#fffc;font-size:.95rem}.footer-info p{margin:.5rem 0}.contact-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;margin-top:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.contact-link:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.maintenance-particles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;animation:7s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(1)}}@media (max-width:768px){.maintenance-container{padding:1rem}.maintenance-title{font-size:2.5rem}.title-word{margin:.25rem 0;display:block}.maintenance-description{margin-bottom:2rem;font-size:1rem}.maintenance-info-cards{grid-template-columns:1fr;gap:1rem}.info-card{padding:1.5rem}.card-icon{font-size:2rem}.maintenance-icon{width:100px;height:100px}.gear{font-size:3rem}.circle{display:none}}@media (max-width:480px){.maintenance-title{font-size:2rem}.maintenance-description{font-size:.9rem}.card-value{font-size:1.1rem}.footer-logo{flex-direction:column;gap:.5rem}}#root{width:100%;height:100vh;margin:0;padding:0}.loading-container{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-container p{margin-top:20px;font-size:1.2rem;font-weight:600}.App{width:100%}.App-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-size:calc(10px + 2vmin);display:flex;box-shadow:0 20px 60px #0000004d}h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:2rem;font-size:3rem}h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.status-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:400px;margin:2rem 0;padding:1.5rem}.status-indicator{justify-content:center;align-items:center;gap:10px;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.connected .status-dot{background-color:#10b981;box-shadow:0 0 20px #10b981}.disconnected .status-dot{background-color:#ef4444;animation:none;box-shadow:0 0 20px #ef4444}.server-status,.socket-id{background:#ffffff0d;border-radius:8px;margin:.5rem 0;padding:.5rem;font-size:.9rem}.info-box,.next-steps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;max-width:600px;margin:1rem 0;padding:2rem}.info-box ul,.next-steps ol{text-align:left;margin:1rem 0;padding-left:2rem;font-size:1rem;line-height:2}.info-box li,.next-steps li{margin:.5rem 0;animation:.5s ease-in fadeIn}.info-box li:first-child{animation-delay:.1s}.info-box li:nth-child(2){animation-delay:.2s}.info-box li:nth-child(3){animation-delay:.3s}.info-box li:nth-child(4){animation-delay:.4s}.info-box li:nth-child(5){animation-delay:.5s}strong{color:#fbbf24}@media (max-width:768px){.App-header{padding:1rem}h1{font-size:2rem}.status-container{width:100%;min-width:auto}.info-box,.next-steps{padding:1rem}}