@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--radius:0.75rem}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1;background:#0a0a0a;background:hsl(var(--background));color:#fafafa;color:hsl(var(--foreground));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;line-height:1.6;overflow-x:hidden}@media (max-width:768px){body{font-size:14px}.mobile-notice{display:block!important}}@media (max-width:480px){body{font-size:13px}}.app-root{align-items:center;background:#0a0a0a;background:hsl(var(--background));display:flex;flex-direction:column;min-height:100vh;padding:1rem}@media (max-width:768px){.app-root{padding:.5rem}.action-btn,button{min-height:44px!important;padding:.75rem 1rem!important}h1,h2,h3{line-height:1.2!important}}@media (max-width:480px){.app-root{padding:.25rem}}.app-root:before{background:linear-gradient(90deg,#0000,#262626,#0000);background:linear-gradient(90deg,#0000,hsl(var(--border)),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;max-width:95rem;min-width:80rem;padding:0 1rem;position:relative;width:100%}.editor-header h2{color:#fafafa;color:hsl(var(--foreground));font-size:2.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0}.dropdown-menu{display:inline-block;position:relative}.dropdown-trigger{align-items:center;background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);box-shadow:0 1px 2px 0 #0000000d;color:#fafafa;color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;justify-content:space-between;min-width:100px;outline:none;padding:.5rem .75rem;transition:all .15s ease-in-out}.dropdown-trigger:hover{background:#262626;background:hsl(var(--accent));border-color:#262626;border-color:hsl(var(--border))}.dropdown-trigger:focus{border-color:#d4d4d4;border-color:hsl(var(--ring));box-shadow:0 0 0 2px #d4d4d433;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.dropdown-trigger .dropdown-icon{color:#a3a3a3;color:hsl(var(--muted-foreground));flex-shrink:0;transition:transform .2s ease-in-out}.dropdown-menu:hover .dropdown-trigger .dropdown-icon{color:#fafafa;color:hsl(var(--foreground))}.dropdown-trigger[aria-expanded=true] .dropdown-icon{transform:rotate(180deg)}.dropdown-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a;background:hsl(var(--popover));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fafafa;color:hsl(var(--popover-foreground));left:0;min-width:8rem;opacity:0;overflow:hidden;padding:.25rem;position:absolute;top:calc(100% + .25rem);transform:translateY(-.5rem);transition:all .15s ease-out;visibility:hidden;width:max-content;z-index:50}.dropdown-menu:focus-within .dropdown-content,.dropdown-menu:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.dropdown-label{color:#a3a3a3;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.375rem .5rem .25rem;text-transform:uppercase}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:calc(.75rem - 4px);border-radius:calc(var(--radius) - 4px);color:#fafafa;color:hsl(var(--foreground));cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:400;gap:.5rem;justify-content:space-between;outline:none;padding:.375rem .5rem;position:relative;text-align:left;transition:all .15s ease-in-out;width:100%}.dropdown-item-active,.dropdown-item:focus,.dropdown-item:hover{background:#262626;background:hsl(var(--accent));color:#fafafa;color:hsl(var(--accent-foreground))}.dropdown-check{color:#fafafa;color:hsl(var(--primary));flex-shrink:0;height:1rem;width:1rem}.dropdown-separator{background:#262626;background:hsl(var(--border));height:1px;margin:.25rem 0}@media (max-width:768px){.dropdown-content{bottom:1rem;left:1rem;max-height:50vh;overflow-y:auto;position:fixed;right:1rem;top:auto;width:auto}}.main-content-container{align-items:flex-start;display:flex;gap:1.5rem;max-width:90rem;min-height:50vh;width:100%}.editor-section{flex:1 1;min-width:0}.notes-sidebar{background:#0a0a0a;background:hsl(var(--card));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);flex-shrink:0;max-height:calc(100vh - 200px);overflow-y:auto;padding:1.5rem;position:sticky;top:1rem;width:300px}.notes-sidebar h3{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.1rem}.notes-sidebar h3,.notes-textarea{color:#fafafa;color:hsl(var(--foreground))}.notes-textarea{background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);font-family:inherit;font-size:.875rem;line-height:1.5;min-height:370px;outline:none;padding:1rem;resize:vertical;transition:all .15s ease-in-out;width:100%}.notes-textarea:focus{border-color:#d4d4d4;border-color:hsl(var(--ring));box-shadow:0 0 0 2px #d4d4d433;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.notes-textarea::placeholder{color:#a3a3a3;color:hsl(var(--muted-foreground))}.editor-container{background:#0a0a0a;background:hsl(var(--card));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:2rem;overflow:hidden;transition:all .2s ease-in-out;width:100%}.editor-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.button-row{margin-bottom:2rem}.button-row,.room-action-buttons{display:flex;gap:.5rem;justify-content:flex-end;max-width:1200px;padding:0 1rem;width:100%}.room-action-buttons{margin-bottom:1.5rem}.room-action-buttons.interviewer{margin-bottom:.75rem}.room-action-buttons .action-btn{font-size:.75rem;min-height:28px;padding:.4rem .8rem}.action-btn{align-items:center;border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;justify-content:center;min-height:2.25rem;outline:none;padding:.5rem 1rem;position:relative;transition:all .15s ease-in-out;white-space:nowrap}.action-btn:focus-visible{outline:2px solid #d4d4d4;outline:2px solid hsl(var(--ring));outline-offset:2px}.action-btn:disabled{pointer-events:none}.action-btn:hover{opacity:.9}.action-btn:active{transform:scale(.98)}.run-btn{background:#fafafa;background:hsl(var(--primary));border:1px solid #fafafa;border:1px solid hsl(var(--primary));box-shadow:0 1px 2px 0 #0000000d;color:#171717;color:hsl(var(--primary-foreground))}.run-btn:hover{background:#fafafae6;background:hsl(var(--primary)/.9)}.save-btn{background:#262626;background:hsl(var(--secondary));border:1px solid #262626;border:1px solid hsl(var(--border));color:#fafafa;color:hsl(var(--secondary-foreground))}.save-btn:hover{background:#262626cc;background:hsl(var(--secondary)/.8);border-color:#262626;border-color:hsl(var(--border))}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn:disabled:hover{background:#ffffff0d}.output-container{background:#0a0a0a;background:hsl(var(--card));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;margin-bottom:1rem;padding:1.5rem;width:100%}.output-label{color:#fafafa;color:hsl(var(--primary));display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.output-area{border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;min-height:3rem;padding:1rem;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.app-root{padding:1rem .5rem}.editor-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2rem}.editor-header h2{font-size:2rem}.button-row,.room-action-buttons{flex-direction:column;gap:.5rem}.room-action-buttons{margin-bottom:1rem}.action-btn,.room-action-buttons .action-btn{justify-content:center;width:100%}.room-controls{flex-direction:column;gap:.5rem;width:100%}.room-controls .action-btn,.room-controls .dropdown-trigger{justify-content:center;padding:.75rem 1rem;width:100%}.main-content-container{flex-direction:column;gap:1rem}.notes-sidebar{max-height:300px;order:2;position:static;width:100%}.editor-section{order:1}}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{background:#2626261a;background:hsl(var(--muted)/.1);border-radius:.75rem;border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:#262626;background:hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#262626cc;background:hsl(var(--border)/.8)}::-webkit-scrollbar-corner{background:#2626261a;background:hsl(var(--muted)/.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.app-root>*{animation:fadeIn .6s ease-out}.page-container{animation:fadeInUp .8s ease-out}.auth-card{animation:fadeInScale .6s ease-out .2s both}.hero-section{animation:fadeInUp .8s ease-out}.hero-title{animation:fadeInUp .8s ease-out .3s both}.hero-subtitle{animation:fadeInUp .8s ease-out .5s both}.cta-buttons{animation:fadeInUp .8s ease-out .7s both}.form-field{animation:slideInLeft .6s ease-out}.form-field:nth-child(2n){animation:slideInRight .6s ease-out}.logo-section{animation:fadeInScale .6s ease-out}.top-nav-button{animation:slideDownFromTop .8s ease-out}.footer-section{animation:fadeIn .8s ease-out 1s both}.join-container{background:#0a0a0a;background:hsl(var(--card));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;max-width:24rem;padding:2rem;position:relative;text-align:center;width:100%}.join-container:before{background:linear-gradient(90deg,#0000,#26262680,#0000);background:linear-gradient(90deg,#0000,hsl(var(--border)/.5),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.join-container h2{color:#fafafa;color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:2rem}.join-form{gap:1.5rem;margin-bottom:1.5rem}.join-form,.otp-container{display:flex;flex-direction:column}.otp-container{gap:.75rem}.otp-label{color:#fafafa;color:hsl(var(--foreground));font-size:.875rem;font-weight:500;text-align:left}.otp-inputs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.otp-input{background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));font-family:inherit;font-size:1rem;font-weight:600;height:2.5rem;letter-spacing:.1em;outline:none;text-align:center;transition:all .15s ease-in-out;width:2.5rem}@media (max-width:480px){.otp-inputs{gap:.375rem}.otp-input{font-size:.875rem;height:2.25rem;width:2.25rem}}@media (max-width:360px){.otp-inputs{gap:.25rem}.otp-input{font-size:.75rem;height:2rem;width:2rem}}.otp-input:focus{border-color:#d4d4d4;border-color:hsl(var(--ring));box-shadow:0 0 0 2px #d4d4d433;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.otp-input:hover{border-color:#262626cc;border-color:hsl(var(--border)/.8)}.join-input{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;color:#fff;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:1px;padding:1.125rem 1rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.join-input:focus{background:#ffffff0f;border-color:#0070f366;box-shadow:0 0 0 3px #0070f314;outline:none;transform:translateY(-1px)}.join-input::placeholder{color:#fff6;font-weight:400;letter-spacing:normal}.radio-group{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.radio-label{align-items:center;border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem .75rem;position:relative;transition:all .15s ease-in-out}.radio-label:hover{background:#262626;background:hsl(var(--accent));color:#fafafa;color:hsl(var(--accent-foreground))}.radio-label input[type=radio]{accent-color:#fafafa;accent-color:hsl(var(--primary));cursor:pointer;margin:0}.divider{color:#a3a3a3;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:1.5rem 0;position:relative}.divider:after,.divider:before{background:#262626;background:hsl(var(--border));content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.room-question{color:#fafafa;color:hsl(var(--foreground));font-size:1.125rem;font-weight:500;line-height:1.4;margin-right:1rem;padding:.5rem 0}.room-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.room-controls .action-btn{border:1px solid #262626;border:1px solid hsl(var(--border));font-size:.75rem;gap:.375rem;min-height:2.25rem;padding:.5rem .875rem;white-space:nowrap}.room-controls .action-btn svg{flex-shrink:0}.room-controls .dropdown-trigger{border:1px solid #262626;border:1px solid hsl(var(--border));box-shadow:0 1px 2px 0 #0000000d;gap:.375rem;min-height:2.25rem;padding:.5rem .875rem}.role-badge{align-items:center;background:#fafafa;background:hsl(var(--primary));border:1px solid #fafafa;border:1px solid hsl(var(--primary));border-radius:6px;color:#171717;color:hsl(var(--primary-foreground));display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;line-height:1;padding:.125rem .625rem;text-transform:uppercase;transition:all .15s ease-in-out}.chat-container{background:#0a0a0a;background:hsl(var(--card));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);padding:1rem}.chat-messages{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;max-height:9.375rem;overflow-y:auto;padding-right:.5rem}.chat-message{align-items:flex-start;display:flex;gap:.5rem}.chat-message.own{justify-content:flex-end}.chat-bubble{background:#262626;background:hsl(var(--muted));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);font-size:.875rem;line-height:1.4;max-width:70%;padding:.75rem;word-break:break-word}.chat-bubble.own{background:#fafafa;background:hsl(var(--primary));border-color:#fafafa;border-color:hsl(var(--primary));color:#171717;color:hsl(var(--primary-foreground))}.chat-form{display:flex;gap:.5rem;margin-top:1rem}.input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));display:flex;font-family:inherit;font-size:.875rem;height:2.25rem;outline:none;padding:.5rem .75rem;transition:all .15s ease-in-out;width:100%}.input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.input:disabled{cursor:not-allowed;opacity:.5}.input::placeholder{color:#ffffffb3}.input.error{background:#dc26261a}.input.error,.input.error:focus{border-color:#7f1d1d;border-color:hsl(var(--destructive))}.input.error:focus{box-shadow:0 0 0 2px #7f1d1d33;box-shadow:0 0 0 2px hsl(var(--destructive)/.2)}.chat-input{background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));display:flex;font-family:inherit;font-size:.875rem;height:2.25rem;outline:none;padding:.5rem .75rem;transition:all .15s ease-in-out;width:100%}.chat-input:focus{border-color:#d4d4d4;border-color:hsl(var(--ring));box-shadow:0 0 0 2px #d4d4d433;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.chat-input::placeholder{color:#a3a3a3;color:hsl(var(--muted-foreground))}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0acc;background:hsl(var(--background)/.8);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-content{animation:slideIn .2s ease-out;background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:.75rem;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-height:85vh;max-width:32rem;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.modal-header{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.5rem;text-align:center}.modal-title{color:#fafafa;color:hsl(var(--foreground));font-size:1.125rem;font-weight:600;letter-spacing:-.025em;line-height:1}.modal-description{font-size:.875rem;margin-top:.5rem}.modal-close,.modal-description{color:#a3a3a3;color:hsl(var(--muted-foreground))}.modal-close{align-items:center;background:#0000;border:none;border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:all .15s ease-in-out;width:1.5rem}.modal-close:hover{background:#262626;background:hsl(var(--accent));color:#fafafa;color:hsl(var(--accent-foreground))}.modal-close:focus-visible{outline:2px solid #d4d4d4;outline:2px solid hsl(var(--ring));outline-offset:2px}.modal-footer{display:flex;flex-direction:column-reverse;gap:.5rem;margin-top:1.5rem}@media (min-width:640px){.modal-footer{flex-direction:row;justify-content:flex-end}}.questions-form{border-bottom:1px solid #262626;border-bottom:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.questions-form label{color:#fafafa;color:hsl(var(--foreground));font-size:.875rem;font-weight:500;margin-bottom:.375rem}.questions-form input,.questions-form textarea{background:#0a0a0a;background:hsl(var(--background));border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);color:#fafafa;color:hsl(var(--foreground));display:flex;font-family:inherit;font-size:.875rem;height:2.25rem;outline:none;padding:.5rem .75rem;transition:all .15s ease-in-out;width:100%}.questions-form textarea{min-height:5rem;resize:vertical}.questions-form input:focus,.questions-form textarea:focus{border-color:#d4d4d4;border-color:hsl(var(--ring));box-shadow:0 0 0 2px #d4d4d433;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.questions-form input::placeholder,.questions-form textarea::placeholder{color:#a3a3a3;color:hsl(var(--muted-foreground))}.questions-list{border:1px solid #262626;border:1px solid hsl(var(--border));border-radius:calc(.75rem - 2px);border-radius:calc(var(--radius) - 2px);max-height:20rem;overflow-y:auto}.question-item{background:#0a0a0a;background:hsl(var(--card));border-bottom:1px solid #262626;border-bottom:1px solid hsl(var(--border));cursor:pointer;padding:1rem;position:relative;transition:all .15s ease-in-out}.question-item:last-child{border-bottom:none}.question-item:hover{background:#262626;background:hsl(var(--accent))}.question-item:focus-visible{outline:2px solid #d4d4d4;outline:2px solid hsl(var(--ring));outline-offset:2px}.question-item:after{color:#a3a3a3;color:hsl(var(--muted-foreground));content:"";font-size:.65rem;opacity:0;position:absolute;right:1rem;top:4.4rem;transition:opacity .15s ease-in-out}.question-item:hover:after{opacity:1}.question-difficulty{border-radius:calc(.75rem - 4px);border-radius:calc(var(--radius) - 4px);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.375rem;padding:.125rem .375rem;text-transform:uppercase}.question-difficulty.easy{background:#16a2491a;border:1px solid #16a24933;color:#16a249}.question-difficulty.medium{background:#db77061a;border:1px solid #db770633;color:#db7706}.question-difficulty.hard{background:#ef43431a;border:1px solid #ef434333;color:#ef4343}.question-title{color:#fafafa;color:hsl(var(--foreground));font-weight:500;line-height:1.4;margin:.5rem 0}.question-tags{color:#a3a3a3;color:hsl(var(--muted-foreground));display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem;margin-top:.5rem}.question-tag{background:#262626;background:hsl(var(--secondary));border-radius:calc(.75rem - 4px);border-radius:calc(var(--radius) - 4px);color:#fafafa;color:hsl(var(--secondary-foreground));font-size:.625rem;font-weight:500;padding:.125rem .375rem}.loading{cursor:not-allowed;opacity:.6}.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";display:inline-block;height:16px;margin-left:.5rem;width:16px}.video-call-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111f2;border:1px solid #fff3;border-radius:12px;bottom:1rem;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;height:280px;overflow:hidden;position:fixed;right:1rem;transition:all .3s ease;width:350px;z-index:2000}.video-call-modal.maximized{border-radius:16px;bottom:2rem;box-shadow:0 20px 60px #000000e6;height:auto;left:2rem;right:2rem;top:2rem;width:auto}.video-call-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.video-call-header{align-items:center;background:#0006;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:40px;padding:.5rem .75rem}.video-call-header h3{color:#fff;font-size:.8rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:.5rem}.video-maximize-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;height:24px;justify-content:center;padding:.2rem;transition:all .2s ease;width:24px}.video-maximize-btn:hover{background:#ffffff1a;color:#fff}.video-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:.2rem;transition:color .2s ease;width:24px}.video-close-btn:hover{background:#ff44441a;color:#f44}.video-layout{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:160px;position:relative}.video-call-modal.maximized .video-layout{min-height:500px}.video-call-modal.maximized .video-call-header{min-height:60px;padding:1rem 1.5rem}.video-call-modal.maximized .video-call-header h3{font-size:1.1rem;font-weight:600}.remote-video-container{align-items:center;display:flex;justify-content:center;position:relative}.remote-video,.remote-video-container{background:#111;height:100%;width:100%}.remote-video{object-fit:cover}.waiting-message{color:#ffffffb3;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.waiting-message p{font-size:.8rem;margin:0}.local-video-container{background:#000;border:1px solid #ffffff4d;border-radius:8px;height:60px;overflow:hidden;position:absolute;right:.5rem;top:.5rem;width:80px;z-index:20}.video-call-modal.maximized .local-video-container{border:2px solid #ffffff80;border-radius:12px;height:180px;right:1rem;top:1rem;width:240px}.local-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.video-label{background:#000c;border-radius:3px;bottom:.25rem;color:#fff;font-size:.6rem;font-weight:500;left:.25rem;padding:.1rem .3rem;position:absolute}.call-controls{align-items:center;background:#000c;border-top:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:center;min-height:50px;padding:.5rem}.video-call-modal.maximized .call-controls{gap:1rem;min-height:70px;padding:1rem}.control-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.video-call-modal.maximized .control-btn{border-radius:12px;height:48px;width:48px}.control-btn.active{background:#ffffff1a;border-color:#fff3;color:#fff}.control-btn.inactive{background:#ef444433;border-color:#ef44444d;color:#ffffffe6}.control-btn.end-call{background:#ef44444d;border-color:#ef444466;color:#fff}.control-btn:hover{background:#ffffff1a;transform:scale(1.02)}.control-btn.inactive:hover{background:#ef444466}.control-btn.end-call:hover{background:#ef444480}.call-status{background:#0000004d;border-top:1px solid #ffffff1a;color:#fffc;font-size:.7rem;min-height:30px;padding:.3rem;text-align:center}.call-loading,.call-status{align-items:center;display:flex;justify-content:center}.call-loading{background:#000;color:#fff;flex:1 1;flex-direction:column}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#0070f3;height:24px;margin:0 auto .5rem;width:24px}@media (max-width:768px){.video-call-modal{bottom:.5rem;height:220px;right:.5rem;width:280px}.video-call-modal.maximized{bottom:1rem;left:1rem;right:1rem;top:1rem}.video-call-modal.maximized .local-video-container{height:90px;right:.5rem;top:.5rem;width:120px}.local-video-container{height:45px;right:.3rem;top:.3rem;width:60px}.call-controls{gap:.3rem;padding:.3rem}.control-btn{height:24px;width:24px}.control-btn,.video-call-header h3{font-size:.7rem}}.video-call-modal:hover{cursor:move}.video-call-modal.dragging{opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.user-join-alert{animation:slideIn .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-notice{animation:slideDown .5s ease-out}@media (max-width:768px){.mobile-notice{display:block!important}}@media (min-width:769px){.mobile-notice{display:none!important}}@media (max-width:480px){.mobile-notice{font-size:.8rem;left:.5rem;padding:.875rem 1.25rem;right:.5rem}.mobile-notice div[style*="fontSize: 1.5rem"]{font-size:1.25rem!important}}
/*# sourceMappingURL=main.fc98a427.css.map*/