@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#8b5cf6;--accent-color:#ec4899;--text-primary:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8;--bg-white:#fff;--bg-gray-50:#f8fafc;--bg-gray-100:#f1f5f9;--bg-gray-200:#e2e8f0;--border-color:#e2e8f0;--border-light:#f1f5f9;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.container-wide{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.navbar{background:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);margin:0;padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;min-height:48px;display:flex}.nav-brand a{color:var(--primary-color);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-menu{align-items:center;gap:.75rem;margin-right:.5rem;display:flex}.nav-menu>a:not(.btn-primary):not(.btn-secondary):not(.btn-outline){color:var(--text-secondary);transition:var(--transition);padding:.5rem 0;font-weight:500}.nav-menu .btn-secondary,.nav-menu .btn-primary{white-space:nowrap;justify-content:center;align-items:center;min-height:40px;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-toggle{cursor:pointer;color:var(--text-primary);font-size:1.5rem;display:none}.btn-primary,.btn-secondary,.btn-outline{text-align:center;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border-color);background:#fff;box-shadow:0 1px 2px #0000000d}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:0 0}.hero{padding:var(--spacing-xl)0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-text h1{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.25rem;line-height:1.6}.hero-cta{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.trust-indicators{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.trust-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;display:flex}.hero-image{width:100%;max-width:100%;position:relative;overflow:hidden}.hero-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);z-index:1;position:relative;overflow:hidden}.mock-interview-preview{aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));z-index:2;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.mock-interview-preview video{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);z-index:3;background:#000;width:100%;height:100%;display:block;position:relative}.mock-interview-preview:has(video){background:0 0}.mock-interview-preview p{margin-top:var(--spacing-sm);text-align:center;color:var(--text-secondary);padding:0 var(--spacing-sm);word-wrap:break-word;z-index:4;font-size:.875rem;line-height:1.4;position:relative}.video-placeholder{text-align:center;color:#fff;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-placeholder i{margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);font-size:4rem}.companies{padding:var(--spacing-xl)0;background:var(--bg-white);border-bottom:1px solid var(--border-color)}.companies-logos{justify-content:space-around;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.company-logo{color:var(--text-light);opacity:.7;transition:var(--transition);font-size:1.5rem;font-weight:700}.features{background:var(--bg-white);padding:5rem 0}.section-title{text-align:center;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.125rem}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-5px)}.feature-icon{background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:var(--radius-lg);width:60px;height:60px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.feature-icon i{color:#fff;font-size:1.75rem}.feature-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700}.popular-courses{background:var(--bg-gray-50);padding:5rem 0}.section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.view-all{color:var(--primary-color);transition:var(--transition);align-items:center;gap:.5rem;font-weight:600;display:flex}.courses-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.course-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);overflow:hidden}.course-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.course-image{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));height:200px;position:relative}.course-badge{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--bg-white);border-radius:var(--radius-md);color:var(--primary-color);padding:.375rem .75rem;font-size:.875rem;font-weight:600;position:absolute}.course-category{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.course-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700}.course-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex}.course-stats span{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.course-footer{justify-content:space-between;align-items:center;display:flex}.course-rating{color:var(--text-secondary);align-items:center;gap:.375rem;font-weight:500;display:flex}.course-price{color:var(--text-primary);font-size:1.5rem;font-weight:700}.testimonials{background:var(--bg-white);padding:5rem 0}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.testimonial-rating{margin-bottom:var(--spacing-md);gap:.25rem;display:flex}.testimonial-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:1.0625rem;line-height:1.7}.testimonial-author{gap:var(--spacing-sm);align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex}.author-name{color:var(--text-primary);font-weight:600}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));text-align:center;padding:5rem 0}.cta-content h2{color:#fff;margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:800}.cta-content p{color:#ffffffe6;margin-bottom:var(--spacing-lg);font-size:1.125rem}.cta-content .btn-primary{color:var(--primary-color);background:#fff}.footer{background:var(--text-primary);color:var(--bg-gray-200);padding:var(--spacing-xl)0 var(--spacing-lg)}.footer-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{color:#fff;margin-bottom:var(--spacing-sm);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.footer-brand i{color:var(--primary-light);font-size:1.75rem}.footer-col h4{color:#fff;margin-bottom:var(--spacing-md);font-weight:600}.social-links{gap:var(--spacing-sm);display:flex}.social-links a{width:40px;height:40px;transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-bottom{padding-top:var(--spacing-lg);text-align:center;border-top:1px solid #ffffff1a}@media(max-width:968px){.hero-content{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.hero-image{max-width:100%}.hero-card{padding:var(--spacing-md)}.mock-interview-preview{max-width:100%}.features-grid,.courses-grid,.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-menu{background:var(--bg-white);padding:var(--spacing-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-menu.active{display:flex}.nav-menu .btn-secondary,.nav-menu .btn-primary{justify-content:center;width:100%;padding:.75rem 1.5rem}.nav-toggle{display:block}.hero-cta{flex-direction:column}.section-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}@media(max-width:640px){.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-card{padding:var(--spacing-sm)}.mock-interview-preview,.mock-interview-preview video{border-radius:var(--radius-md)}.trust-indicators{gap:var(--spacing-sm);flex-direction:column}.footer-grid{grid-template-columns:1fr}.companies-logos{flex-direction:column}}.auth-container{background:var(--bg-gray-50);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-wrapper{width:100%;max-width:1200px;margin:var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-wrapper.simple{grid-template-columns:1fr;max-width:500px}.auth-brand a{color:var(--primary-color);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.auth-content h1{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:800}.icon-circle{background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));width:80px;height:80px;margin:0 auto var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-circle i{color:#fff;font-size:2rem}.form-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:var(--transition);background:var(--bg-white);padding:.875rem 1rem;font-size:1rem}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-help{color:var(--text-secondary);margin-top:.375rem;font-size:.875rem;display:block}.form-options{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.checkbox-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.forgot-link{color:var(--primary-color);font-size:.9375rem;font-weight:500}.divider{text-align:center;margin:var(--spacing-lg)0;position:relative}.divider:before{content:"";background:var(--border-color);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:var(--bg-white);padding:0 var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;display:inline-block;position:relative}.social-auth{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.social-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;display:flex}.auth-right{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:var(--spacing-xl);justify-content:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.auth-testimonial{padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.auth-testimonial i{color:#fffc;margin-bottom:var(--spacing-sm);font-size:2rem}.auth-testimonial p{color:#fff;margin-bottom:var(--spacing-md);font-size:1.125rem;line-height:1.7}.auth-testimonial .testimonial-author{align-items:center;gap:var(--spacing-sm);display:flex}.auth-testimonial .author-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex}.auth-stats{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.stat-number{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:800}.auth-benefits{padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.auth-benefits h3{color:#fff;margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:700}.auth-benefits ul li{color:#fff;margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);display:flex}@media(max-width:968px){.auth-wrapper{margin:var(--spacing-sm);grid-template-columns:1fr}.auth-right{padding:var(--spacing-lg);order:-1}.auth-left{padding:var(--spacing-lg)}.auth-stats,.form-row,.social-auth{grid-template-columns:1fr}}@media(max-width:640px){.auth-content h1{font-size:1.5rem}.form-options{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-move{cursor:move}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gray-50)}.auth-wrapper{width:100%;max-width:1200px;margin:var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr 1fr}.auth-wrapper.simple{max-width:500px;grid-template-columns:1fr}.auth-left{padding:var(--spacing-xl)}.auth-left.full-width{width:100%}.auth-brand{margin-bottom:var(--spacing-xl)}.auth-brand a{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.auth-brand i{font-size:1.75rem}.auth-content h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.0625rem}.auth-content.centered{text-align:center;max-width:400px;margin:0 auto}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.icon-circle i{font-size:2rem;color:#fff}.auth-form{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--bg-white)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group input::-moz-placeholder{color:var(--text-light)}.form-group input::placeholder{color:var(--text-light)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-secondary);font-size:.9375rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label a{color:var(--primary-color);font-weight:500}.forgot-link{color:var(--primary-color);font-weight:500;font-size:.9375rem}.forgot-link:hover{text-decoration:underline}.divider{position:relative;text-align:center;margin:var(--spacing-lg) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span{position:relative;display:inline-block;background:var(--bg-white);padding:0 var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);font-weight:600;cursor:pointer;transition:var(--transition)}.social-btn:hover{background:var(--bg-gray-50);border-color:var(--text-light)}.google-btn i{color:#ea4335}.linkedin-btn i{color:#0077b5}.auth-footer{text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-footer i{margin-right:.375rem}.auth-right{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xl)}.auth-testimonial{background:#ffffff1a;padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-testimonial i{font-size:2rem;color:#fffc;margin-bottom:var(--spacing-sm)}.auth-testimonial p{color:#fff;font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-md)}.auth-testimonial .testimonial-author{display:flex;align-items:center;gap:var(--spacing-sm)}.auth-testimonial .author-avatar{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.auth-testimonial .author-name{color:#fff;font-weight:600}.auth-testimonial .author-title{color:#fffc;font-size:.875rem}.auth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-item{text-align:center;padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem}.stat-label{color:#fffc;font-size:.875rem}.auth-benefits{background:#ffffff1a;padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-benefits h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md)}.auth-benefits ul{list-style:none}.auth-benefits ul li{color:#fff;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.auth-benefits ul li i{color:#ffffffe6;font-size:1.125rem}@media(max-width:968px){.auth-wrapper{grid-template-columns:1fr;margin:var(--spacing-sm)}.auth-right{order:-1;padding:var(--spacing-lg)}.auth-left{padding:var(--spacing-lg)}.auth-stats,.form-row,.social-auth{grid-template-columns:1fr}}@media(max-width:640px){.auth-content h1{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.excalidraw .ToolIcon{border-radius:var(--border-radius-lg);display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.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.disabled{cursor:default;opacity:.5}.excalidraw .ToolIcon--plain{background-color:transparent}.excalidraw .ToolIcon--plain .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ToolIcon_type_radio,.excalidraw .ToolIcon_type_checkbox{position:absolute;opacity:0;pointer-events:none}.excalidraw .ToolIcon__icon{box-sizing:border-box;width:var(--default-button-size);height:var(--default-button-size);color:var(--icon-fill-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg)}.excalidraw .ToolIcon__icon+.ToolIcon__label{-webkit-margin-start:0;margin-inline-start:0}.excalidraw .ToolIcon__icon svg{position:relative;width:var(--default-icon-size);height:var(--default-icon-size);color:var(--icon-fill-color)}.excalidraw .ToolIcon__label{display:flex;align-items:center;color:var(--icon-fill-color);font-family:var(--ui-font);margin:0 .8em;text-overflow:ellipsis}.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{padding:0;border:none;margin:0;font-size:inherit;background-color:initial}.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;border:none;box-shadow: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:transparent}.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{position:absolute;bottom:2px;right:3px;font-size:.625rem;color:var(--keybinding-color);font-family:var(--ui-font);-webkit-user-select:none;user-select:none}: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 .Spinner{display:flex;align-items:center;justify-content:center;height:100%;margin-left:auto;margin-right:auto;--spinner-color: var(--icon-fill-color)}.excalidraw .Spinner svg{animation:rotate 1.6s linear infinite;animation-delay:var(--spinner-delay);transform-origin:center center}.excalidraw .Spinner circle{stroke:var(--spinner-color);animation:dash 1.6s linear 0s infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:150,300;stroke-dashoffset:-200}to{stroke-dasharray:1,300;stroke-dashoffset:-280}}.excalidraw button.standalone{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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);padding:0}.excalidraw button.standalone svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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{position:absolute;width:100%;height:100%;z-index:var(--zIndex-eyeDropperBackdrop);touch-action:none}.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;position:fixed;z-index:var(--zIndex-eyeDropperPreview);border-radius:1rem;border:1px solid var(--default-border-color);filter:var(--theme-filter)}.excalidraw .excalidraw-eye-dropper-trigger{width:1.25rem;height:1.25rem;cursor:pointer;padding:4px;margin-right:-4px;margin-left:-2px;border-radius:.5rem;color:var(--icon-fill-color)}.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));position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .Island.zen-mode{box-shadow:none}.excalidraw .focus-visible-none:focus-visible{outline:none!important}.excalidraw .color-picker__heading{padding:0 .5rem;font-size:.75rem;text-align:left}.excalidraw .color-picker-container{display:grid;grid-template-columns:1fr 20px 1.625rem;padding:.25rem 0px;align-items:center}.excalidraw--mobile.excalidraw .color-picker-container{max-width:11rem}.excalidraw .color-picker__top-picks{display:flex;justify-content:space-between;align-items:center}.excalidraw .color-picker__button{--radius: 4px;--size: 1.375rem;padding:0;margin:0;width:var(--size);height:var(--size);border:0;border-radius:var(--radius);filter:var(--theme-filter);background-color:var(--swatch-color);background-position:left center;position:relative;font-family:inherit;box-sizing:border-box}.excalidraw .color-picker__button.has-outline{box-shadow:inset 0 0 0 1px #d9d9d9}.excalidraw .color-picker__button:hover:not(.active):not(.color-picker__button--large){transform:scale(1.075)}.excalidraw .color-picker__button:hover:not(.active).color-picker__button--large:after{content:"";position:absolute;inset:-1px;box-shadow:0 0 0 1px var(--color-gray-30);border-radius:var(--radius);filter:var(--theme-filter)}.excalidraw .color-picker__button .color-picker__button-outline{display:flex;align-items:center;justify-content:center}.excalidraw .color-picker__button .color-picker__button-outline svg{color:var(--color-gray-60);width:1.25rem;height:1.25rem}.excalidraw .color-picker__button.active .color-picker__button-outline{position:absolute;--offset: -1px;top:var(--offset);left:var(--offset);right:var(--offset);bottom:var(--offset);box-shadow:0 0 0 1px var(--color-primary-darkest);z-index:1;border-radius:var(--radius);filter:var(--theme-filter)}.excalidraw .color-picker__button:focus-visible{outline:none}.excalidraw .color-picker__button:focus-visible:after{content:"";position:absolute;inset:-4px;border:3px solid var(--focus-highlight-color);border-radius:calc(var(--radius) + 1px)}.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{position:absolute;right:5px;bottom:3px;filter:none;font-size:11px;font-weight:500}.excalidraw .color-picker{background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:absolute}:root[dir=ltr] .excalidraw .color-picker{left:-5.5px}:root[dir=rtl] .excalidraw .color-picker{right:-5.5px}.excalidraw .color-picker-control-container{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem}.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{width:0;height:0;border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--popup-bg-color);position:absolute;top:10px}:root[dir=ltr] .excalidraw .color-picker-triangle{transform:rotate(270deg);left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle{transform:rotate(90deg);right:-14px}.excalidraw .color-picker-triangle-shadow{border-color:transparent transparent rgba(0,0,0,.1)}:root[dir=ltr] .excalidraw .color-picker-triangle-shadow{left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle-shadow{right:-16px}.excalidraw .color-picker-content{display:flex;flex-direction:column;gap:.75rem;outline:none}.excalidraw .color-picker-content--default{padding:.5rem;display:grid;grid-template-columns:repeat(5,1.875rem);grid-gap:.25rem;border-radius:4px}.excalidraw .color-picker-content--default:focus{outline:none;box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .color-picker-content--canvas{display:flex;flex-direction:column;padding:.25rem}.excalidraw .color-picker-content--canvas-title{color:#868e96;font-size:12px;padding:0 .25rem}.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{position:relative;height:1.875rem;width:1.875rem;cursor:pointer;border-radius:4px;margin:0;box-sizing:border-box;border:1px solid #ddd;background-color:currentColor!important;filter:var(--theme-filter)}.excalidraw .color-picker-swatch:focus{box-shadow:0 0 4px 1px currentColor;border-color:var(--select-highlight-color)}.excalidraw .color-picker-transparent{border-radius:4px;box-shadow:#0000001a 0 0 0 1px inset;position:absolute;inset:0}.excalidraw .color-picker-transparent,.excalidraw .color-picker-label-swatch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center}.excalidraw .color-picker-hash{height:var(--default-button-size);flex-shrink:0;padding:.5rem .5rem .5rem .75rem;border:1px solid var(--default-border-color);border-right:0;box-sizing:border-box;color:var(--input-label-color);display:flex;align-items:center;justify-content:center;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{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--default-border-color);border-radius:8px;padding:0 12px;margin:8px;box-sizing:border-box}.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%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:var(--default-button-size);border:1px solid var(--default-border-color);border-left:0;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;-webkit-appearance:none;appearance:none}: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{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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);background-color:var(--swatch-color)!important;overflow:hidden;position:relative;filter:var(--theme-filter);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:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--swatch-color)}.excalidraw .color-picker-keybinding{position:absolute;bottom:2px;font-size:.7em}: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{--list-border-color: var(--color-gray-20)}.excalidraw .QuickSearch__wrapper{position:relative;height:2.6rem;border-bottom:1px solid var(--list-border-color)}.excalidraw .QuickSearch__wrapper svg{position:absolute;top:47.5%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw.theme--dark{--list-border-color: var(--color-gray-80)}.excalidraw.theme--dark .QuickSearch__wrapper{border-bottom:none}.excalidraw .QuickSearch__input{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;border:0!important;font-size:.875rem;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{position:static!important;border:none;font-size:.875rem;overflow-y:auto}.excalidraw .ScrollableList__wrapper>.empty,.excalidraw .ScrollableList__wrapper>.hint{display:flex;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;color:var(--color-gray-60);overflow:hidden;text-align:center;line-height:150%}.excalidraw .FontPicker__container{display:grid;grid-template-columns:calc(1rem + 3 * var(--default-button-size)) 1rem 1fr;align-items:center}.excalidraw--mobile.excalidraw .FontPicker__container{max-width:calc(2rem + 4 * var(--default-button-size))}.excalidraw .picker{padding:.5rem;background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:var(--shadow-island);border-radius:4px;position:absolute}:root[dir=rtl] .excalidraw .picker{padding:.4rem}.excalidraw .picker-container button,.excalidraw .picker button{position:relative;display:flex;align-items:center;justify-content:center}.excalidraw .picker-container button:focus-visible,.excalidraw .picker button:focus-visible{outline:transparent;background-color:var(--button-gray-2)}.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{margin:0;width:36px;height:18px;pointer-events:none}.excalidraw .picker button{padding:.25rem .28rem .35rem .25rem}.excalidraw .picker-content{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.5rem;border-radius:4px}.excalidraw .picker-collapsible{font-size:.75rem;padding:.5rem 0}.excalidraw .picker-keybinding{position:absolute;bottom:2px;font-size:.7em;color:var(--keybinding-color)}: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{--slider-thumb-size: 16px}.excalidraw .range-wrapper{position:relative;padding-top:10px;padding-bottom:25px}.excalidraw .range-input{width:100%;height:4px;-webkit-appearance:none;background:var(--color-slider-track);border-radius:2px;outline:none}.excalidraw .range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .range-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .value-bubble{position:absolute;bottom:0;transform:translate(-50%);font-size:12px;color:var(--text-primary-color)}.excalidraw .zero-label{position:absolute;bottom:0;left:4px;font-size:12px;color:var(--text-primary-color)}.excalidraw-tooltip{--ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--ui-font);position:fixed;z-index:var(--zIndex-popup);padding:8px;border-radius:6px;box-sizing:border-box;pointer-events:none;word-wrap:break-word;background:#000;line-height:1.5;text-align:center;font-size:13px;font-weight:500;color:#fff;display:none}.excalidraw-tooltip.excalidraw-tooltip--visible{display:block}.excalidraw-tooltip-wrapper{display:flex}.excalidraw-tooltip-icon{width:.9em;height:.9em;margin-left:5px;margin-top:1px;display:flex}.excalidraw--mobile.excalidraw-tooltip-icon{display:none}.excalidraw .Checkbox{margin:4px .3em;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.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{display:block;opacity:.3}.excalidraw .Checkbox:active .Checkbox-box{box-shadow:0 0 2px 1px inset #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{width:22px;height:22px;padding:0;flex:0 0 auto;margin:0 1em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #1c7ed6;background-color:transparent;border-radius:4px;color:#1c7ed6;border:0}.excalidraw .Checkbox .Checkbox-box:focus{box-shadow:0 0 0 3px #1c7ed6}.excalidraw .Checkbox .Checkbox-box svg{display:none;width:16px;height:16px;stroke-width:3px}.excalidraw .Checkbox .Checkbox-label{display:flex;align-items:center}.excalidraw .Checkbox .excalidraw-tooltip-icon{width:1em;height:1em}.excalidraw .TextInput{display:inline-block}.ProjectName{margin:auto;display:flex;align-items:center}.ProjectName .TextInput{height:calc(1rem - 3px);width:200px;overflow:hidden;text-align:center;margin-left:8px;text-overflow:ellipsis}.ProjectName .TextInput--readonly{background:none;border:none;width:auto;max-width:200px;padding-left:2px}.ProjectName .TextInput--readonly:hover{background:none}.excalidraw .Avatar{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;font-weight:700;line-height:1;color:var(--color-gray-90);flex:0 0 auto}.excalidraw .Avatar:active{transform:scale(.94)}.excalidraw .Avatar-img{width:100%;height:100%;border-radius:100%}.excalidraw .Avatar:before{content:"";position:absolute;inset:-3px;border-radius:100%}.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{display:flex;align-items:center;justify-content:space-between;position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-hyperlinkContainer);background:var(--island-bg-color);border-radius:var(--border-radius-md);box-sizing:border-box;min-height:42px}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer button{z-index:100}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer-link{height:24px;padding:0 8px;line-height:24px;font-size:.9rem;font-weight:500;font-family:var(--ui-font)}.excalidraw-hyperlinkContainer-input{width:18rem;background-color:transparent;color:var(--text-primary-color);outline:none;border:none;box-shadow:none!important}.excalidraw-hyperlinkContainer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15rem}.excalidraw-hyperlinkContainer button{color:#228be6;background-color:transparent!important;font-weight:500}.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:0 0 auto}.excalidraw .ConvertElementTypePopup{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;border-radius:.5rem;background:var(--island-bg-color);box-shadow:var(--shadow-island);padding:.5rem}.excalidraw .ConvertElementTypePopup:focus{outline:none}.excalidraw .Dialog__action-button{position:relative;display:flex;column-gap:.5rem;align-items:center;padding:.5rem 1.5rem;border:1px solid var(--default-border-color);background-color:transparent;height:3rem;border-radius:var(--border-radius-lg);letter-spacing:.4px;color:inherit;font-family:inherit;font-size:.875rem;font-weight:600;-webkit-user-select:none;user-select:none}.excalidraw .Dialog__action-button svg{display:block;width:1rem;height:1rem}.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 .confirm-dialog-buttons{display:flex;column-gap:.5rem;justify-content:flex-end}.excalidraw .publish-library__fields{display:flex;flex-direction:column}.excalidraw .publish-library__fields label{padding:1em 0;display:flex;justify-content:space-between;align-items:center}.excalidraw .publish-library__fields label span{font-weight:500;font-size:1rem;color:#868e96}.excalidraw .publish-library__fields label input,.excalidraw .publish-library__fields label textarea{width:70%;padding:.6em;font-family:var(--ui-font)}.excalidraw .publish-library__fields label .required{color:#e03131;margin:.2rem}.excalidraw .publish-library__buttons{display:flex;padding:.2rem 0;justify-content:flex-end;gap:.5rem}.excalidraw .publish-library__buttons .ToolIcon__icon{min-width:2.5rem;width:auto;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{display:flex;flex-wrap:wrap}.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-style:italic;font-size:14px;display:block}.excalidraw .single-library-item{position:relative}.excalidraw .single-library-item-status{position:absolute;top:.3rem;left:.3rem;font-size:.7rem;color:#f03e3e;background:#ffffffe6;padding:.1rem .2rem;border-radius:.2rem}.excalidraw .single-library-item__svg{background-color:#fff;padding:.3rem;width:7.5rem;height:7.5rem;border:1px solid var(--button-gray-2)}.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;font-weight:700;font-size:1rem;margin:.2rem}.excalidraw .single-library-item .error{font-weight:500;margin:0;padding:.3em 0}.excalidraw .single-library-item--remove{position:absolute;top:.2rem;right:1rem}.excalidraw .single-library-item--remove .ToolIcon__icon{margin:0}.excalidraw .single-library-item--remove .ToolIcon__icon{background-color:#fa5252}.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;padding:.26rem;border-radius:.3em;width:1rem;height:1rem}.excalidraw .Stack{--gap: 0;display:grid;gap:calc(var(--space-factor) * var(--gap))}.excalidraw .Stack_vertical{grid-template-columns:auto;grid-auto-flow:row;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.excalidraw .Stack_horizontal{grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.excalidraw .dropdown-menu{position:absolute;top:100%;margin-top:.5rem}.excalidraw .dropdown-menu--mobile{left:0;width:100%;row-gap:.75rem}.excalidraw .dropdown-menu--mobile .dropdown-menu-container{padding:8px;box-sizing:border-box;box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode{box-shadow:none}.excalidraw .dropdown-menu .dropdown-menu-container{background-color:var(--island-bg-color);max-height:calc(100vh - 150px);overflow-y:auto;--gap: 2}.excalidraw .dropdown-menu .dropdown-menu-item-base{display:flex;column-gap:.625rem;font-size:.875rem;color:var(--color-on-surface);width:100%;box-sizing:border-box;font-weight:400;font-family:inherit}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item:hover{background-color:transparent}.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{margin-top:1rem;max-height:calc(7*(2rem + 2px) + 3.95rem)}@media screen and (min-width:1921px){.excalidraw .dropdown-menu.fonts{max-height:calc(7*(2.25rem + 2px) + 3.95rem)}}.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{font-size:.75rem;text-align:left;font-weight:400;margin:0 0 .5rem;line-height:1.3}.excalidraw .dropdown-menu .dropdown-menu-item{height:2rem;margin:1px;padding:0 .5rem;width:calc(100% - 2px);background-color:transparent;border:1px solid transparent;align-items:center;cursor:pointer;border-radius:var(--border-radius-md)}@media screen and (min-width:1921px){.excalidraw .dropdown-menu .dropdown-menu-item{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item__text{display:flex;align-items:center;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;gap:.75rem}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut{-webkit-margin-start:auto;margin-inline-start:auto;opacity:.5}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned{text-align:right;font-size:.875rem;padding:0 .625rem}.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{align-items:center;height:2rem;justify-content:space-between}@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{font-size:14px;text-align:left;margin:10px 0;font-weight:500}.excalidraw .dropdown-menu-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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)}.excalidraw .dropdown-menu-button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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{border:none;margin:0;padding:0;width:var(--default-button-size);height:var(--default-button-size)}.excalidraw .library-unit{align-items:center;border:1px solid transparent;display:flex;justify-content:center;position:relative;width:55px;height:55px;box-sizing:border-box;border-radius:var(--border-radius-lg)}.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:library-unit__skeleton-opacity-animation .2s linear}.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{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.excalidraw .library-unit__dragger>svg{filter:var(--theme-filter);flex-grow:1;max-height:100%;max-width:100%}.excalidraw .library-unit__checkbox-container,.excalidraw .library-unit__checkbox-container:hover,.excalidraw .library-unit__checkbox-container:active{align-items:center;background:none;border:none;color:var(--icon-fill-color);display:flex;justify-content:center;margin:0;padding:.5rem;position:absolute;left:2rem;bottom:2rem;cursor:pointer}.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{position:absolute;top:.125rem;right:.125rem;margin:0}.excalidraw .library-unit__checkbox .Checkbox-box{margin:0;width:1rem;height:1rem;border-radius:4px;background-color:var(--color-primary-light);border:1px solid var(--color-primary);box-shadow:none!important;padding:2px}.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{height:16px;width:16px}.excalidraw .library-unit__adder{transform:scale(1);animation:library-unit__adder-animation 1s ease-in infinite;position:absolute;width:1.5rem;height:1.5rem;background-color:var(--color-primary);border-radius:var(--border-radius-md);display:flex;justify-content:center;align-items:center;pointer-events:none}.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);line-height:1.5;font-size:.875rem;width:100%}.excalidraw .library-menu-items__no-items__label{color:var(--color-primary);font-weight:700;font-size:1.125rem;margin-bottom:.75rem}.excalidraw.theme--dark .library-menu-items__no-items{color:var(--color-gray-40)}.excalidraw .library-menu-items-container{width:100%;display:flex;flex-grow:1;flex-shrink:1;flex-basis:0;overflow-y:auto;flex-direction:column;height:100%;justify-content:center;margin:0;position:relative}.excalidraw .library-menu-items-container>div{padding-left:.75rem;padding-right:.75rem}.excalidraw .library-menu-items-container__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.excalidraw .library-menu-items-container__items{row-gap:.5rem;padding:var(--container-padding-y) 0;flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem}.excalidraw .library-menu-items-container__header{color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem;width:100%;padding-right:4rem;box-sizing:border-box}.excalidraw .library-menu-items-container__header--excal{margin-top:2rem}.excalidraw .library-menu-items-container__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1rem}.excalidraw .library-menu-items-container .separator{width:100%;display:flex;align-items:center;font-weight:500;font-size:.9rem;margin:.6em .2em;color:var(--text-primary-color)}.excalidraw .library-menu-items-private-library-container{min-height:3.75rem;width:100%}.excalidraw .layer-ui__library{display:flex;flex-direction:column;flex:1 1 auto}.excalidraw .library-actions-counter{background-color:var(--color-primary);color:var(--color-primary-light);font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;position:absolute;bottom:-.25rem;right:-.25rem;font-size:.625rem;pointer-events:none}.excalidraw .layer-ui__library-message{padding:2rem;min-width:200px;display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center}.excalidraw .layer-ui__library-message span{font-size:.8em}.excalidraw .publish-library-success .Dialog__content{display:flex;flex-direction:column}.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{width:auto;font-size:1rem;color:#fff;padding:0 .5rem}.excalidraw .library-menu-control-buttons{display:flex;align-items:center;justify-content:center;gap:.625rem;position:relative}.excalidraw .library-menu-control-buttons--at-bottom:before{content:"";width:calc(100% - 1.5rem);height:1px;position:absolute;top:-1px;background:var(--sidebar-border-color)}.excalidraw .library-menu-browse-button{flex:1;height:var(--lg-button-size);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:var(--border-radius-lg);background-color:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;text-decoration:none!important;font-weight:600;font-size:.75rem}.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;bottom:100%;margin-bottom:.625rem}.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{padding:0;position:absolute;top:1rem;right:.75rem;z-index:1}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.excalidraw.excalidraw-modal-container{position:absolute;z-index:var(--zIndex-modal)}.excalidraw .Modal{position:absolute;inset:0;align-items:center;justify-content:center;overflow:auto;padding:calc(var(--space-factor) * 10);display:flex;flex-direction:column}.excalidraw .Modal .Island{padding:2.5rem;border:0;box-shadow:none;border-radius:0}.excalidraw .Modal.animations-disabled .Modal__background{animation:none}.excalidraw .Modal.animations-disabled .Modal__content{animation:none;opacity:1}.excalidraw .Modal__background{position:fixed;inset:0;z-index:1;background-color:#12121233;animation:Modal__background__fade-in .1s linear forwards}.excalidraw .Modal__content{z-index:2;width:100%;max-width:var(--max-width);max-height:100%;opacity:0;transform:translateY(10px);animation:Modal__content_fade-in 25ms ease-out 0s forwards;position:relative;overflow-y:auto;background:var(--island-bg-color);border:1px solid var(--dialog-border-color);box-shadow:var(--modal-shadow);border-radius:.75rem;box-sizing:border-box}.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);margin:0;padding:.375rem;position:absolute;top:1rem;right:1rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.excalidraw .Modal__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog--fullscreen .Modal{padding:0}.excalidraw .Dialog--fullscreen .Modal__content{position:absolute;inset:0;max-width:100%;border:0;border-radius:0}.excalidraw .Dialog{-webkit-user-select:text;user-select:text;cursor:auto}.excalidraw .Dialog__title{margin:0;text-align:left;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem;margin-bottom:1.5rem}.excalidraw .Dialog__close{color:var(--color-gray-40);margin:0;position:absolute;top:.75rem;right:.5rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.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-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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)}.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))}.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{position:absolute;top:50%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw .ExcTextField--fullWidth{width:100%;flex-grow:1}.excalidraw .ExcTextField__label{font-family:Assistant;font-style:normal;font-weight:600;font-size:.875rem;line-height:150%;color:var(--ExcTextField--label-color);margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.excalidraw .ExcTextField__input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:3rem;background:var(--ExcTextField--background);border:1px solid var(--ExcTextField--border);border-radius:.5rem;padding:0 .75rem}.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{display:flex;align-items:center;border:none;outline:none;padding:0;margin:0;height:1.5rem;color:var(--ExcTextField--color);font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;text-overflow:ellipsis;background:transparent;width:100%}.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}.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{border-radius:0!important;background-color:var(--color-surface-low)!important;font-size:.875rem!important;width:var(--lg-button-size);height:var(--lg-button-size)}.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{border-left:0!important;border-right:0!important;padding:0 .625rem!important;width:3.75rem!important;justify-content:center;color:var(--text-primary-color)}.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}: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}.zoom-to-fit-button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-to-fit-button{transform:scaleX(-1)}.zoom-to-fit-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{max-height:750px;height:100%}}.excalidraw .command-palette-dialog .Modal__content .Island{height:100%;padding:1.5rem}.excalidraw .command-palette-dialog .Modal__content .Dialog__content{height:100%;display:flex;flex-direction:column}.excalidraw .command-palette-dialog .shortcuts-wrapper{display:flex;justify-content:center;align-items:center;margin-top:12px;gap:1.5rem}.excalidraw .command-palette-dialog .shortcut{display:flex;justify-content:center;align-items:center;height:16px;font-size:10px;gap:.25rem}.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{padding:0 4px;height:16px;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary-light)}.excalidraw .command-palette-dialog .shortcut .shortcut-desc{margin-left:4px;color:var(--color-gray-50)}.excalidraw .command-palette-dialog .commands{overflow-y:auto;box-sizing:border-box;margin-top:12px;color:var(--popup-text-color);-webkit-user-select:none;user-select:none}.excalidraw .command-palette-dialog .commands .command-category{display:flex;flex-direction:column;padding:12px 0;margin-right:.25rem}.excalidraw .command-palette-dialog .commands .command-category-title{font-size:1rem;font-weight:600;margin-bottom:6px;display:flex;align-items:center}.excalidraw .command-palette-dialog .commands .command-item{color:var(--popup-text-color);height:2.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 .5rem;border-radius:var(--border-radius-lg);cursor:pointer}.excalidraw .command-palette-dialog .commands .command-item:active{background-color:var(--color-surface-low)}.excalidraw .command-palette-dialog .commands .command-item .name{display:flex;align-items:center;gap:.25rem}.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{display:flex;justify-content:center;align-items:center;margin-top:36px}.excalidraw .command-palette-dialog .icon{width:16px;height:16px;margin-right:6px}.excalidraw .excalidraw-canvas-buttons{position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:.375rem}.excalidraw .popover{position:absolute;z-index:10;padding:5px 0;outline:none}.excalidraw .context-menu{position:relative;border-radius:4px;box-shadow:0 3px 10px #0003;padding:0;list-style:none;-webkit-user-select:none;user-select:none;margin:-.25rem 0 0 .125rem;padding:.5rem 0;background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);cursor:default}.excalidraw .context-menu button{color:var(--popup-text-color)}.excalidraw .context-menu-item{position:relative;width:100%;min-width:9.5rem;margin:0;padding:.25rem 1rem .25rem 1.25rem;text-align:start;border-radius:0;background-color:transparent;border:none;white-space:nowrap;font-family:inherit;display:grid;grid-template-columns:1fr .2fr;align-items:center}.excalidraw .context-menu-item.checkmark:before{position:absolute;left:6px;margin-bottom:1px;content:"✓"}.excalidraw .context-menu-item.dangerous .context-menu-item__label{color:#f03e3e}.excalidraw .context-menu-item .context-menu-item__label{justify-self:start;-webkit-margin-end:20px;margin-inline-end:20px}.excalidraw .context-menu-item .context-menu-item__shortcut{justify-self:end;opacity:.6;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{-webkit-margin-end:0;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 .follow-mode{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--color-primary-hover);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.excalidraw .follow-mode__badge{background-color:var(--color-primary-hover);color:var(--color-primary-light);padding:.25rem .5rem;margin-bottom:.5rem;border-radius:.5rem;pointer-events:all;font-size:.75rem;display:flex;gap:.5rem;align-items:center}.excalidraw .follow-mode__badge__label{display:flex;white-space:pre-wrap;line-height:1}.excalidraw .follow-mode__badge__username{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.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{display:block;width:1rem;height:1rem}.excalidraw .FixedSideContainer{position:absolute;pointer-events:none}.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;position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:100%;max-width:100%;width:100%;margin-top:.5rem;text-align:center;color:var(--color-gray-40);font-size:.75rem}.excalidraw--mobile.excalidraw .HintViewer{position:static;padding-right:2rem}.excalidraw .HintViewer>span{padding:.25rem}.excalidraw.theme--dark .HintViewer{color:var(--color-gray-60)}.excalidraw--mobile.excalidraw .PasteChartDialog .Island{display:flex;flex-direction:column}.excalidraw .PasteChartDialog .container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.excalidraw--mobile.excalidraw .PasteChartDialog .container{flex-direction:column;justify-content:center}.excalidraw .PasteChartDialog .ChartPreview{margin:8px;text-align:center;width:192px;height:128px;border-radius:2px;padding:1px;border:1px solid #ced4da;display:flex;align-items:center;justify-content:center;background:transparent}.excalidraw .PasteChartDialog .ChartPreview div{display:inline-block}.excalidraw .PasteChartDialog .ChartPreview svg{max-height:120px;max-width:186px}.excalidraw .PasteChartDialog .ChartPreview:hover{padding:0;border:2px solid #339af0}.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{display:flex;width:100%;justify-content:flex-end;align-items:center;pointer-events:none!important}.excalidraw .UserList{pointer-events:none;padding:var(--userList-padding);display:flex;flex-wrap:wrap;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)}.excalidraw .UserList>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .UserList_mobile{padding:0;justify-content:normal;margin:.5rem 0;max-width:none;max-height:none}.excalidraw .UserList__more{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;line-height:1;color:var(--color-gray-90);flex:0 0 auto;background-color:var(--color-gray-20);border:0!important;font-size:.625rem;font-weight:400;flex-shrink:0;color:var(--color-gray-100);font-weight:700}.excalidraw .UserList__more:active{transform:scale(.94)}.excalidraw .UserList__more-img{width:100%;height:100%;border-radius:100%}.excalidraw .UserList__more:before{content:"";position:absolute;inset:-3px;border-radius:100%}.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;overflow:hidden;white-space:nowrap}.excalidraw .UserList__collaborator--avatar-only{position:relative;display:flex;flex:0 0 auto}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon{--size: 14px;position:absolute;display:flex;flex:0 0 auto;bottom:-.25rem;right:-.25rem;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg{flex:0 0 auto;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator-status-icons{margin-left:auto;flex:0 0 auto;min-width:2.25rem;gap:.25rem;justify-content:flex-end;display:flex}.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted{color:var(--color-danger);filter:drop-shadow(0px 0px 0px rgba(0,0,0,.5))}.excalidraw .UserList__collaborator-status-icon-speaking-indicator{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:1rem;padding:0 3px;box-sizing:border-box}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div{width:.125rem;height:.4rem;background-color:#a2f1a6}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(1){animation:speaking-indicator-anim 1s -.45s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2){animation:speaking-indicator-anim 1s -.9s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3){animation:speaking-indicator-anim 1s -.15s ease-in-out infinite}@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{top:auto;max-height:50vh}.excalidraw .sidebar-trigger{justify-content:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:auto;height:var(--lg-button-size);display:flex;align-items:center;gap:.5rem;line-height:0;font-size:.75rem;letter-spacing:.4px}.excalidraw .sidebar-trigger svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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{display:block;white-space:nowrap}.excalidraw.excalidraw--mobile .default-sidebar-trigger .sidebar-trigger__label{display:none}.excalidraw .sidebar{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;right:0;z-index:5;margin:0;padding:0;box-sizing:border-box;background-color:var(--sidebar-bg-color);box-shadow:var(--sidebar-shadow);pointer-events:var(--ui-pointerEvents);overflow:hidden;border-radius:0;width:calc(var(--right-sidebar-width) - var(--space-factor) * 2);border-left:1px solid var(--sidebar-border-color)}: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;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem .75rem;position:relative}.excalidraw .sidebar__header:after{content:"";width:calc(100% - 1.5rem);height:1px;background:var(--sidebar-border-color);position:absolute;bottom:-1px}.excalidraw .sidebar__header__buttons{gap:0;display:flex;align-items:center;margin-left:auto}.excalidraw .sidebar__header__buttons button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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;border:0!important;width:var(--lg-button-size);height:var(--lg-button-size);padding:0}.excalidraw .sidebar__header__buttons button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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{display:flex;flex-direction:column;flex:1 1 auto;padding:1rem 0}.excalidraw .sidebar-tabs-root [role=tabpanel]{flex:1;flex:1 1 auto;display:flex;flex-direction:column;outline:none}.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none!important}.excalidraw .sidebar-tabs-root [role=tablist]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.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{display:flex;flex-direction:column}.excalidraw .default-sidebar .sidebar-triggers{display:flex;gap:0;padding:2px;margin-top:-3px;margin-bottom:-3px;border:1px solid var(--sidebar-border-color);background:var(--default-bg-color);border-radius:.625rem}.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{height:var(--lg-button-size);width:var(--lg-button-size);border:none}.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;display:flex;flex-direction:row;align-items:flex-start;padding:3px;border-radius:10px;background:var(--RadioGroup-background);border:1px solid var(--RadioGroup-border)}.excalidraw .RadioGroup__choice{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:24px;color:var(--RadioGroup-choice-color-off);background:var(--RadioGroup-choice-background-off);border-radius:8px;font-family:Assistant;font-style:normal;font-weight:600;font-size:.75rem;line-height:100%;-webkit-user-select:none;user-select:none;letter-spacing:.4px;transition:all 75ms ease-out}.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;position:absolute;width:100%;height:100%;margin:0;padding:0;border-radius:8px;-webkit-appearance:none;appearance:none;cursor:pointer}.excalidraw .ActiveFile .ActiveFile__fileName{display:flex;align-items:center}.excalidraw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:9.3em}.excalidraw .ActiveFile .ActiveFile__fileName svg{width:1.15em;-webkit-margin-end:.3em;margin-inline-end:.3em;transform:scaleY(.9)}@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);border-radius:.5rem;border-width:1px;border-style:solid;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.excalidraw .ExcButton:hover{transition:all .15s ease-out}.excalidraw .ExcButton .Spinner{--spinner-color: var(--color-surface-lowest)}.excalidraw .ExcButton .ExcButton__statusIcon{visibility:visible;position:absolute;width:1.2rem;height:1.2rem;animation:successStatusAnimation .5s cubic-bezier(.3,1,.6,1)}.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{display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-wrap:nowrap;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{font-weight:600;font-size:.875rem;min-height:3rem;padding:.5rem 1.5rem;letter-spacing:.4px}.excalidraw .ExcButton--size-large .ExcButton__contents{gap:.75rem}.excalidraw .ExcButton--size-medium{font-weight:600;font-size:.75rem;min-height:2.5rem;padding:.5rem 1rem;letter-spacing:normal}.excalidraw .ExcButton--size-medium .ExcButton__contents{gap:.5rem}.excalidraw .ExcButton--variant-icon{padding:.5rem .75rem;width:3rem}.excalidraw .ExcButton--fullWidth{width:100%}.excalidraw .ExcButton__icon{width:1.25rem;height:1.25rem}.excalidraw .OverwriteConfirm{display:flex;flex-direction:column;align-items:center;gap:.75rem;isolation:isolate}.excalidraw .OverwriteConfirm h3{margin:0;font-weight:700;font-size:1.3125rem;line-height:130%;align-self:flex-start;color:var(--text-primary-color)}.excalidraw .OverwriteConfirm__Description{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem;padding:2.5rem;background:var(--color-danger-background);border-radius:.5rem;font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;color:var(--color-danger-color)}.excalidraw--mobile.excalidraw .OverwriteConfirm__Description{flex-direction:column;text-align:center}.excalidraw .OverwriteConfirm__Description__spacer{flex-grow:1}.excalidraw .OverwriteConfirm__Description__icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;background:var(--color-danger-icon-background);width:3.5rem;height:3.5rem;padding:.75rem}.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:0 0 auto}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.excalidraw .OverwriteConfirm__Actions{display:flex;flex-direction:row;align-items:stretch;justify-items:stretch;justify-content:center;gap:1.5rem}.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions{flex-direction:column}.excalidraw .OverwriteConfirm__Actions__Action{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:.75rem;flex-basis:50%;flex-grow:0}.excalidraw .OverwriteConfirm__Actions__Action__content{height:100%;font-size:.875rem;text-align:center}.excalidraw .OverwriteConfirm__Actions__Action h4{font-weight:700;font-size:1.125rem;line-height:130%;margin:0;color:var(--text-primary-color)}.excalidraw .layer-ui__search{flex:1 0 auto;display:flex;flex-direction:column;padding:8px 0 0}.excalidraw .layer-ui__search-header{display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.excalidraw .layer-ui__search-header .ExcTextField{flex:1 0 auto}.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#f5f5f9;border-radius:var(--border-radius-md);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{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0;margin:0 .75rem .25rem;font-size:.8em}.excalidraw .layer-ui__search-count .result-nav{display:flex}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn{width:36px;height:36px;--button-border: transparent}.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{overflow-y:auto;flex:1 1 0;display:flex;flex-direction:column;padding:0 .75rem;gap:.125rem}.excalidraw .layer-ui__search .collapsible-items{gap:2px}.excalidraw .layer-ui__search-result-title{font-size:.875rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem;font-weight:700}.excalidraw .layer-ui__search-result-title .title-icon{width:.875rem;height:.875rem;margin-right:.25rem}.excalidraw .layer-ui__search-result-title .title-icon svg g{stroke-width:1.25}.excalidraw .layer-ui__divider{width:100%;margin-top:.25rem;margin-bottom:1rem;position:relative}.excalidraw .layer-ui__result-item{display:flex;align-items:center;min-height:1.875rem;flex:0 0 auto;padding:.25rem .75rem;cursor:pointer;border:1px solid transparent;outline:none;font-size:16px;border-radius:var(--border-radius-md)}.excalidraw .layer-ui__result-item .text-icon{width:1rem;height:1rem;margin-right:.75rem}.excalidraw .layer-ui__result-item .preview-text{flex:1;max-height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.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;font-size:1.25rem;font-weight:700;padding-inline:2.5rem}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{padding-inline:0!important;height:100%;display:flex;flex-direction:column;flex:1 1 auto;box-shadow:none}.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{max-height:750px;height:100%}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.excalidraw .ttd-dialog-desc{font-size:15px;font-style:italic;font-weight:500;margin-bottom:1.5rem}.excalidraw .ttd-dialog-tabs-root{width:100%;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);font-size:.875rem;margin:0;padding:0 1rem;background-color:transparent;border:0;height:2.875rem;font-weight:600;font-family:inherit;letter-spacing:.4px}.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{padding-inline:2.5rem;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{width:auto;height:10rem;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;font-family:monospace}@media screen and (min-width:861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{display:flex;align-items:center;justify-content:center;padding:.85rem;box-sizing:border-box;flex-grow:1;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);height:400px;width:auto}@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{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-grow:1}.excalidraw .ttd-dialog-output-error{color:red;font-weight:700;font-size:30px;word-break:break-word;overflow:auto;max-height:100%;height:100%;width:100%;text-align:center;position:absolute;z-index:10}.excalidraw .ttd-dialog-output-error p{font-weight:500;font-family:Cascadia;text-align:left;white-space:pre-wrap;font-size:.875rem;padding:0 10px}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width:861px){.excalidraw .ttd-dialog-panels{display:grid;grid-template-columns:1fr 1fr;gap:4rem}}.excalidraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.excalidraw .ttd-dialog-panel__header{display:flex;margin:0 4px 4px;align-items:center;gap:1rem}.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{height:100%;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;width:100%;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{display:block;visibility:hidden}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{font-family:inherit;font-weight:600;height:2.5rem;font-size:12px;color:#fff;background-color:var(--color-primary);width:100%}.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{display:flex!important;position:absolute;inset:0;--spinner-color: white}.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{-webkit-margin-start:.5rem;margin-inline-start:.5rem;font-size:.625rem;opacity:.6;display:flex;gap:.125rem}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;padding:2px 3px;border-radius:4px}.excalidraw .drag-input-container{display:flex;width:100%;border-radius:var(--border-radius-lg)}.excalidraw .drag-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-md);background:transparent}.excalidraw .disabled{opacity:.5;pointer-events:none}.excalidraw .drag-input-label{flex-shrink:0;border:0;padding:0 .5rem 0 .25rem;min-width:1rem;width:1.5rem;height:2rem;box-sizing:content-box;color:var(--popup-text-color);display:flex;align-items:center;justify-content:center;position:relative}.excalidraw .drag-input{box-sizing:border-box;width:100%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:2rem;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;-webkit-appearance:none;appearance:none}.excalidraw .drag-input:focus-visible{box-shadow:none}.exc-stats{width:204px;position:absolute;top:60px;font-size:12px;z-index:var(--zIndex-layerUI);pointer-events:var(--ui-pointerEvents)}:root[dir=rtl] .exc-stats{left:12px;right:initial}.exc-stats h2{font-size:1.5em;-webkit-margin-before:.83em;margin-block-start:.83em;-webkit-margin-after:.83em;margin-block-end:.83em;font-weight:700}.exc-stats h3{white-space:nowrap;font-size:1.17em;margin:0;font-weight:700}.exc-stats__rows{display:flex;flex-direction:column;gap:.3125rem}.exc-stats__row{display:flex;justify-content:space-between;align-items:center;display:grid;gap:4px}.exc-stats__row div+div{text-align:right}.exc-stats__row:empty{display:none}.exc-stats__row--heading{text-align:center;font-weight:700;margin:.25rem 0}.exc-stats .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exc-stats .title h2{margin:0}.exc-stats .close{height:16px;width:16px;cursor:pointer}.exc-stats .close svg{width:100%;height:100%}.excalidraw .ElementLinkDialog{position:absolute;top:var(--editor-container-padding);left:var(--editor-container-padding);z-index:var(--zIndex-modal);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-island);background-color:var(--island-bg-color)}.excalidraw--mobile.excalidraw .ElementLinkDialog{left:0;margin-left:.5rem;margin-right:.5rem;width:calc(100% - 1rem);box-sizing:border-box;z-index:5}.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{display:flex;justify-content:flex-end;margin-top:1.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{font-size:.875rem;margin-top:1rem}.excalidraw .HelpDialog .Modal__content{max-width:960px}.excalidraw .HelpDialog h3{margin:1.5rem 0;font-weight:700;font-size:1.125rem}.excalidraw .HelpDialog__header{display:flex;flex-wrap:wrap;gap:.75rem}.excalidraw .HelpDialog__btn{--background: var(--color-surface-mid);display:flex;column-gap:.5rem;align-items:center;background-color:var(--background);padding:.625rem 1rem;border:1px solid var(--background);border-radius:var(--border-radius-lg);color:var(--text-primary-color);font-weight:600;font-size:.75rem;letter-spacing:.4px}.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{display:grid;grid-column-gap:1.5rem;grid-row-gap:2rem}@media screen and (min-width:1024px){.excalidraw .HelpDialog__islands-container{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.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{font-size:1rem;font-weight:700;margin:0;margin-bottom:.625rem}.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);padding:.375rem .75rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;column-gap:.5rem}.excalidraw .HelpDialog__shortcut:last-child{border-bottom:none}.excalidraw .HelpDialog__key-container{display:flex;align-items:center;column-gap:.25rem;flex-shrink:0}.excalidraw .HelpDialog__key{display:flex;box-sizing:border-box;font-size:.625rem;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);padding:.5rem;word-break:keep-all;align-items:center;font-family:inherit;line-height:1}.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{position:relative;box-sizing:border-box;width:40px;height:20px;border-radius:12px;transition-property:background,border;transition-duration:.15s;transition-timing-function:ease-out;background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-color)}.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;display:block;pointer-events:none;position:absolute;border-radius:100%;transition:all .15s ease-out;width:10px;height:10px;top:4px;left:4px;background:var(--Switch-thumb-background)}.excalidraw .Switch:active:before{width:12px}.excalidraw .Switch.toggled:before{width:14px;height:14px;left:22px;top:2px;background:var(--Switch-track-background)}.excalidraw .Switch.toggled:active:before{width:16px;left:20px}.excalidraw .Switch.disabled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch.disabled.toggled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch input{width:100%;height:100%;margin:0;border-radius:12px;-webkit-appearance:none;appearance:none;cursor:pointer}.excalidraw .Switch input:disabled{cursor:unset}.excalidraw{--ImageExportModal-preview-border: #d6d6d6}.excalidraw.theme--dark{--ImageExportModal-preview-border: #5c5c5c}.excalidraw .ImageExportModal{display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.excalidraw .ImageExportModal h3{font-family:Assistant;font-style:normal;font-weight:700;font-size:1.313rem;line-height:130%;padding:0;margin:0}.excalidraw--mobile.excalidraw .ImageExportModal h3{display:none}.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;display:flex;flex-direction:column;align-items:center;height:360px;width:55%;margin-right:1.5rem}.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;width:100%;height:100%;display:flex;flex-grow:1;justify-content:center;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border:1px solid var(--ImageExportModal-preview-border);border-radius:12px;overflow:hidden;padding:1rem}.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{margin-top:24px;max-width:unset}.excalidraw .ImageExportModal__settings{display:flex;flex-direction:column;flex-wrap:wrap;gap:18px}.excalidraw--mobile.excalidraw .ImageExportModal__settings{margin-left:unset;margin-top:1rem;flex-direction:row;gap:6px 34px;align-content:flex-start}.excalidraw .ImageExportModal__settings__setting{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.excalidraw--mobile.excalidraw .ImageExportModal__settings__setting{flex-direction:column;align-items:start;justify-content:unset;height:52px}.excalidraw .ImageExportModal__settings__setting__label{display:flex;flex-direction:row;align-items:center;font-family:Assistant;font-weight:600;font-size:1rem;line-height:150%}.excalidraw .ImageExportModal__settings__setting__label svg{width:20px;height:20px;margin-left:10px}.excalidraw .ImageExportModal__settings__setting__content{display:flex;height:100%;align-items:center}.excalidraw .ImageExportModal__settings__buttons{flex-grow:1;flex-wrap:wrap;display:flex;flex-direction:row;gap:11px;align-items:flex-end;align-content:flex-end}.excalidraw--mobile.excalidraw .ImageExportModal__settings__buttons{padding-top:32px;flex-basis:100%;justify-content:center}.excalidraw .Card{display:flex;flex-direction:column;align-items:center;max-width:290px;margin:1em;text-align:center}.excalidraw .Card .Card-icon{font-size:2.6em;display:flex;flex:0 0 auto;padding:1.4rem;border-radius:50%;background:var(--card-color);color:#fff}.excalidraw .Card .Card-icon svg{width:2.8rem;height:2.8rem}.excalidraw .Card .Card-details{font-size:.96em;min-height:90px;padding:0 1em;margin-bottom:auto}.excalidraw .Card .Card-button.ToolIcon_type_button{height:2.5rem;margin-top:1em;margin-bottom:.3em;background-color:var(--card-color)}.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);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;text-align:center;padding:var(--preview-padding);margin-bottom:calc(var(--space-factor) * 3);display:flex;justify-content:center;align-items:center}.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{width:100%;display:flex;grid-gap:calc(var(--space-factor) * 2);align-items:top;justify-content:space-between}.excalidraw--mobile.excalidraw .ExportDialog{display:flex;flex-direction:column}.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{height:100%;box-sizing:border-box}.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{overflow-y:auto}.excalidraw .ExportDialog--json .ExportDialog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;row-gap:2em}@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{width:-webkit-fit-content;width:fit-content;margin:1em auto;align-items:flex-start;flex-direction:column}.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{border:0;width:5rem;height:5rem;margin:0 .2em;padding:0;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--button-color);box-shadow:0 3px 5px -1px #00000047,0 6px 10px #00000024;font-family:Cascadia;font-size:1.8em;color:#fff}.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 .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.excalidraw .layer-ui__wrapper{position:absolute;width:100%;height:100%;pointer-events:none;z-index:var(--zIndex-layerUI)}.excalidraw .layer-ui__wrapper__top-right{display:flex;width:100%;justify-content:flex-end;gap:.75rem;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{transform:translate(999px)}: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{padding:10px;position:absolute;bottom:0;opacity:0;visibility:hidden;transition:visibility 0s linear 0s,opacity .5s;font-family:var(--ui-font);font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);background-color:var(--island-bg-color);color:var(--text-primary-color)}[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;transition:visibility 0s linear .3s,opacity .5s;transition-delay:.8s;pointer-events:var(--ui-pointerEvents)}.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{width:1px;height:1.5rem;align-self:center;background-color:var(--default-border-color);margin:0 .25rem}.excalidraw--mobile.excalidraw .App-toolbar__divider{margin:0}.excalidraw .App-toolbar__extra-tools-trigger{box-shadow:none;border:0;background-color:transparent}.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{margin-top:.375rem;right:0;min-width:11.875rem;z-index:1}.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--zIndex-svgLayer)}.excalidraw .SVGLayer svg{image-rendering:auto;overflow:visible;position:absolute;width:100%;height:100%;top:0;left:0}.excalidraw .Toast{animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.excalidraw .Toast .Toast__message{padding:0 1.6rem;color:var(--popup-text-color);white-space:pre-wrap}.excalidraw .Toast .close{position:absolute;top:0;right:0;padding:.4rem}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.excalidraw .UnlockPopup{position:absolute;z-index:var(--zIndex-interactiveCanvas);display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:.5rem;background:var(--island-bg-color);box-shadow:var(--shadow-island);padding:.8rem;cursor:pointer;color:var(--color-gray-60)}.excalidraw .UnlockPopup:focus{outline:none}.excalidraw .UnlockPopup svg{display:block;width:1.25rem;height:1.25rem;color:var(--color-gray-60)}.excalidraw .UnlockPopup:hover svg{color:var(--color-primary)}.excalidraw .UnlockPopup:active svg{transform:scale(.95)}.footer-center{pointer-events:none;display:flex;width:100%;justify-content:flex-start;-webkit-margin-end:.6rem;margin-inline-end:.6rem}.footer-center>*{pointer-events:var(--ui-pointerEvents)}.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{min-width:1em;min-height:1em;line-height:1;position:absolute;bottom:-5px;padding:3px;border-radius:50%;background-color:#b2f2bb;color:#2b8a3e;font-size:.6rem;font-family:Cascadia}:root[dir=ltr] .excalidraw .CollabButton-collaborators{right:-5px}:root[dir=rtl] .excalidraw .CollabButton-collaborators{left:-5px}.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;display:flex;align-items:center}.excalidraw .ExcalidrawLogo svg{flex:0 0 auto}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-icon{width:auto;color:var(--color-logo-icon)}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text{margin-left:.75rem;width:auto;color:var(--color-logo-text)}.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);text-decoration:none;margin-bottom:-6px}.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;right:0;bottom:100%}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help{left:0;right:auto}.excalidraw .welcome-screen-decor-hint--help svg{margin-top:.5rem;width:85px;height:71px;transform:scaleX(-1) rotate(80deg)}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help svg{transform:rotate(80deg)}.excalidraw .welcome-screen-decor-hint--toolbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2.5rem;display:flex;align-items:baseline}.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{position:absolute;width:320px;font-size:1rem;top:100%;margin-top:.25rem;-webkit-margin-start:.6rem;margin-inline-start:.6rem;display:flex;align-items:flex-end;gap:.5rem}.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{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;position:absolute;pointer-events:none;inset:1rem}.excalidraw .welcome-screen-center__logo{display:flex;align-items:center;column-gap:.75rem;font-size:2.25rem}.excalidraw .welcome-screen-center__heading{font-size:1.125rem;text-align:center}.excalidraw .welcome-screen-menu{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center}.excalidraw .welcome-screen-menu-item{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);color:var(--color-gray-50);font-size:.875rem;width:100%;min-width:300px;max-width:400px;display:grid;align-items:center;justify-content:space-between;background:none;border:1px solid transparent;padding:.75rem;border-radius:var(--border-radius-md);grid-template-columns:calc(var(--default-icon-size) + .5rem) 1fr 3rem}.excalidraw .welcome-screen-menu-item__text{display:flex;align-items:center;margin-right:auto;text-align:left;column-gap:.5rem}.excalidraw .welcome-screen-menu-item__icon{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .welcome-screen-menu-item__shortcut{margin-left:auto;color:var(--color-gray-40);font-size:.75rem}.excalidraw .welcome-screen-menu-item:hover{text-decoration:none;background:var(--button-hover-bg)}.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}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;-webkit-user-select:none;user-select:none}.LoadingMessage{position:absolute;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{margin-top:1em;font-size:.8em}.LoadingMessage--dark{background-color:#121212;color:#ced4da}.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: #ffffff;--input-bg-color: #ffffff;--input-border-color: #ced4da;--input-hover-bg-color: #f1f3f5;--input-label-color: #495057;--island-bg-color: #ffffff;--keybinding-color: var(--color-gray-40);--link-color: #1c7ed6;--overlay-bg-color: rgba(255, 255, 255, .88);--popup-bg-color: var(--island-bg-color);--popup-secondary-bg-color: #f1f3f5;--popup-text-color: #000000;--popup-text-inverted-color: #ffffff;--select-highlight-color: #339af0;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--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: hsl(240, 100%, 90%);--color-slider-thumb: var(--color-gray-80);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-20);--sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--sidebar-border-color: var(--color-surface-high);--sidebar-bg-color: var(--island-bg-color);--library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, .01), 0px 8px 5px rgba(0, 0, 0, .05), 0px 4px 4px rgba(0, 0, 0, .09), 0px 1px 2px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, .1);--space-factor: .25rem;--text-primary-color: var(--color-on-surface);--color-selection: #6965db;--color-icon-white: #ffffff;--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: #999999;--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: #f6f6f9;--color-surface-low: #ececf4;--color-surface-lowest: #ffffff;--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:none}.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: rgba(52, 58, 64, .12);--popup-secondary-bg-color: #222;--popup-text-color: #ced4da;--popup-text-inverted-color: #2c2c2c;--select-highlight-color: #4dabf7;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-85);--scrollbar-thumb: #343a40;--scrollbar-thumb-hover: #495057;--color-slider-track: hsl(244, 23%, 39%);--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: #2e2d39;--color-surface-low: hsl(240, 8%, 15%);--color-surface-mid: hsl(240 6% 10%);--color-surface-lowest: hsl(0, 0%, 7%);--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);position:relative;overflow:hidden;color:var(--text-primary-color);display:flex;inset:0;height:100%;width:100%;-webkit-user-select:none;user-select:none}.excalidraw button{cursor:pointer;-webkit-user-select:none;user-select:none}.excalidraw:focus{outline:none}.excalidraw .excalidraw-link,.excalidraw a{font-weight:500;text-decoration:none;color:var(--link-color);-webkit-user-select:none;user-select:none;cursor:pointer}.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{width:100%;height:100%;border:0}.excalidraw__embeddable-container{position:absolute;z-index:2;transform-origin:top left;pointer-events:none}.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{display:flex;justify-content:space-between}.excalidraw .selected-shape-actions{display:flex;flex-direction:column;row-gap:.75rem}.excalidraw .selected-shape-actions h3,.excalidraw .selected-shape-actions legend,.excalidraw .selected-shape-actions .control-label{margin:0;margin-bottom:.25rem;font-size:.75rem;color:var(--text-primary-color);font-weight:400;display:block}.excalidraw .selected-shape-actions .control-label input{display:block;width:100%}.excalidraw .selected-shape-actions legend{padding:0}.excalidraw .selected-shape-actions .iconSelectList{flex-wrap:wrap;position:relative}.excalidraw .selected-shape-actions .buttonList{flex-wrap:wrap;display:flex;column-gap:.5rem;row-gap:.5rem}.excalidraw .selected-shape-actions .buttonList label{font-size:.75rem}.excalidraw .selected-shape-actions .buttonList input[type=radio],.excalidraw .selected-shape-actions .buttonList input[type=button]{opacity:0;position:absolute;pointer-events:none}.excalidraw .selected-shape-actions .buttonList .iconRow{margin-top:8px}.excalidraw .selected-shape-actions fieldset{margin:0;padding:0;border:none}.excalidraw .divider{width:1px;background-color:#e9ecef;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{outline:transparent;box-shadow:0 0 0 1px var(--color-brand-hover)}.excalidraw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.excalidraw .buttonList button{background-color:transparent}.excalidraw .buttonList label,.excalidraw .buttonList button,.excalidraw .buttonList .zIndexButton{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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);padding:0}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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);display:flex;flex-direction:column;align-items:center}.excalidraw .App-bottom-bar{position:absolute;inset:0;--bar-padding: calc(4 * var(--space-factor));z-index:4;display:flex;align-items:flex-end;pointer-events:none}.excalidraw .App-bottom-bar>.Island{width:100%;max-width:100%;min-width:100%;box-sizing:border-box;max-height:100%;display:flex;flex-direction:column;pointer-events:var(--ui-pointerEvents)}.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{display:flex;align-items:center;justify-content:space-between;padding:8px}.excalidraw .App-toolbar-content .dropdown-menu--mobile{bottom:55px;top:auto}.excalidraw .App-mobile-menu{width:100%;overflow-x:visible;overflow-y:auto;box-sizing:border-box;margin-bottom:var(--bar-padding)}.excalidraw .App-mobile-menu .selected-shape-actions{padding:8px 8px 0}.excalidraw .App-menu{display:grid;color:var(--icon-fill-color)}.excalidraw .shapes-section{display:flex;justify-content:center;pointer-events:none!important}.excalidraw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .App-menu_top{grid-template-columns:1fr 2fr 1fr;grid-gap:2rem;align-items:flex-start;cursor:default;pointer-events:none!important}.excalidraw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media(min-width:1536px){.excalidraw .App-menu_top{grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}}.excalidraw .App-menu_top>*:first-child{justify-self:flex-start}.excalidraw .App-menu_top>*:last-child{justify-self:flex-end}.excalidraw .App-menu_bottom{position:absolute;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;cursor:default;pointer-events:none!important;box-sizing:border-box;padding:0 1rem}.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{overflow-y:auto;padding:.75rem;width:12.5rem;box-sizing:border-box;position:absolute}.excalidraw .dropdown-select{height:1.5rem;padding:0;-webkit-padding-start:.5rem;padding-inline-start:.5rem;-webkit-padding-end:1.5rem;padding-inline-end: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);font-size:.8rem;font-family:inherit;outline:none;-webkit-appearance:none;appearance:none;background-image:var(--dropdown-icon);background-repeat:no-repeat;background-position:right .7rem top 50%,0 0;background-size:.65em auto,100%}:root[dir=rtl] .excalidraw .dropdown-select{background-position:left .7rem top 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{height:2rem;background-color:var(--island-bg-color);border-color:var(--default-border-color)!important;cursor:pointer}.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);padding:10px 20px;position:absolute;left:50%;bottom:30px;transform:translate(-50%);pointer-events:var(--ui-pointerEvents);font-family:inherit}.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{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;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);border:none;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)}.excalidraw .help-icon svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.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{display:grid;grid-auto-flow:column;gap:.4em;margin-top:auto;margin-bottom:auto;-webkit-margin-start:.6em;margin-inline-start:.6em}.excalidraw .undo-redo-buttons,.excalidraw .eraser-buttons{display:grid;grid-auto-flow:column;margin-top:auto;margin-bottom:auto;-webkit-margin-start:.6em;margin-inline-start:.6em}.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;height:auto;width:auto;transition:opacity .5s}.excalidraw .zen-mode-visibility.zen-mode-visibility--hidden{visibility:hidden;opacity:0;height:0;width:0;transition:opacity .5s}.excalidraw .disable-pointerEvents{pointer-events:none!important}.excalidraw.excalidraw--view-mode .App-menu{display:flex;justify-content:space-between}.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);padding:.75rem;white-space:nowrap;border-radius:var(--space-factor);background-color:var(--input-bg-color)}.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{outline:none;border-color:var(--color-brand-hover)}@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{position:absolute;top:calc(5rem - var(--editor-container-padding));right:calc(var(--editor-container-padding) * -1);display:flex;flex-direction:column;border:1px solid var(--sidebar-border-color);border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg);border-right:0;overflow:hidden;background-color:var(--island-bg-color)}.excalidraw .mobile-misc-tools-container .ToolIcon__icon{width:2rem;height:2rem;border-radius:0}.excalidraw .mobile-misc-tools-container .default-sidebar-trigger{border:0}.excalidraw .App-toolbar--mobile{overflow:visible;max-width:98vw}.excalidraw .App-toolbar--mobile .ToolIcon__keybinding{display:none}.excalidraw .UserList-Wrapper{margin:0;padding:0;border:none;text-align:left}.excalidraw .UserList-Wrapper legend{display:block;font-size:.75rem;font-weight:400;margin:0 0 .25rem;padding:0}.excalidraw .main-menu-trigger{border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low)}.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:0rem}.ErrorSplash.excalidraw{min-height:100vh;padding:20px 0;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:text;user-select:text}.ErrorSplash.excalidraw .ErrorSplash-messageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#ffe3e3;border:3px solid #c92a2a}.ErrorSplash.excalidraw .ErrorSplash-paragraph{margin:15px 0;max-width:600px}.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{display:flex;flex-direction:column;align-items:flex-start}.ErrorSplash.excalidraw .ErrorSplash-details textarea{width:100%;margin:10px 0;font-family:Cascadia;font-size:.8em}.excalidraw__embeddable-container .excalidraw__embeddable-container__inner{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--embeddable-radius)}.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{position:absolute;z-index:1;background:#00000080;padding:1rem 1.6rem;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.6px;font-family:Assistant}@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}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #8b5cf6;--accent-color: #ec4899;--text-primary: #0f172a;--text-secondary: #64748b;--text-light: #94a3b8;--bg-white: #ffffff;--bg-gray-50: #f8fafc;--bg-gray-100: #f1f5f9;--bg-gray-200: #e2e8f0;--border-color: #e2e8f0;--border-light: #f1f5f9;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);line-height:1.6;background-color:var(--bg-white);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}input,button,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.navbar{background:var(--bg-white);border-bottom:1px solid var(--border-color);padding:1rem 0;margin:0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar .container{display:flex;justify-content:space-between;align-items:center;min-height:48px}.nav-brand a{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-brand i{font-size:1.75rem}.nav-menu{display:flex;align-items:center;gap:.75rem;margin-right:.5rem}.nav-menu>a:not(.btn-primary):not(.btn-secondary):not(.btn-outline){font-weight:500;color:var(--text-secondary);padding:.5rem 0;transition:var(--transition)}.nav-menu>a:not(.btn-primary):not(.btn-secondary):not(.btn-outline):hover{color:var(--primary-color)}.nav-menu .btn-secondary,.nav-menu .btn-primary{padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}.nav-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.btn-primary,.btn-secondary,.btn-outline{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-align:center;cursor:pointer;border:none;transition:all .2s ease-in-out;text-decoration:none;line-height:1.5}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 2px 4px #667eea33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--bg-gray-50);border-color:var(--text-secondary);box-shadow:0 2px 4px #0000001a}.btn-secondary:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.btn-secondary:active{background:var(--bg-gray-100)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-outline:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}.hero{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.trust-indicators{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500}.trust-item i{color:var(--primary-color);font-size:1.25rem}.hero-image{position:relative;width:100%;max-width:100%;overflow:hidden}.hero-card{position:relative;background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:1}.mock-interview-preview{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));z-index:2}.mock-interview-preview video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);display:block;background:#000;z-index:3}.mock-interview-preview:has(video){background:transparent}.mock-interview-preview p{position:relative;margin-top:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:.875rem;line-height:1.4;padding:0 var(--spacing-sm);word-wrap:break-word;z-index:4}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;z-index:2}.video-placeholder i{font-size:4rem;margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition)}.video-placeholder i:hover{transform:scale(1.1)}.mock-interview-preview:has(video) .video-placeholder{display:none}.companies{padding:var(--spacing-xl) 0;background:var(--bg-white);border-bottom:1px solid var(--border-color)}.companies-title{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.companies-logos{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.company-logo{font-size:1.5rem;font-weight:700;color:var(--text-light);opacity:.7;transition:var(--transition)}.company-logo:hover{opacity:1;color:var(--text-secondary)}.features{padding:5rem 0;background:var(--bg-white)}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-card{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.feature-icon i{font-size:1.75rem;color:#fff}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.popular-courses{padding:5rem 0;background:var(--bg-gray-50)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.view-all{color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.view-all:hover{gap:.75rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.course-card{background:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.course-image{position:relative;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.course-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--bg-white);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--primary-color)}.course-badge.new{background:var(--success-color);color:#fff}.course-content{padding:var(--spacing-md)}.course-category{font-size:.875rem;color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.course-card h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.course-card p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.course-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.course-stats span{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.course-stats i{color:var(--primary-color)}.course-footer{display:flex;justify-content:space-between;align-items:center}.course-rating{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-weight:500}.course-rating i{color:#fbbf24}.course-price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.testimonials{padding:5rem 0;background:var(--bg-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.testimonial-card{background:var(--bg-gray-50);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:var(--spacing-md)}.testimonial-rating i{color:#fbbf24}.testimonial-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7;font-size:1.0625rem}.testimonial-author{display:flex;gap:var(--spacing-sm);align-items:center}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.author-name{font-weight:600;color:var(--text-primary)}.author-title{color:var(--text-secondary);font-size:.875rem}.cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-sm)}.cta-content p{color:#ffffffe6;font-size:1.125rem;margin-bottom:var(--spacing-lg)}.cta-content .btn-primary{background:#fff;color:var(--primary-color)}.cta-content .btn-primary:hover{background:var(--bg-gray-100)}.footer{background:var(--text-primary);color:var(--bg-gray-200);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.footer-brand i{font-size:1.75rem;color:var(--primary-light)}.footer-col p{margin-bottom:var(--spacing-md);line-height:1.6}.footer-col h4{color:#fff;font-weight:600;margin-bottom:var(--spacing-md)}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:var(--bg-gray-200);transition:var(--transition)}.footer-col ul li a:hover{color:#fff;padding-left:5px}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);text-align:center}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-text h1{font-size:2.5rem}.hero-image{max-width:100%}.hero-card{padding:var(--spacing-md)}.mock-interview-preview{max-width:100%}.features-grid,.courses-grid,.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);gap:.5rem}.nav-menu.active{display:flex}.nav-menu .btn-secondary,.nav-menu .btn-primary{width:100%;justify-content:center;padding:.75rem 1.5rem}.nav-toggle{display:block}.hero-cta{flex-direction:column}.section-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}}@media(max-width:640px){.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-card{padding:var(--spacing-sm)}.mock-interview-preview{border-radius:var(--radius-md)}.mock-interview-preview video{border-radius:var(--radius-md)}.trust-indicators{flex-direction:column;gap:var(--spacing-sm)}.footer-grid{grid-template-columns:1fr}.companies-logos{flex-direction:column}}.dashboard-section{padding:var(--spacing-xl) 0;background:var(--bg-gray-50);min-height:calc(100vh - 70px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.dashboard-header p{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stats-grid .stat-card{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon i{font-size:1.75rem;color:#fff}.stat-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg)}.dashboard-card{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.dashboard-card h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.course-progress-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.course-progress-image{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-md);flex-shrink:0}.course-progress-info{flex:1}.course-progress-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.progress-bar-container{height:8px;background:var(--bg-gray-100);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.375rem}.progress-bar-fill{height:100%;background:var(--primary-color);border-radius:var(--radius-sm);transition:width .3s ease}.progress-bar-fill.easy{background:var(--success-color)}.progress-bar-fill.medium{background:var(--warning-color)}.progress-bar-fill.hard{background:var(--error-color)}.progress-text{font-size:.875rem;color:var(--text-secondary)}.chart-container{position:relative}.problem-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.problem-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.upcoming-interviews{margin-bottom:var(--spacing-md)}.interview-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.interview-date{text-align:center;padding:var(--spacing-sm);background:var(--bg-gray-50);border-radius:var(--radius-md);min-width:60px}.date-day{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.date-month{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.interview-details h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.interview-details p{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem}.interview-time{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.interview-time i{color:var(--primary-color)}.achievements-list,.goals-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--bg-gray-50)}.achievement-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center}.achievement-icon i{font-size:1.5rem;color:#fff}.achievement-info h4{font-size:1rem;font-weight:600;margin-bottom:.125rem;color:var(--text-primary)}.achievement-info p{font-size:.875rem;color:var(--text-secondary)}.goal-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.goal-checkbox{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.goal-checkbox.checked{background-color:var(--success-color);border-color:var(--success-color)}.goal-checkbox i{color:#fff;font-size:.75rem}.goal-text{color:var(--text-secondary)}.goal-text.completed{text-decoration:line-through;opacity:.7}.user-menu{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-md);transition:var(--transition);margin-right:0}.user-menu:hover{background:var(--bg-gray-50)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;overflow:hidden}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.coins-display{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;text-decoration:none;color:var(--text-primary)}.coins-display:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px);box-shadow:var(--shadow-md)}.coin-icon{font-size:1.25rem;line-height:1}.coin-count{font-weight:700;font-size:.95rem;color:#78350f}.dropdown-menu{display:none;position:absolute;top:calc(100% + .25rem);right:0;min-width:220px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026,0 0 1px #0000000d;padding:.5rem 0;z-index:9999;overflow:hidden}.user-menu:hover .dropdown-menu,.dropdown-menu:hover{display:block}.user-menu:after{content:"";position:absolute;top:100%;right:0;width:100%;height:.25rem;background:transparent;pointer-events:auto}.dropdown-menu a,.dropdown-menu button{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:.625rem 1rem!important;color:var(--text-secondary)!important;font-size:.9375rem;text-decoration:none;text-align:left;transition:all .15s ease-in-out;border:none;background:none;font-family:inherit;font-weight:500!important;cursor:pointer;z-index:1;margin:0}.dropdown-menu a:first-child{margin-top:0}.dropdown-menu a:last-child,.dropdown-menu button:last-child{margin-bottom:0}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-gray-50);color:var(--primary-color)}.dropdown-menu a:active,.dropdown-menu button:active{background:var(--bg-gray-100)}.dropdown-menu a i,.dropdown-menu button i{width:1rem;text-align:center;color:var(--text-secondary)}.dropdown-menu a:hover i,.dropdown-menu button:hover i{color:var(--primary-color)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-gray-50)}.data-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.data-table td{padding:1rem;border-bottom:1px solid var(--border-light)}.data-table tbody tr.hover-row{transition:var(--transition)}.data-table tbody tr.hover-row:hover{background:var(--bg-gray-50)}.page-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-xl) 0}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.page-header .subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:0}.page-header .my-rank{margin-top:1rem;font-size:1rem;color:var(--text-secondary)}.info-banner{background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-radius:var(--radius-lg);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid #e9d5ff}.info-banner i{color:#7c3aed;font-size:1.25rem}.alert{padding:1rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.75rem}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-error i{color:#dc2626}@media(max-width:968px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}.page-header h1{font-size:2rem}.data-table{font-size:.9rem}.data-table th,.data-table td{padding:.75rem .5rem}}.recommendations-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recommendations-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color, #1a202c);display:flex;align-items:center;gap:10px;margin:0}.recommendations-header h3 i{color:#ffc01e}.view-all-btn{background:none;border:none;color:var(--primary-color, #667eea);font-weight:600;cursor:pointer;font-size:.95rem;transition:all .2s ease}.view-all-btn:hover{color:var(--primary-hover, #5568d3);text-decoration:underline}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-card{padding:16px;background:var(--bg-light, #f7fafc);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.recommendation-card:hover{background:#fff;border-color:var(--primary-color, #667eea);transform:translate(4px);box-shadow:0 2px 8px #667eea1a}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.recommendation-title{flex:1;font-weight:500;color:var(--text-color, #1a202c);line-height:1.4}.recommendation-difficulty{font-size:.875rem;font-weight:600;padding:4px 10px;border-radius:12px;background:#ffc01e1a;white-space:nowrap}.recommendation-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary, #718096)}.recommendation-category,.recommendation-acceptance{display:flex;align-items:center;gap:6px}.recommendation-category i{color:var(--primary-color, #667eea)}.recommendation-acceptance i{color:#00b8a3}.recommendations-loading,.recommendations-empty{text-align:center;padding:40px 20px;color:var(--text-secondary, #718096)}.recommendations-loading i{font-size:2rem;color:var(--primary-color, #667eea)}.recommendations-empty p{margin:0}.profile-section{padding:var(--spacing-xl) 0;background:var(--bg-gray-50);min-height:calc(100vh - 70px)}.profile-header{margin-bottom:var(--spacing-xl)}.profile-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.profile-header p{color:var(--text-secondary)}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}.profile-sidebar{position:sticky;top:80px;height:-moz-fit-content;height:fit-content}.profile-nav{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.profile-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition);margin-bottom:.25rem;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.profile-nav-item:hover{background:var(--bg-gray-50);color:var(--text-primary)}.profile-nav-item.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.profile-nav-item i{width:20px;font-size:1.125rem;flex-shrink:0}.profile-content{max-width:900px}.profile-section-content{display:none}.profile-section-content.active{display:block}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.375rem}.section-header p{color:var(--text-secondary)}.profile-card{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.profile-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.profile-picture-section{display:flex;gap:var(--spacing-xl);align-items:center}.profile-picture-preview{position:relative}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:2.5rem;box-shadow:var(--shadow-md);overflow:hidden}.profile-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.remove-picture{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--error-color);color:#fff;border:2px solid white;cursor:pointer;display:none;align-items:center;justify-content:center;transition:var(--transition)}.profile-picture-preview:hover .remove-picture{display:flex}.remove-picture:hover{background:#dc2626}.profile-picture-actions{flex:1}.helper-text{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--bg-white)}.form-group textarea{resize:vertical;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-help{display:block;margin-top:.375rem;font-size:.875rem;color:var(--text-secondary)}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.security-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-gray-50);border-radius:var(--radius-md)}.security-option h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.security-option p{color:var(--text-secondary);font-size:.9375rem}.sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.session-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.session-icon{width:48px;height:48px;background:var(--bg-gray-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem}.session-info{flex:1}.session-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.session-info p{font-size:.875rem;color:var(--text-secondary)}.session-badge{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.session-badge.current{background:#10b9811a;color:var(--success-color)}.current-plan{display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:700;width:-moz-fit-content;width:fit-content}.plan-badge.pro{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.plan-details{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);background:var(--bg-gray-50);border-radius:var(--radius-md)}.plan-info h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.plan-info p{color:var(--text-secondary);margin-bottom:.125rem}.renewal-date{font-size:.875rem;color:var(--text-secondary)}.plan-actions{display:flex;gap:var(--spacing-sm)}.plan-benefits{margin-top:var(--spacing-md)}.plan-benefits h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.plan-benefits ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.plan-benefits li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem}.plan-benefits li i{color:var(--success-color)}.btn-danger{padding:.75rem 1.5rem;background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-gray-50);border-radius:var(--radius-md)}.card-info{display:flex;align-items:center;gap:var(--spacing-md)}.card-icon{font-size:2.5rem;color:var(--primary-color)}.card-details h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.card-details p{font-size:.875rem;color:var(--text-secondary)}.billing-table{overflow-x:auto}.billing-table table{width:100%;border-collapse:collapse}.billing-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);background:var(--bg-gray-50);border-bottom:1px solid var(--border-color)}.billing-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.status-badge.paid{background:#10b9811a;color:var(--success-color)}.invoice-link{color:var(--primary-color);font-weight:500;transition:var(--transition)}.invoice-link:hover{text-decoration:underline}.notification-settings,.privacy-settings{display:flex;flex-direction:column;gap:var(--spacing-md)}.notification-item,.privacy-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.notification-info h4,.privacy-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification-info p,.privacy-info p{font-size:.9375rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:50px;height:26px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-gray-200);transition:var(--transition);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;transition:var(--transition);border-radius:50%}input:checked+.toggle-slider{background:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.danger-zone{border:2px solid var(--error-color)}.danger-zone h3{color:var(--error-color)}.danger-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.danger-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.danger-info p{font-size:.9375rem;color:var(--text-secondary)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--bg-white);border-radius:var(--radius-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-body p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.cancel-reasons{list-style:disc;padding-left:var(--spacing-lg);margin:var(--spacing-md) 0}.cancel-reasons li{color:var(--text-secondary);margin-bottom:.375rem}.feedback-section{margin-top:var(--spacing-lg)}.feedback-section label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feedback-section textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;min-height:100px}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:968px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-picture-section{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.plan-details{flex-direction:column;gap:var(--spacing-md)}.plan-benefits ul{grid-template-columns:1fr}.billing-table{font-size:.875rem}}.admin-dashboard{min-height:100vh;background-color:#f5f7fa;overflow-y:auto}.admin-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#6366f1}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.admin-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.admin-logo h1{margin:0;font-size:1.5rem;font-weight:700}.admin-user-menu{display:flex;align-items:center;gap:1rem}.admin-user-name{font-weight:600}.admin-user-role{background-color:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;text-transform:uppercase}.admin-logout-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s}.admin-logout-btn:hover{background-color:#ffffff4d}.admin-content{max-width:1400px;margin:0 auto;padding:2rem}.admin-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:2rem}.admin-error{background-color:#fef2f2;border-left:4px solid #ef4444;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.admin-stat-card h3{margin:0 0 .5rem;font-size:.875rem;color:#6b7280;text-transform:uppercase;font-weight:600}.stat-number{margin:0;font-size:2.5rem;font-weight:700;color:#6366f1}.admin-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.admin-section h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1f2937}.admin-table-container{overflow-x:auto}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-badge.status-pending{background:#ffc107;color:#000}.status-badge.status-approved{background:#28a745;color:#fff}.status-badge.status-rejected{background:#dc3545;color:#fff}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:#f9fafb}.admin-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#374151}.admin-table tbody tr:hover{background-color:#f9fafb}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-admin{background-color:#fef3c7;color:#92400e}.role-coach{background-color:#dbeafe;color:#1e40af}.role-student{background-color:#d1fae5;color:#065f46}.verified-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background-color:#d1fae5;color:#065f46}.unverified-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background-color:#fee2e2;color:#991b1b}@media(max-width:768px){.admin-header-content{flex-direction:column;gap:1rem}.admin-user-menu{width:100%;justify-content:space-between}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.admin-content{padding:1rem}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.5rem}}.pricing-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:var(--spacing-xl) 0;text-align:center;color:#fff}.pricing-header h1{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-sm)}.pricing-header p{font-size:1.25rem;opacity:.9;margin-bottom:var(--spacing-lg)}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-weight:600}.toggle-switch{position:relative;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#ffffff4d;transition:var(--transition);border-radius:30px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background:#fff;transition:var(--transition);border-radius:50%}input:checked+.slider{background:#ffffff80}input:checked+.slider:before{transform:translate(30px)}.save-badge{padding:.25rem .5rem;background:var(--success-color);border-radius:var(--radius-sm);font-size:.75rem;margin-left:.375rem}.pricing-section{padding:var(--spacing-xl) 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.pricing-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition);position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.pricing-card.featured{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.375rem var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:700}.plan-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.plan-header h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;margin-bottom:var(--spacing-sm)}.price{font-size:3rem;font-weight:800;color:var(--text-primary)}.annual-price{display:none}.period{color:var(--text-secondary);margin-left:.5rem}.plan-header p{color:var(--text-secondary)}.plan-features h4{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.plan-features ul{list-style:none}.plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.plan-features li i{color:var(--success-color)}.plan-features li.disabled{opacity:.5}.plan-features li.disabled i{color:var(--text-light)}.faq-section{padding:var(--spacing-xl) 0;background:var(--bg-gray-50)}.faq-section h2{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.faq-grid{max-width:900px;margin:0 auto}.faq-item{background:var(--bg-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:var(--transition)}.faq-question:hover{background:var(--bg-gray-50)}.faq-question h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.faq-question i{color:var(--text-secondary);transition:var(--transition)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--text-secondary);line-height:1.7;display:none}.faq-item.active .faq-answer{display:block}@media(max-width:968px){.pricing-grid{grid-template-columns:1fr}.pricing-header h1{font-size:2rem}}.bookmark-button-container{position:relative;display:inline-block}.bookmark-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.bookmark-button:hover{background:var(--hover-bg, #f5f5f5);color:var(--primary-color, #3b82f6)}.bookmark-button.bookmarked{color:var(--primary-color, #3b82f6)}.bookmark-button.bookmarked:hover{color:var(--primary-dark, #2563eb)}.bookmark-button.loading{opacity:.6;cursor:not-allowed}.bookmark-button.small{padding:4px 8px;font-size:12px}.bookmark-button.small i{font-size:12px}.bookmark-button.medium{padding:8px 12px;font-size:14px}.bookmark-button.medium i{font-size:16px}.bookmark-button.large{padding:10px 16px;font-size:16px}.bookmark-button.large i{font-size:20px}.bookmark-button i{transition:transform .2s ease}.bookmark-button:hover i{transform:scale(1.1)}.bookmark-button.bookmarked i{animation:bookmarkPulse .3s ease}@keyframes bookmarkPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bookmark-label{white-space:nowrap}.bookmark-error{position:absolute;top:100%;left:0;margin-top:4px;padding:6px 10px;background:var(--error-bg, #fee);color:var(--error-color, #c00);border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.bookmark-button{padding:6px 10px}.bookmark-label{display:none}}.container-wide{max-width:1400px;margin:0 auto;padding:0}.questions-section{padding:0;background:#f9fafb;min-height:calc(100vh - 80px);overflow-y:auto}.questions-header{margin-bottom:2rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:1rem}.breadcrumb a{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb i{font-size:.75rem}.questions-header h1{font-size:2.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.subtitle{font-size:1rem;color:#6b7280;margin:0;max-width:700px}.content-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}.main-content{min-width:0}.inline-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;justify-content:space-between}.dropdown-filter{position:relative}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;color:#374151;transition:all .2s}.filter-btn:hover{border-color:#9ca3af;background:#f9fafb}.filter-btn.active{border-color:var(--primary-color);background:#6366f10d}.filter-btn i{font-size:.75rem;color:#6b7280;transition:transform .2s}.filter-btn.active i{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:.5rem;display:none;z-index:100}.filter-dropdown.show{display:block;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown.scrollable{max-height:300px;overflow-y:auto}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:6px;cursor:pointer;transition:background .15s}.filter-option:hover{background:#f3f4f6}.filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.filter-option span{font-size:.9375rem;color:#374151}.btn-hot{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;color:#374151;margin-left:auto}.btn-hot i.fa-fire{color:#f97316}.btn-hot:hover{border-color:#9ca3af}.featured-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.topic-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.topic-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.topic-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.topic-icon.coding{background:#dbeafe;color:#2563eb}.topic-icon.design{background:#e0e7ff;color:#6366f1}.topic-icon.behavioral{background:#fce7f3;color:#ec4899}.topic-content h3{font-size:.9375rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s}.question-card:hover{box-shadow:0 4px 12px #00000014}.question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.question-source{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.company-logo{width:20px;height:20px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.company-logo-placeholder{width:20px;height:20px;border-radius:4px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#111827;font-weight:600;font-size:.75rem}.company-initial{line-height:1}.company-logo-placeholder svg{display:block}.company-logo-placeholder img{display:block}.time-ago{color:#9ca3af}.question-title{margin-bottom:.75rem;padding-top:10px;padding-bottom:10px;display:flex;align-items:center;gap:.75rem}.question-title a{font-size:1.125rem;font-weight:600;color:#111827;text-decoration:none;line-height:1.4;transition:color .2s}.question-title a:hover{color:var(--primary-color)}.question-solved-badge{display:inline-flex;align-items:center;gap:.375rem;color:#10b981;font-size:.875rem;font-weight:500}.question-solved-badge i{font-size:1rem;color:#10b981}.question-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.badge{padding:.25rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;margin:3px}.badge.role{background:#f3f4f6;color:#6b7280}.badge.difficulty{font-weight:600}.badge.difficulty.easy{background:#10b9811a;color:#059669}.badge.difficulty.medium{background:#f59e0b1a;color:#d97706}.badge.difficulty.hard{background:#ef44441a;color:#dc2626}.badge.topic{background:#eff6ff;color:#2563eb}.badge.more{background:#f3f4f6;color:#9ca3af}.question-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f3f4f6}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:color .2s}.action-btn:hover{color:var(--primary-color)}.question-stats{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#9ca3af}.question-stats i{margin-right:.375rem}.question-preview{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.avatar-stack{display:flex;align-items:center;flex-shrink:0}.avatar-stack img{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.avatar-count{width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:2px solid white;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#6b7280}.preview-text{flex:1;font-size:.875rem;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.5rem;transition:color .2s}.expand-btn:hover{color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding:1.5rem 0}.page-btn{min-width:40px;height:40px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(.disabled):not(.active){border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn.disabled{opacity:.4;cursor:not-allowed}.sidebar{position:sticky;top:90px}.sidebar-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem}.sidebar-search i{color:#9ca3af;font-size:.875rem}.sidebar-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#374151}.sidebar-search input::-moz-placeholder{color:#9ca3af}.sidebar-search input::placeholder{color:#9ca3af}.sidebar-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.sidebar-section h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.section-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 1rem}.role-tags{display:flex;flex-wrap:wrap;gap:.5rem}.role-tag{padding:.5rem 1rem;background:#f3f4f6;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;transition:all .2s;border:1px solid transparent;cursor:pointer}.role-tag:hover{background:#6366f11a;color:var(--primary-color)}.role-tag.is-active{background:#6366f11f;border-color:#6366f159;color:var(--primary-color)}.btn-share{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-share:hover{background:var(--primary-dark)}.company-list{display:flex;gap:.75rem}.company-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;text-decoration:none;color:#374151;transition:background .2s;border:1px solid transparent;background:transparent;cursor:pointer}.company-item:hover{background:#f9fafb}.company-item.is-active{background:#6366f10f;border-color:#6366f140}.company-item img{width:28px;height:28px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.company-item .company-logo-placeholder{width:28px;height:28px;border-radius:6px}.company-item span{font-size:.9375rem;font-weight:500}@media(max-width:1200px){.content-layout{grid-template-columns:1fr 280px}.featured-topics{grid-template-columns:1fr}}@media(max-width:968px){.content-layout{grid-template-columns:1fr}.sidebar{position:static;margin-top:2rem}.inline-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.featured-topics{grid-template-columns:1fr}}@media(max-width:640px){.container-wide{padding:0 1rem}.questions-header h1{font-size:1.75rem}.question-card{padding:1rem}.question-preview{flex-direction:column;align-items:flex-start}.preview-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.collaborative-editor-container{display:flex;flex-direction:column;height:100%;position:relative}.editor-presence-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.presence-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border:2px solid;border-radius:20px;background:#fff}.presence-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.presence-name{font-size:.875rem;font-weight:500;color:#374151}.editor-wrapper{flex:1;min-height:0;position:relative}.cursor-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.remote-cursor{position:absolute;width:2px;height:20px;border-left:2px solid;pointer-events:none}.cursor-label{position:absolute;top:-20px;left:-2px;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap;pointer-events:none}.video-chat-container{display:flex;flex-direction:column;height:100%;background:#1a1a1a;border-radius:8px;overflow:hidden}.video-chat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;flex:1;min-height:0}.video-wrapper{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.video-label{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.video-controls{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#2a2a2a;border-top:1px solid #3a3a3a}.video-controls-overlay{position:absolute;bottom:.5rem;right:.5rem;display:flex;justify-content:center;gap:.5rem;padding:.375rem;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.local-video-preview{position:absolute;top:.5rem;right:.5rem;width:80px;height:60px;background:#000;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.3);z-index:5;box-shadow:0 2px 8px #0006;touch-action:none}.local-video-preview .video-overlay{font-size:.8rem}.local-video-preview .video-overlay i{font-size:1.25rem}.preview-video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.local-preview-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,#fff0 40%,#ffffff59)}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#ffffff80;font-size:1.5rem}.control-btn{width:48px;height:48px;border-radius:50%;border:none;background:#3a3a3a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;color:#fff;font-size:.875rem;gap:.5rem}.video-overlay i{font-size:2rem;opacity:.7}.video-chat-grid.single-video{grid-template-columns:1fr}@media(max-width:768px){.video-chat-grid{grid-template-columns:1fr}}.draggable-video-container{position:fixed;background:#1a1a1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;display:flex;flex-direction:column;resize:none}.video-drag-handle{height:24px;background:#2a2a2ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid rgba(58,58,58,.5);transition:background .2s}.video-drag-handle:hover{background:#2a2a2ae6}.video-title{font-size:.75rem;font-weight:500;color:#fffc}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.3) 50%,transparent 50%);z-index:10}.draggable-video-content{flex:1;overflow:hidden;background:#1a1a1a;min-height:0}.draggable-video-content .video-chat-container{height:100%;background:transparent}.draggable-video-content .video-chat-grid{grid-template-columns:1fr;gap:0;padding:0;height:100%}.draggable-video-content .video-wrapper{width:100%;height:100%;border-radius:0;position:relative}.draggable-video-content .control-btn{width:32px;height:32px;font-size:.875rem}.draggable-video-container:active{cursor:grabbing}.video-title{font-size:.875rem;font-weight:500;color:#fff}.video-header-controls{display:flex;gap:.5rem}.header-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem .5rem;font-size:.875rem;transition:color .2s;line-height:1}.header-btn:hover{color:#fff}.close-btn:hover{color:#ef4444}.video-content{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;background:#000}.video-placeholder i{font-size:3rem;margin-bottom:.5rem;color:#4b5563}.video-placeholder p{font-size:.875rem;margin:0}.video-controls{display:flex;justify-content:center;gap:.5rem;padding:.75rem;background:#2a2a2a;border-top:1px solid #3a3a3a}.control-btn{width:36px;height:36px;border-radius:50%;border:none;background:#3a3a3a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.control-btn:hover{background:#4a4a4a;transform:scale(1.05)}.control-btn.active{background:#7c3aed}.control-btn.active:hover{background:#6d28d9}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast{animation:slideIn .3s ease-out}.toast:hover{opacity:.95}.rejoin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.rejoin-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;padding:2rem;position:relative;box-shadow:0 20px 25px -5px #0000001a}.rejoin-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;line-height:1}.rejoin-modal-close:hover{color:#111827}.rejoin-modal-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.rejoin-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c3aed4d}.rejoin-avatar i{font-size:3rem;color:#fff}.rejoin-modal-title{font-size:1.5rem;font-weight:600;color:#111827;text-align:center;margin-bottom:1.5rem}.rejoin-btn{width:100%;padding:1rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.rejoin-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.rejoin-btn:active{transform:translateY(0)}.rejoin-feedback{text-align:center}.rejoin-feedback p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.rejoin-feedback a{color:#7c3aed;text-decoration:none;font-size:.875rem;font-weight:500}.rejoin-feedback a:hover{text-decoration:underline}.feedback-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.feedback-form-modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feedback-form-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;line-height:1;z-index:10}.feedback-form-close:hover{color:#374151}.feedback-form-header{padding:32px 32px 24px;border-bottom:1px solid #e5e7eb}.feedback-form-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.feedback-form-subtitle{margin:0 0 8px;color:#6b7280;font-size:14px}.feedback-form-opponent{margin:8px 0 0;color:#374151;font-size:14px}.feedback-form-opponent strong{color:#111827}.feedback-form{padding:24px 32px 32px}.feedback-form-section{margin-bottom:24px}.feedback-form-label{display:block;font-weight:600;color:#111827;margin-bottom:8px;font-size:14px}.feedback-form-label .required{color:#ef4444}.star-rating-input{display:flex;align-items:center;gap:8px;margin-bottom:8px}.star-btn{background:none;border:none;padding:4px;cursor:pointer;color:#d1d5db;font-size:24px;transition:color .2s}.star-btn:hover,.star-btn.filled{color:#fbbf24}.star-required{font-size:12px;color:#ef4444;margin-left:8px}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px;margin-bottom:8px}.feedback-form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.feedback-form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.feedback-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit{padding:10px 20px;border:none;background:#8b5cf6;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-submit:hover:not(:disabled){background:#7c3aed}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.yes-no-input{margin-bottom:8px}.yes-no-buttons{display:flex;gap:12px;margin-bottom:8px}.yes-no-btn{padding:10px 24px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.yes-no-btn:hover{border-color:#9ca3af;background:#f9fafb}.yes-no-btn.selected{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.yes-no-btn.selected:hover{background:#7c3aed;border-color:#7c3aed}.yes-no-required{font-size:12px;color:#ef4444}.feedback-form-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center;font-size:14px;color:#6b7280}.feedback-form-footer a{color:#8b5cf6;text-decoration:none}.feedback-form-footer a:hover{text-decoration:underline}*{box-sizing:border-box}.question-navbar{height:45px;background:#f0f0f0;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:fixed;top:0;left:0;right:0;z-index:100}.question-nav-left{display:flex;align-items:center;gap:1rem}.back-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f3f4f6;color:#374151}.nav-question-number{font-size:.9375rem;font-weight:500;color:#111827}.question-nav-center{display:flex;gap:.5rem}.nav-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.nav-btn:hover{background:#f3f4f6}.nav-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.nav-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)}.question-nav-right{display:flex;gap:.5rem}.nav-icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-icon-btn:hover{background:#f3f4f6;color:#374151}.role-title{font-size:.9375rem;font-weight:500;color:#111827;padding:0;margin:0;display:flex;align-items:center;height:100%;line-height:1.5}.nav-timer{display:flex;align-items:center;gap:.5rem;color:#111827;font-size:.9375rem;font-weight:500;min-width:90px;padding:0;height:100%;line-height:1.5}.nav-timer i{color:#6366f1;font-size:.875rem}.nav-timer span{font-family:Courier New,monospace;letter-spacing:.5px}.session-control-btn{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:#fff}.session-control-btn:disabled{opacity:.6;cursor:not-allowed}.session-control-change{background:#7c3aed}.session-control-change:hover:not(:disabled){background:#6d28d9}.session-control-change:disabled{background:#9ca3af}.session-control-switch{background:#10b981}.session-control-switch:hover:not(:disabled){background:#059669}.session-control-switch:disabled{background:#9ca3af}.session-control-end{background:#ef4444}.session-control-end:hover:not(:disabled){background:#dc2626}.session-control-end:disabled{background:#9ca3af}.question-detail-page{height:100vh;overflow:hidden;background:#f0f0f0}.question-detail-page.noncoding-detail{overflow-y:auto}.noncoding-breadcrumb{font-size:.875rem;color:#6b7280;text-decoration:none}.noncoding-breadcrumb:hover{color:#374151;text-decoration:underline}.noncoding-container{max-width:1120px;margin:0 auto;padding:72px 16px 32px}.noncoding-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.noncoding-layout{grid-template-columns:2fr 1fr;gap:32px;align-items:start}}.noncoding-main{background:transparent}.noncoding-title{font-size:2rem;font-weight:650;color:#111827;margin:0 0 10px;line-height:1.15}.noncoding-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}.noncoding-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.noncoding-action-btn:hover{background:#f9fafb}.noncoding-action-btn.is-active{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f11f}.noncoding-action-btn i{color:#4b5563}.noncoding-action-btn.is-active i{color:#4338ca}.noncoding-subtitle{margin:0 0 18px;color:#374151;font-size:1rem;line-height:1.5}.noncoding-video{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#0b0f19;margin:18px 0 24px;box-shadow:0 1px 3px #00000014}.noncoding-video-player{width:100%;display:block;max-height:420px;background:#0b0f19}.noncoding-video-feedback{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;background:#fff;border-top:1px solid #e5e7eb}.noncoding-video-feedback-label{font-size:.875rem;font-weight:600;color:#111827}.noncoding-stars{display:inline-flex;gap:6px;align-items:center}.noncoding-star{border:none;background:transparent;padding:4px;cursor:pointer;color:#cbd5e1;transition:transform .12s,color .12s}.noncoding-star:hover{transform:translateY(-1px);color:#f59e0b}.noncoding-star.is-on{color:#f59e0b}.noncoding-question-body{color:#111827;line-height:1.6;font-size:1rem;white-space:pre-wrap}.noncoding-divider{height:1px;background:#e5e7eb;margin:14px 0}.noncoding-subsection-title{font-size:1rem;font-weight:650;color:#111827;margin:0 0 10px}.noncoding-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:0 0 16px;box-shadow:0 1px 3px #0000000f}.noncoding-section-title{font-size:1.125rem;font-weight:650;color:#111827;margin:0 0 12px}.noncoding-muted{color:#6b7280;font-size:.925rem}.noncoding-guidelines{margin:0 0 14px;padding:0;border-radius:0;border:none;background:transparent}.noncoding-guidelines-title{font-weight:650;color:#111827;font-size:.95rem;margin-bottom:6px}.noncoding-guidelines-list{margin:0;padding-left:18px;color:#374151;font-size:.925rem;line-height:1.5}.noncoding-guidelines-list li+li{margin-top:6px}.noncoding-accordion{display:flex;flex-direction:column;gap:10px}.noncoding-accordion-item{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.noncoding-accordion-item.is-open{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f11f}.noncoding-accordion-trigger{width:100%;border:none;background:#fafafa;padding:12px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.noncoding-accordion-title{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#111827;font-size:.95rem}.noncoding-accordion-icon{color:#6b7280}.noncoding-accordion-content{padding:12px 14px 14px;color:#374151;line-height:1.5;background:#fff}.comment-composer{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.comment-avatar{width:40px;height:40px;border-radius:999px;background:#eef2ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #e0e7ff}.comment-avatar--small{width:34px;height:34px;font-size:.85rem}.comment-composer-body{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafafa}.comment-composer-label{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:8px}.comment-textarea{width:100%;resize:vertical;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:.95rem;line-height:1.5;background:#fff}.comment-textarea:focus{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f129}.comment-composer-actions{display:flex;justify-content:flex-end;margin-top:10px}.comment-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.comment-card{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.qa-editor{border:none;border-radius:0;background:transparent;padding:0;overflow:visible;position:relative}.qa-editor-header{display:flex;align-items:center;gap:10px;padding:0}.qa-editor-author{display:flex;flex-direction:column;gap:2px}.qa-author-name{font-weight:650;color:#111827;font-size:.95rem}.qa-date{color:#6b7280;font-size:.75rem}.qa-avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.qa-avatar--sm{width:36px;height:36px}.qa-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.qa-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:750;color:#4338ca;background:#eef2ff}.qa-avatar-fallback--sm{font-size:.85rem}.qa-editor-textarea{width:100%;border:none;border-radius:0;padding:12px 0 18px;resize:vertical;font-size:.95rem;line-height:1.55;background:#fff}.qa-editor-textarea:focus{outline:none}.qa-editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 0 0;border-top:1px solid #e5e7eb}.qa-editor-toolbar{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e5e7eb;background:transparent}.qa-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer}.qa-toolbar-btn:hover{background:#f3f4f6;color:#111827}.qa-avatar-img--sm{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qa-toolbar{display:flex;align-items:center;gap:10px;color:#6b7280}.qa-tool-btn{border:none;background:transparent;color:#6b7280;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s,color .15s}.qa-tool-btn:hover{background:#f3f4f6;color:#111827}.qa-submit-btn{padding:10px 14px;border-radius:10px;border:1px solid transparent;background:#4f46e5;color:#fff;font-weight:650;cursor:pointer}.qa-submit-btn:disabled{opacity:.6;cursor:not-allowed}.qa-answer-list{display:flex;flex-direction:column;gap:14px}.qa-answers-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qa-answers-count{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-weight:650;font-size:.9rem}.qa-sort{position:relative}.qa-sort-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:650;cursor:pointer}.qa-sort-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 30px #0000001f;overflow:hidden;z-index:20}.qa-sort-option{width:100%;text-align:left;padding:12px 14px;border:none;background:#fff;cursor:pointer;font-weight:600;color:#111827}.qa-sort-option:hover,.qa-sort-option.is-active{background:#f9fafb}.qa-answer-card{border:none;border-radius:0;background:transparent;padding:16px 0}.qa-answer-card+.qa-answer-card{border-top:1px solid #e5e7eb}.qa-answer-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.qa-answer-meta{display:flex;flex-direction:column;gap:2px}.qa-answer-body{color:#374151;line-height:1.6}.qa-answer-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.qa-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:650;cursor:pointer}.qa-action-btn:hover{background:#f9fafb}.qa-action-btn.is-active{border-color:#6366f173;background:#eef2ff;color:#3730a3}.qa-replies{margin-top:14px;padding-left:16px;border-left:2px solid #f3f4f6;display:flex;flex-direction:column;gap:12px}.qa-reply-card{border:none;border-radius:0;background:transparent;padding:14px 0}.qa-reply-editor{margin-top:12px}.qa-reply-editor-inner{border:none;border-radius:0;background:transparent;overflow:visible}.qa-reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 14px;border-top:1px solid #e5e7eb}.qa-reply-cancel{padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:650;cursor:pointer}.qa-reply-cancel:hover{background:#f9fafb}.markdown-body p{margin:.5rem 0}.markdown-body ul,.markdown-body ol{margin:.5rem 0 .5rem 1.25rem}.markdown-body code{background:#f3f4f6;border-radius:6px;padding:.1rem .3rem;font-size:.9em}.markdown-body pre{background:#0b1020;color:#e5e7eb;border-radius:12px;padding:12px 14px;overflow:auto;margin:.75rem 0}.markdown-body pre code{background:transparent;padding:0;color:inherit}.comment-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.comment-user{font-weight:650;color:#111827;font-size:.95rem}.comment-date{color:#6b7280;font-size:.75rem}.comment-content{color:#374151;white-space:pre-wrap;line-height:1.55}.noncoding-sidebar{display:flex;flex-direction:column;gap:16px;position:relative}@media(min-width:1024px){.noncoding-sidebar{position:sticky;top:64px}}.noncoding-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000f}.noncoding-card-muted{background:#fafafa}.noncoding-card-title{font-size:1.05rem;font-weight:650;color:#111827;margin:0 0 10px}.noncoding-field{margin-bottom:12px}.noncoding-field:last-child{margin-bottom:0}.noncoding-field-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.noncoding-pill-row{display:flex;flex-wrap:wrap;gap:8px}.noncoding-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;font-size:.75rem;font-weight:600}.company-pill-icon{display:block}.related-question-list{display:flex;flex-direction:column;gap:10px}.related-question-link{color:#2563eb;text-decoration:none;font-size:.95rem;line-height:1.35}.related-question-link:hover{text-decoration:underline}.question-container{display:flex;height:calc(100vh - 45px);margin-top:45px;background:transparent;padding:0}.description-panel{width:30%;min-width:300px;max-width:calc(100% - 500px);background:#fff;display:flex;flex-direction:column;flex-shrink:0;position:relative;margin-right:5px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.panel-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fafafa;padding:0 1rem;height:44px;align-items:center;flex-shrink:0}.panel-tab{padding:.75rem 1rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:0;position:relative}.panel-tab:hover{color:#374151}.panel-tab.active{color:#111827;border-bottom-color:#2563eb;background:transparent}.panel-content{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.question-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem}.question-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem}.question-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.question-solved-status{display:inline-flex;align-items:center;gap:.5rem;color:#24292e;font-size:.875rem;font-weight:400;margin-left:.75rem}.question-solved-status i{font-size:1rem;color:#10b981;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center}.question-solved-status span{color:#24292e;font-weight:400}.question-meta{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:0;margin-bottom:0}.difficulty-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;line-height:1}.difficulty-badge.easy{background:#d1fae5;color:#065f46}.difficulty-badge.medium{background:#fed7aa;color:#92400e}.difficulty-badge.hard{background:#fecaca;color:#991b1b}.meta-btn{padding:.25rem .5rem;border-radius:9999px;border:none;background:#f3f4f6;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.25rem;line-height:1}.meta-btn:hover{background:#e5e7eb;color:#111827;opacity:.8}.problem-content{line-height:1.6;color:#1a1a1a;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.problem-content p{margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.problem-content code{background:#f7f7f7;padding:.125rem .375rem;border-radius:3px;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;color:#d73a49;border:1px solid #e1e4e8}.problem-content strong{font-weight:600;color:#24292e}.problem-content em{font-style:italic;color:#24292e}.problem-content code[data-highlight]{background:#fff5b1;color:#24292e;border:none;padding:.125rem .25rem}.example-section{margin:1.5rem 0}.example-section h3{font-size:.9375rem;font-weight:600;color:#24292e;margin:0 0 .75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.example-box{background:transparent;border-left:3px solid #e5e7eb;padding-left:1rem;margin-left:.5rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#24292e}.example-line{margin-bottom:.5rem;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.6;color:#24292e}.example-line:last-child{margin-bottom:0}.example-line strong{font-weight:600;color:#24292e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem}.example-line code{background:transparent;padding:0;border:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;color:#24292e}.constraints-section{margin:1.5rem 0}.constraints-section h3{font-size:.9375rem;font-weight:600;color:#24292e;margin:0 0 .75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.constraints-list{list-style:none;padding:0;margin:0}.constraint-item{padding:.5rem 0;font-size:.875rem;color:#24292e;line-height:1.6;display:flex;align-items:center}.constraints-list li:before{content:"•";margin-right:.75rem;color:#24292e;font-weight:600;flex-shrink:0}.constraint-code-box{display:inline-block;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;color:#24292e;line-height:1.5}.follow-up-section{margin:1.5rem 0;padding:1rem;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px}.follow-up-section h3{font-size:.9375rem;font-weight:600;color:#1e40af;margin:0 0 .5rem}.follow-up-section p{margin:0;color:#1e40af;font-size:.9375rem}.stats-section{display:flex;align-items:center;gap:.7rem;padding:0;margin:0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.stats-section.collapsible-stats-section{cursor:pointer;justify-content:space-between;padding:.5rem 0}.stat-item{display:flex;align-items:baseline;gap:.35rem;flex:1}.stat-item-collapsible{flex-direction:column;align-items:flex-start;gap:.5rem;flex:1;padding:2px}.stat-label{font-size:.9375rem;color:#24292e;font-weight:400}.collapsible-stats-section .collapse-icon{font-size:.75rem;color:#6b7280;transition:transform .2s;flex-shrink:0;margin-left:1rem}.stat-value{font-size:.75rem;font-weight:600;color:#24292e}.stat-separator{color:#d1d5db;margin:0 .5rem}.accepted-stats{display:flex;align-items:baseline;gap:.25rem;font-size:.875rem;color:#24292e}.accepted-number{font-weight:600;font-size:.875rem}.accepted-total{font-weight:400;color:#6b7280;font-size:.875rem}.stat-separator{color:#d1d5db}.sidebar-links{margin-top:2rem}.sidebar-section{margin-bottom:0;border:none}.sidebar-section.collapsible-section{margin-bottom:0;padding:0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.sidebar-section h4{font-size:.875rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0;text-align:left}.sidebar-section h4 i{color:#6b7280;font-size:.8125rem}.collapsible-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s;justify-content:space-between;text-align:left;width:100%}.collapsible-header:hover{color:#2563eb}.collapsible-header .collapse-icon{font-size:.75rem;color:#6b7280;transition:transform .2s;margin-left:auto}.topic-tags,.company-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding:0;text-align:left}.topic-tag,.company-badge{padding:.25rem .625rem;background:#f3f4f6;border-radius:6px;font-size:.8125rem;color:#374151;font-weight:500;border:none;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.topic-tag:hover,.company-badge:hover{background:#e5e7eb;color:#111827}.stat-tags{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.stat-tag{padding:.25rem .5rem;border-radius:9999px;border:none;background:#f3f4f6;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.stat-tag:hover{background:#e5e7eb;color:#111827;opacity:.8}.similar-questions{display:flex;flex-direction:column;gap:.5rem}.similar-q{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;color:#374151;transition:all .2s}.similar-q:hover{background:#f3f4f6}.similar-q-title{font-size:.875rem;font-weight:500}.panel-resizer{width:8px;background:transparent;cursor:col-resize;transition:background .2s;flex-shrink:0;position:relative;z-index:10;-moz-user-select:none;user-select:none;-webkit-user-select:none;margin:0;display:flex;align-items:center;justify-content:center}.panel-resizer:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:24px;height:2px;background:#9ca3afcc;border-radius:1px;transition:background-color .2s}.panel-resizer:hover{background:#6366f11a}.panel-resizer:hover:before{background:#6366f1cc;width:36px}.panel-resizer:active{background:#6366f133}.panel-resizer:active:before{background:#6366f1cc}.panel-resizer.horizontal-resizer{width:100%;height:8px;cursor:row-resize;background:transparent;flex-shrink:0;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;margin:0}.panel-resizer.horizontal-resizer:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:2px;background:#9ca3afcc;border-radius:1px;transition:background-color .2s}.panel-resizer.horizontal-resizer:hover{background:#e5e7eb;border-top-color:#6366f1;border-bottom-color:#6366f1}.panel-resizer.horizontal-resizer:hover:before{background:#6366f1cc;width:36px}.panel-resizer.horizontal-resizer:active{background:#d1d5db;border-top-color:#6366f1;border-bottom-color:#6366f1}.panel-resizer.horizontal-resizer:active:before{background:#6366f1cc}.editor-panel{flex:0 0 auto;display:flex;flex-direction:column;background:#fff;min-width:0;padding:0!important;overflow:hidden;margin-bottom:5px;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:300px}.editor-header{height:44px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-start;padding:0 1rem;background:#fafafa;flex-shrink:0}.editor-status-bar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:.75rem;color:#6b7280;flex-shrink:0}.status-bar-left{display:flex;align-items:center}.status-saved{display:flex;align-items:center;gap:4px;color:#059669}.status-bar-right{display:flex;align-items:center}.status-cursor{color:#6b7280}.editor-controls{display:flex;align-items:center;gap:.75rem}.language-select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;background:#fff;color:#374151;cursor:pointer}.editor-control-btn{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.editor-control-btn:hover{background:#f3f4f6}.code-area{flex:1;overflow:hidden;background:#fff;min-height:200px;position:relative;display:flex;flex-direction:column;min-height:0}.code-area .monaco-editor{height:100%!important}.monaco-editor,.monaco-editor .overflow-guard,.monaco-editor .margin,.monaco-editor-background,.monaco-editor .inputarea{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;background:#fff!important}.monaco-editor .monaco-editor-background{background-color:#fff!important}.monaco-editor .remote-cursor-decoration{position:relative}.monaco-editor .remote-cursor-after{border-left:2px solid;margin-left:-1px;pointer-events:none;position:relative;height:1.2em;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.monaco-editor .cursor-color-7c3aed{border-left-color:#7c3aed!important}.monaco-editor .cursor-color-10b981{border-left-color:#10b981!important}.monaco-editor .remote-selection-decoration,.monaco-editor .selection-color-7c3aed{background-color:#7c3aed26!important;border:1px solid rgba(124,58,237,.4)!important}.monaco-editor .selection-color-10b981{background-color:#10b98126!important;border:1px solid rgba(16,185,129,.4)!important}.monaco-editor .selection-color-f59e0b{background-color:#f59e0b26!important;border:1px solid rgba(245,158,11,.4)!important}.monaco-editor .selection-color-ef4444{background-color:#ef444426!important;border:1px solid rgba(239,68,68,.4)!important}.monaco-editor .selection-color-3b82f6{background-color:#3b82f626!important;border:1px solid rgba(59,130,246,.4)!important}.monaco-editor .selection-color-ec4899{background-color:#ec489926!important;border:1px solid rgba(236,72,153,.4)!important}.monaco-editor .selections-layer .selection{background-color:#add6ff!important;opacity:1!important}.monaco-editor .view-lines{line-height:21px!important;font-size:14px!important}.monaco-editor .margin-view-overlays,.monaco-editor .lines-content{padding-top:0!important;padding-bottom:0!important}.code-area ::-moz-selection{background-color:#add6ff80!important;color:#000!important}.code-area ::selection,.code-area ::-moz-selection{background-color:#add6ff80!important;color:#000!important}.testcase-content ::-moz-selection,.testcase-editor-container ::-moz-selection{background-color:#add6ff80!important;color:#000!important}.testcase-content ::selection,.testcase-content ::-moz-selection,.testcase-editor-container ::selection,.testcase-editor-container ::-moz-selection{background-color:#add6ff80!important;color:#000!important}.monaco-editor .overflow-guard{border-radius:6px}.monaco-editor .current-line,.monaco-editor .current-line-both{border:none!important;background:transparent!important}.monaco-editor .bracket-pair-guide-horizontal,.monaco-editor .bracket-pair-guide-horizontal-active{display:none!important}.monaco-editor .current-line-indent-guide{opacity:.3}.monaco-editor .indent-guide{opacity:0}.monaco-editor .active-indent-guide{opacity:.4;background-color:#ff03}.code-editor{padding:1.5rem;font-family:Courier New,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#d4d4d4;white-space:pre;outline:none}.code-comment{color:#6a9955}.code-keyword{color:#569cd6}.code-function{color:#dcdcaa}.code-param{color:#9cdcfe}.testcase-panel{background:#fff!important;display:flex;flex-direction:column;flex:1;min-height:200px;overflow:hidden;margin-top:5px;margin-bottom:0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.testcase-header{height:44px;border-bottom:1px solid #e5e7eb;background:#fafafa;display:flex;align-items:center;padding:0 1rem;flex-shrink:0}.testcase-tabs{display:flex;gap:.5rem}.testcase-tab{padding:.5rem .75rem;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:.5rem}.testcase-tab.active{color:#111827;border-bottom-color:#6366f1;background:#fff}.testcase-content{padding:0;overflow:hidden;flex:1;min-height:0;display:flex;background:#fff!important;flex-direction:column;position:relative}.testcase-editor-container{flex:1;min-height:0;display:flex;flex-direction:column}.testcase-status-bar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:.75rem;color:#6b7280;flex-shrink:0}.testcase-editor-container .monaco-editor .view-line{transition:background-color .15s}.testcase-editor-container .monaco-editor .current-line{background-color:#3b82f61a!important;border-left:2px solid #3b82f6;padding-left:2px}.testcase-editor-container .monaco-editor .view-line:nth-child(5){border-bottom:none!important}.testcase-input{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.input-label{font-size:.875rem;font-weight:500;color:#374151;font-family:Courier New,monospace}.testcase-input-field{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-family:Courier New,monospace;background:#f9fafb}.testcase-input-field:focus{outline:none;border-color:#6366f1;background:#fff}.testcase-json-display{padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;font-family:Courier New,monospace;background:#f9fafb;color:#374151;white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.testcase-actions{margin-top:1rem}.testcase-btn{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:.8125rem;color:#374151;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.testcase-btn:hover{background:#f3f4f6}.test-result-content{padding:1rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;background:#fff!important}.result-status{margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.result-stat{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.stat-label{color:#6b7280;font-weight:500}.stat-value{color:#111827;font-weight:600}.result-output,.result-error{margin-top:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.875rem}.result-output pre,.result-error pre{margin:.5rem 0 0;padding:0;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all}.result-error{background:#fee2e2;color:#991b1b}.test-results-list{margin-top:1.5rem}.test-result-item{padding:1rem;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem;background:#f9fafb}.test-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.test-case-name{font-size:.875rem;font-weight:600;color:#111827}.test-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.25rem .75rem;border-radius:4px}.test-status.passed{background:#d1fae5;color:#065f46}.test-status.failed{background:#fee2e2;color:#991b1b}.test-result-detail{display:flex;gap:1rem;font-size:.8125rem;color:#6b7280;margin-top:.5rem}.test-result-section{margin-top:.75rem;margin-bottom:.75rem}.test-result-section strong{display:block;margin-bottom:.5rem;font-size:.8125rem;color:#374151;font-weight:600}.test-result-pre{margin:0;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.8125rem;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;color:#111827}.test-result-pre.expected-output{background:#fef3c7;border-color:#fbbf24}.test-result-item.first-failure{border-color:#f87171;border-width:2px;background:#fef2f2}.test-result-output,.test-result-error{margin-top:.5rem;padding:.5rem;background:#fff;border-radius:4px;font-size:.8125rem;font-family:Courier New,monospace}.test-result-error{background:#fee2e2;color:#991b1b}.test-result-error strong{display:block;margin-bottom:.5rem;font-size:.8125rem;color:#991b1b;font-weight:600}.no-results{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.console-title{font-size:.9375rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.console-close{width:24px;height:24px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.console-close:hover{background:#e5e7eb;color:#374151}.console-content{flex:1;overflow-y:auto;padding:1rem}.console-stats{display:flex;gap:2rem;margin-bottom:1rem}.console-stat{flex:1;padding:1rem;background:#f9fafb;border-radius:8px}.console-stat-label{font-size:.8125rem;color:#6b7280;margin-bottom:.25rem}.console-stat-value{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.25rem}.console-stat-info{font-size:.8125rem;color:#10b981}.console-details{font-size:.875rem;line-height:1.6}.console-details p{margin:.5rem 0;font-family:Courier New,monospace}@media(max-width:968px){.question-container{padding:8px;flex-direction:column}.description-panel{width:100%;height:50%}.panel-resizer{display:none}.editor-panel{height:50%}}.panel-content::-webkit-scrollbar,.code-area::-webkit-scrollbar,.console-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track,.code-area::-webkit-scrollbar-track,.console-content::-webkit-scrollbar-track{background:#f3f4f6}.panel-content::-webkit-scrollbar-thumb,.code-area::-webkit-scrollbar-thumb,.console-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover,.code-area::-webkit-scrollbar-thumb:hover,.console-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hints-container{margin:1.5rem 0}.hint-item{margin-bottom:.5rem;border:none;background:transparent}.hint-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s;background:transparent;border:none}.hint-header:hover{color:#2563eb}.hint-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#24292e;font-size:.875rem}.hint-header i.fa-lightbulb{color:#6b7280;font-size:.875rem}.hint-header span{font-weight:500;color:inherit;font-size:.875rem}.hint-header .collapse-icon{font-size:.75rem;color:#6b7280;transition:transform .2s}.hint-content{padding:.5rem 0 0 1.5rem;background:transparent}.hint-content p{margin:0;color:#24292e;line-height:1.6;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.complexity-info{margin-top:1.5rem;padding:1rem;background:#f9fafb;border-radius:6px}.complexity-info p{margin:0;font-size:.9375rem;color:#24292e}.complexity-info strong{color:#111827}.solutions-container{margin:1.5rem 0}.solution-item{margin-bottom:1.5rem;border:none;background:transparent}.solution-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s;background:transparent;border:none}.solution-header:hover{color:#2563eb}.solution-approach{font-weight:600;color:#24292e;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.solution-meta{display:flex;align-items:center;gap:.75rem}.complexity-badge{padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;font-size:.8125rem;color:#6b7280;font-weight:500}.solution-header .collapse-icon{font-size:.75rem;color:#6b7280;transition:transform .2s}.solution-content{padding:1rem 0 0;background:transparent}.solution-explanation{margin-bottom:1.5rem}.solution-explanation p{margin:0 0 1rem;color:#24292e;line-height:1.6;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.solution-code{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.solution-code-header{padding:.5rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.8125rem;color:#6b7280;font-weight:500}.solution-code pre{margin:0;padding:1rem;background:#f9fafb;overflow-x:auto}.solution-code code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#24292e;background:transparent;padding:0;border:none}.solution-complexity{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.complexity-item{margin-bottom:.75rem;font-size:.875rem;line-height:1.6;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.complexity-item strong{font-weight:600;color:#111827}.complexity-item:last-child{margin-bottom:0}.monaco-editor .monaco-error-underline-inline{border-bottom:2px solid #ef4444!important;text-decoration:none!important}.bookmarked-questions-page{min-height:100vh;background:var(--bg-color, #f9fafb)}.page-header{max-width:1200px;margin:0 auto;padding:32px 24px 24px;border-bottom:2px solid var(--border-color, #e5e7eb)}.header-content h1{font-size:32px;font-weight:700;color:var(--text-primary, #1f2937);margin-bottom:8px;display:flex;align-items:center;gap:12px}.header-content h1 i{color:var(--primary-color, #3b82f6)}.subtitle{font-size:16px;color:var(--text-secondary, #6b7280);margin:0}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.loading-state i{font-size:48px;color:var(--primary-color, #3b82f6);margin-bottom:16px}.loading-state p{font-size:18px;color:var(--text-secondary, #6b7280)}.error-state i{font-size:48px;color:var(--error-color, #ef4444);margin-bottom:16px}.error-state p{font-size:18px;color:var(--text-primary, #1f2937);margin-bottom:24px}.retry-button{padding:10px 24px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--primary-dark, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.empty-state i{font-size:64px;color:var(--text-tertiary, #9ca3af);margin-bottom:24px}.empty-state h2{font-size:24px;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:12px}.empty-state p{font-size:16px;color:var(--text-secondary, #6b7280);margin-bottom:32px}.browse-button{padding:12px 28px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.browse-button:hover{background:var(--primary-dark, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.filters-container{max-width:1200px;margin:0 auto 24px;display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card-bg, #f9fafb);border-radius:8px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:var(--text-secondary, #6b7280)}.filter-select{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:#fff;font-size:14px;color:var(--text-primary, #1f2937);cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--primary-color, #3b82f6)}.filter-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.filter-results{margin-left:auto;font-size:14px;color:var(--text-secondary, #6b7280)}.questions-grid{max-width:1200px;margin:0 auto;padding:0 24px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.question-card{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.question-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color, #3b82f6)}.question-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.question-title{font-size:18px;font-weight:600;color:var(--text-primary, #1f2937);margin:0;flex:1;line-height:1.4}.question-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.difficulty-badge,.category-badge,.type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.difficulty-badge{color:#fff}.difficulty-easy{background:#10b981}.difficulty-medium{background:#f59e0b}.difficulty-hard{background:#ef4444}.category-badge{background:var(--primary-light, #dbeafe);color:var(--primary-color, #3b82f6)}.type-badge{background:var(--secondary-light, #f3e8ff);color:var(--secondary-color, #9333ea)}.question-tags{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tag{padding:4px 8px;background:var(--tag-bg, #f3f4f6);color:var(--text-secondary, #6b7280);border-radius:6px;font-size:12px;font-weight:500}.tag.more{background:transparent;font-style:italic}.question-stats{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb)}.stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #6b7280)}.stat i{color:var(--success-color, #10b981)}@media(max-width:768px){.bookmarked-questions-page{padding:16px}.page-header{margin-bottom:24px}.header-content h1{font-size:24px}.filters-container{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select{flex:1}.filter-results{margin-left:0;text-align:center}.questions-grid{grid-template-columns:1fr;gap:16px}}.daily-challenge-page{min-height:100vh;background:var(--bg-color, #f9fafb)}.challenge-container{max-width:1200px;margin:0 auto;padding:32px 24px}.challenge-header{text-align:center;margin-bottom:32px}.challenge-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color, #1a202c);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.challenge-header h1 i{color:#ffc01e}.challenge-date{font-size:1.1rem;color:var(--text-secondary, #718096)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,#764ba2 100%);color:#fff}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--text-color, #1a202c);margin-bottom:4px}.stat-label{font-size:.875rem;color:var(--text-secondary, #718096);text-transform:uppercase;letter-spacing:.5px}.challenge-main{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:968px){.challenge-main{grid-template-columns:1fr}}.challenge-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.challenge-card-header{margin-bottom:20px}.challenge-card-header h2{font-size:1.75rem;font-weight:700;color:var(--text-color, #1a202c);margin-bottom:12px}.challenge-badges{display:flex;gap:12px;flex-wrap:wrap}.difficulty-badge,.category-badge{padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600}.difficulty-badge{background:#ffc01e1a;border:1px solid currentColor}.category-badge{background:var(--bg-light, #e2e8f0);color:var(--text-secondary, #4a5568)}.challenge-description{color:var(--text-secondary, #4a5568);line-height:1.7;margin-bottom:24px;font-size:1rem}.challenge-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px;padding:16px 0;border-top:1px solid var(--border-color, #e2e8f0);border-bottom:1px solid var(--border-color, #e2e8f0)}.challenge-stat{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #718096);font-size:.95rem}.challenge-stat i{color:var(--primary-color, #667eea)}.attempt-info{display:flex;flex-direction:column;gap:16px}.attempt-completed,.attempt-in-progress{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;padding:12px 16px;border-radius:8px}.attempt-completed{background:#00b8a31a;color:#00b8a3}.attempt-in-progress{background:#ffc01e1a;color:#ffc01e}.attempt-details{display:flex;gap:16px;flex-wrap:wrap;font-size:.95rem;color:var(--text-secondary, #718096)}.attempt-details span{padding:6px 12px;background:var(--bg-light, #f7fafc);border-radius:6px}.challenge-history{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.challenge-history h3{font-size:1.25rem;font-weight:600;color:var(--text-color, #1a202c);margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-light, #f7fafc);border-radius:8px;transition:all .2s ease}.history-item:hover{background:var(--bg-hover, #edf2f7)}.history-date{font-size:.875rem;font-weight:600;color:var(--primary-color, #667eea);min-width:60px}.history-details{flex:1;display:flex;flex-direction:column;gap:4px}.history-title{font-weight:500;color:var(--text-color, #1a202c)}.history-difficulty{font-size:.875rem;font-weight:600}.history-status{display:flex;align-items:center;gap:8px}.coins{font-weight:600;color:#ffc01e}.incomplete{font-size:.875rem;color:var(--text-secondary, #718096)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-container i{font-size:3rem;color:var(--primary-color, #667eea)}.error-container i{font-size:3rem;color:#ff375f}.loading-container p,.error-container p{font-size:1.1rem;color:var(--text-secondary, #718096)}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.feedback-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feedback-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.feedback-modal-close:hover{background:#f3f4f6;color:#111827}.feedback-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.feedback-modal-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.feedback-interview-details{font-size:.9375rem;color:#6b7280;margin:0}.feedback-coaching-section{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.feedback-coaching-section span{font-size:.9375rem;color:#374151}.btn-try-coaching{padding:.5rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-try-coaching:hover{background:#6d28d9}.feedback-content{padding:2rem}.feedback-section-item{margin-bottom:2rem}.feedback-section-item:last-child{margin-bottom:0}.feedback-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.feedback-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.star-rating{display:flex;gap:.25rem}.star-rating i{font-size:1rem;color:#d1d5db}.star-rating i.filled{color:#fbbf24}.feedback-section-description{font-size:.9375rem;color:#374151;margin:0;line-height:1.6}.feedback-section-text{font-size:.9375rem;color:#374151;margin:.5rem 0 0;line-height:1.6}.no-feedback-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.no-feedback-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.no-feedback-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;line-height:1;z-index:10}.no-feedback-close:hover{color:#374151}.no-feedback-header{padding:32px 32px 24px;border-bottom:1px solid #e5e7eb}.no-feedback-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.no-feedback-subtitle{margin:0;color:#6b7280;font-size:14px}.no-feedback-coaching-section{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.no-feedback-coaching-section span{color:#374151;font-size:14px}.btn-try-coaching{padding:8px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-try-coaching:hover{background:#7c3aed}.no-feedback-content{padding:48px 32px;text-align:center}.no-feedback-icon{font-size:64px;color:#d1d5db;margin-bottom:24px}.no-feedback-title{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.no-feedback-message{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.find-peer-page{min-height:100vh;background:#f5f5f5;padding:0}.find-peer-container{max-width:1200px;margin:0 auto;padding:0}.hero-section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.hero-title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.hero-description{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:2rem;max-width:800px}.hero-actions{display:flex;gap:1rem}.btn-primary{padding:.875rem 1.5rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#6d28d9}.btn-secondary{padding:.875rem 1.5rem;background:#fff;color:#111827;border:2px solid #7c3aed;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.sessions-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#111827}.test-av-link{color:#6b7280;text-decoration:none;font-size:.875rem}.test-av-link:hover{color:#111827}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{border-bottom:2px solid #e5e7eb}.sessions-table th{text-align:left;padding:.75rem 0;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sessions-table td{padding:1rem 0;border-bottom:none;border-top:1px solid #e5e7eb;font-size:.875rem;color:#374151;line-height:20.6px}.sessions-table tr:last-child td{border-bottom:none}.date-with-icon{display:flex;align-items:center;gap:.5rem}.date-with-icon i{color:#7c3aed}.question-link{color:#7c3aed;text-decoration:none;font-weight:500}.question-link:hover{text-decoration:underline}.no-question{color:#9ca3af;font-style:italic}.partner-info{display:flex;align-items:center;gap:.75rem}.partner-avatar{width:32px;height:32px;border-radius:50%;background:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.btn-partner-name{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-partner-name:hover{background:#e5e7eb;color:#111827}.session-actions{display:flex;align-items:center;gap:1rem;border-top:none}.live-indicator{color:#7c3aed;font-size:.875rem;font-weight:500}.btn-start-interview{padding:.5rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-start-interview:hover{background:#6d28d9;color:#fff}.btn-cancel-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.btn-cancel-link:hover{color:#111827}.btn-view-feedback{padding:.5rem 1rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-feedback:hover{background:#6d28d9;color:#fff}.no-sessions{text-align:center;color:#9ca3af;padding:2rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.matching-modal{max-width:500px;position:relative;z-index:1001;border-radius:12px;overflow:hidden}.matching-modal-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid #e5e7eb}.matching-modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.matching-modal-body{padding:2rem;text-align:center}.matching-modal-body.waiting-room{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 2rem}.waiting-spinner{width:80px;height:80px;position:relative}.spinner-circle{width:100%;height:100%;border:4px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.estimated-time{display:flex;flex-direction:column;gap:.5rem}.time-label{font-size:.875rem;color:#6b7280;margin:0}.time-value{font-size:1.5rem;font-weight:600;color:#111827;font-variant-numeric:tabular-nums;margin:0;font-family:Courier New,monospace}.matching-modal-body.match-found{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.match-avatar{margin-bottom:1rem}.avatar-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 12px #7c3aed4d}.avatar-circle i{font-size:3rem;color:#fff}.match-actions{width:100%;display:flex;justify-content:center}.btn-join-interview{padding:1rem 2rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:200px}.btn-join-interview:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.btn-join-interview:active{transform:translateY(0)}.btn-join-interview:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-join-interview:disabled:hover{background:#7c3aed;transform:none;box-shadow:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.matching-status{text-align:center;padding:2rem}.matching-spinner{font-size:3rem;color:#7c3aed;margin-bottom:1rem}.matching-status.matched .match-success{font-size:3rem;color:#10b981;margin-bottom:1rem}.matching-status p{margin:.5rem 0;font-size:1rem}.matching-hint{color:#6b7280;font-size:.875rem;margin-top:.5rem}.matched-user-info{margin:1rem 0;padding:1rem;background-color:#f3f4f6;border-radius:8px}.matching-actions{margin-top:1.5rem}.matching-actions .btn-primary{width:100%;padding:.75rem 1.5rem;font-size:1rem}.confirmation-modal{max-width:420px;position:relative;z-index:1001}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;line-height:1}.modal-close:hover{color:#111827}.modal-step h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.modal-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.modal-step-interview-type{max-height:70vh;overflow-y:auto}.interview-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.interview-type-card{padding:1rem}.interview-type-card{border:2px solid #e5e7eb;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.interview-type-card:hover{border-color:#7c3aed}.interview-type-card.selected{border-color:#7c3aed;background:#f3f4f6}.type-icon{font-size:1.5rem;margin-bottom:.5rem}.type-name{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.beta-tag{background:#7c3aed;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;font-weight:500}.type-description{font-size:.75rem;color:#6b7280;line-height:1.3}.practice-type-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.practice-type-card{border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:1rem}.practice-type-card:hover{border-color:#7c3aed}.practice-type-card.selected{border-color:#7c3aed;background:#f3f4f6}.practice-type-card .type-icon{font-size:1.5rem;margin:0}.type-content{flex:1}.practice-type-card .type-name{margin-bottom:.25rem}.practice-type-card .type-description{margin:0}.practice-type-card .type-name i{margin-left:.5rem;font-size:.75rem;color:#7c3aed}.interview-level-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.interview-level-card{border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s}.interview-level-card:hover{border-color:#7c3aed}.interview-level-card.selected{border-color:#7c3aed;background:#f3f4f6}.level-name{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.level-description{font-size:.875rem;color:#6b7280}.time-selection,.time-group{margin-bottom:2rem}.time-group h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.time-slots{display:flex;flex-wrap:wrap;gap:.75rem}.time-slot{padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.time-slot:hover{border-color:#7c3aed}.time-slot.selected{border-color:#7c3aed;background:#7c3aed;color:#fff}.modal-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-modal-back{padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-back:hover{background:#f9fafb}.btn-modal-next{padding:.75rem 1.5rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;margin-left:auto}.btn-modal-next:hover:not(:disabled){background:#6d28d9}.btn-modal-next:disabled{background:#9ca3af;cursor:not-allowed}.confirmation-content{text-align:center}.confirmation-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.confirmation-icon i{font-size:2rem;color:#10b981}.confirmation-content h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:2rem}.confirmation-details{text-align:left;margin-bottom:2rem}.confirmation-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.confirmation-item i{font-size:1.25rem;color:#6b7280;margin-top:.25rem;flex-shrink:0}.confirmation-item p{margin:0;color:#374151;line-height:1.6;font-size:.9375rem}.link-calendar,.link-question,.link-guidelines{color:#7c3aed;text-decoration:none;font-weight:500}.link-calendar:hover,.link-question:hover,.link-guidelines:hover{text-decoration:underline}.confirmation-actions{display:flex;gap:1rem;justify-content:center}.btn-add-calendar{padding:.75rem 1.5rem;background:#fff;color:#7c3aed;border:2px solid #7c3aed;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-calendar:hover{background:#f3f4f6}.btn-schedule-another{padding:.75rem 1.5rem;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-schedule-another:hover{background:#6d28d9}@media(max-width:768px){.interview-type-grid{grid-template-columns:1fr}.hero-title{font-size:1.75rem}.hero-actions{flex-direction:column}.sessions-table{font-size:.75rem}.sessions-table th,.sessions-table td{padding:.5rem 0}.confirmation-actions{flex-direction:column}}.peer-noncoding-session{height:100vh;width:100%;background:#0b1020;color:#fff;position:relative;overflow:hidden}.peer-noncoding-topbar{position:absolute;top:12px;left:12px;right:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.peer-noncoding-topbar .topbar-left,.peer-noncoding-topbar .topbar-right{display:flex;align-items:center;gap:10px;pointer-events:auto}.peer-noncoding-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:650;font-size:.875rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.peer-noncoding-pill-top{position:absolute;bottom:84px;left:50%;top:auto;transform:translate(-50%);z-index:70;max-width:min(720px,calc(100vw - 36px));text-align:center;flex-wrap:wrap;pointer-events:none}.peer-noncoding-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;font-weight:650}.peer-noncoding-btn:hover{background:#ffffff1f}.peer-noncoding-btn.danger{background:#ef444429;border-color:#ef444459}.peer-noncoding-btn.danger:hover{background:#ef444438}.peer-noncoding-video{position:absolute;inset:0;z-index:5}.peer-noncoding-video .video-chat-container{height:100%}.peer-noncoding-carousel{position:fixed;z-index:30;width:min(520px,calc(100vw - 24px));background:#ffffffeb;color:#0f172a;border:1px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 18px 50px #00000059;overflow:hidden}.peer-noncoding-carousel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#ffffffe0;border-bottom:1px solid rgba(15,23,42,.08);cursor:grab}.peer-noncoding-carousel-header:active{cursor:grabbing}.peer-noncoding-carousel-title{font-weight:750;font-size:.95rem;display:inline-flex;align-items:center;gap:10px}.peer-noncoding-carousel-actions{display:inline-flex;align-items:center;gap:8px}.peer-noncoding-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fffffff2;cursor:pointer;color:#0f172a}.peer-noncoding-icon-btn:hover{background:#fff}.peer-noncoding-carousel-body{padding:14px;max-height:min(60vh,520px);overflow:auto}.peer-noncoding-q-title{font-weight:800;font-size:1.05rem;margin:0 0 10px}.peer-noncoding-q-text{font-size:.95rem;line-height:1.55;white-space:pre-wrap;color:#0f172a}.peer-noncoding-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid rgba(15,23,42,.08);background:#ffffffe0}.peer-noncoding-nav{display:inline-flex;align-items:center;gap:8px}.peer-noncoding-nav-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;font-weight:650;color:#0f172a}.peer-noncoding-nav-btn:disabled{opacity:.5;cursor:not-allowed}.peer-noncoding-collapsed{position:fixed;z-index:30;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.peer-noncoding-modal{position:fixed;inset:0;background:#0000008c;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.peer-noncoding-modal-card{width:min(920px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px}.peer-noncoding-modal-empty{padding:48px 32px;text-align:center;max-width:480px;margin:0 auto}.empty-feedback-icon{width:80px;height:80px;margin:0 auto 24px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:2rem}.peer-noncoding-modal-empty h3{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:#111827}.peer-noncoding-modal-empty p{margin:0 0 32px;color:#6b7280;font-size:1rem;line-height:1.6}.empty-feedback-close-btn{padding:12px 24px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.empty-feedback-close-btn:hover{background:#4f46e5}.peer-noncoding-brand{position:absolute;top:18px;left:18px;z-index:30;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;opacity:.9;pointer-events:none}.peer-noncoding-session .video-chat-container{background:transparent;border-radius:0}.peer-noncoding-session .video-chat-grid{padding:0;gap:0;height:100%}.peer-noncoding-session .video-wrapper{border-radius:0;aspect-ratio:auto;height:100%}.peer-noncoding-session .video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.peer-noncoding-session .local-video-preview{top:18px;right:18px;width:140px;height:105px;border-radius:12px;border:2px solid rgba(255,255,255,.25)}.peer-noncoding-self-status{display:none}.peer-noncoding-session .video-controls-overlay,.peer-noncoding-session .video-controls,.peer-noncoding-session .video-chat-container .control-btn{display:none!important}.peer-noncoding-controls{position:absolute;left:50%;transform:translate(-50%);bottom:16px;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.peer-noncoding-control-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.peer-noncoding-control-btn:hover{background:#ffffff1f}.peer-noncoding-control-btn.danger{background:#f8717124;border-color:#f8717159}.peer-noncoding-control-btn.end{width:auto;padding:0 16px;font-weight:750;background:#ef44442e;border-color:#ef444473}.peer-noncoding-control-btn.end:hover{background:#ef444440}.peer-noncoding-left{position:absolute;left:18px;bottom:18px;z-index:40;width:min(420px,calc(100vw - 36px));display:flex;flex-direction:column;gap:10px;pointer-events:none}.peer-noncoding-left>*{pointer-events:auto}.peer-noncoding-left-card{background:#fffffff5;color:#0f172a;border-radius:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 50px #00000059;padding:14px}.left-card-title{font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:10px}.left-card-question{font-size:1rem;line-height:1.35;font-weight:750;padding:14px;border-radius:12px;background:#0f172a0a;border:1px solid rgba(15,23,42,.06);white-space:pre-wrap}.left-card-link{display:inline-block;margin-top:10px;color:#4f46e5;font-weight:750;text-decoration:none}.left-card-link:hover{text-decoration:underline}.left-card-primary{width:100%;margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(79,70,229,.35);background:#4f46e5eb;color:#fff;font-weight:800;cursor:pointer}.left-card-primary:hover{background:#4f46e5}.left-card-accordion{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;color:#0f172a;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.left-card-accordion-body{margin-top:10px;padding:12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#ffffffe6;color:#0f172a;font-size:.92rem}.left-card-accordion-body ul{margin:0;padding-left:18px;display:grid;gap:8px}.peer-noncoding-left-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.left-bar-btn{border:none;background:#ffffff1a;color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:750}.left-bar-btn:hover{background:#ffffff24}.left-bar-status{display:inline-flex;align-items:center;gap:8px;color:#ffffffeb;font-weight:750;font-size:.9rem}.left-bar-status.ok{color:#a7f3d0}.peer-noncoding-drawer-overlay{position:fixed;inset:0;z-index:60;background:#00000059}.peer-noncoding-drawer{position:absolute;left:0;top:0;bottom:0;width:min(420px,92vw);background:#fffffffa;color:#0f172a;box-shadow:20px 0 50px #00000059;display:flex;flex-direction:column}.drawer-header{padding:16px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-title{font-weight:900;font-size:1.05rem}.drawer-subtitle{margin-top:4px;color:#475569;font-weight:650;font-size:.9rem}.drawer-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer}.drawer-search{margin:12px 16px 0;display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:12px;padding:10px 12px}.drawer-search input{border:none;outline:none;width:100%;font-weight:650}.drawer-chips{padding:10px 16px 0;display:flex;gap:8px;flex-wrap:wrap}.drawer-filters{padding:10px 16px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.drawer-select{height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;font-weight:750;color:#0f172a;cursor:pointer}.drawer-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(79,70,229,.3);background:#4f46e51a;color:#4f46e5;font-weight:800;font-size:.85rem}.drawer-chip.removable{cursor:pointer}.drawer-chip.removable i{opacity:.85}.drawer-list{padding:12px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.drawer-item{border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-item-title{font-weight:900;font-size:.98rem}.drawer-item-link{display:inline-block;margin-top:6px;color:#4f46e5;font-weight:800;text-decoration:none;font-size:.9rem}.drawer-item-link:hover{text-decoration:underline}.drawer-item-select{border:none;background:transparent;color:#4f46e5;font-weight:900;cursor:pointer}.drawer-empty{padding:14px;border-radius:12px;color:#475569;font-weight:750}.peer-noncoding-chat-fab{position:absolute;right:18px;bottom:18px;z-index:40;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000006b;color:#fff;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.peer-noncoding-chat{position:absolute;right:18px;bottom:18px;z-index:50;width:min(360px,calc(100vw - 36px));background:#fffffffa;color:#0f172a;border-radius:16px;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 50px #00000059;overflow:hidden;display:flex;flex-direction:column}.chat-header{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between}.chat-title{font-weight:900}.chat-toggle{border:none;background:transparent;color:#0f172a;font-weight:800;cursor:pointer}.chat-messages{padding:12px 14px;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:10px}.chat-msg{max-width:85%;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;font-weight:650;white-space:pre-wrap}.chat-msg.me{margin-left:auto;background:#4f46e51a;border-color:#4f46e52e}.chat-input{padding:12px 14px;border-top:1px solid rgba(15,23,42,.08);display:flex;gap:10px}.chat-input input{flex:1;border:1px solid rgba(15,23,42,.12);border-radius:10px;padding:10px 12px;outline:none;font-weight:650}.chat-input button{border:1px solid rgba(79,70,229,.35);background:#4f46e5eb;color:#fff;font-weight:900;border-radius:10px;padding:10px 14px;cursor:pointer}.chat-input button:hover{background:#4f46e5}
