:root{color:#eef1ff;background:#0a0d16;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.center{place-items:center;min-height:100vh;display:grid}.card{background:#121725;border:1px solid #252c40;border-radius:20px;padding:32px}.auth{gap:14px;width:min(420px,92vw);display:grid}.brand{letter-spacing:1px;font-size:22px;font-weight:900}.auth input,.auth select,.join input{color:#fff;background:#0c101b;border:1px solid #30384f;border-radius:10px;padding:13px}.auth button,.actions button,.controls button{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.link{color:#aeb8d4!important;background:0 0!important}.error{color:#ff7b88}header{border-bottom:1px solid #202638;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex}.small{color:#fff;cursor:pointer;background:#151b2b;border:1px solid #343c55;border-radius:8px;margin-left:8px;padding:8px 12px}.dashboard{max-width:1000px;margin:80px auto;padding:24px}.dashboard h1{margin-bottom:8px;font-size:46px}.dashboard p{color:#aab2c8}.actions{gap:20px;margin:40px 0;display:flex}.join{gap:8px;display:flex}.notice{color:#c7d0e7;background:#111827;border:1px solid #293247;border-radius:12px;padding:18px}.meeting{min-height:100vh;padding:16px}.meetingTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.danger{background:#8d2430!important}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.tile{background:#111827;border-radius:16px;min-height:260px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;position:absolute}.tile label{background:#000a;border-radius:8px;padding:7px 10px;position:absolute;bottom:12px;left:12px}.captions{background:#101522;border:1px solid #252d41;border-radius:14px;min-height:100px;margin:12px 0 86px;padding:14px}.captions div{padding:5px}.captions span{color:#bba7ff;margin-left:16px;display:block}.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f19dd;border:1px solid #2a3145;border-radius:16px;gap:8px;padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.controls button{background:#252c3f}@media (width<=650px){.actions,.controls{flex-direction:column}.controls{width:90%}.dashboard h1{font-size:34px}.join{flex-direction:column}}header select,.meetingTop select,.controls select{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:8px}.workspace{max-width:1400px;margin:25px auto 100px}.workspace h2{margin:20px 0}.taskAdd{gap:10px;margin:14px 0;display:flex}.taskAdd input{flex:1}.workspace input{color:#fff;background:#101827;border:1px solid #38445c;border-radius:8px;padding:12px}.workspace button,.upload{color:#fff;cursor:pointer;background:#6240bd;border:0;border-radius:8px;padding:10px}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.column{background:#121b2b;border:1px solid #30394e;border-radius:14px;min-height:170px;padding:14px}.task{cursor:grab;overflow-wrap:anywhere;background:#27334a;border-radius:9px;margin:10px 0;padding:12px}.task small{color:#abb5cb;margin-top:6px;display:block}.taskMoves{gap:5px;margin-top:7px;display:flex}.taskMoves button{padding:3px 10px}.boardExtras{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}.boardExtras canvas{touch-action:none;cursor:crosshair;background:#f8fafc;border-radius:12px;width:100%;height:auto;margin-bottom:10px;display:block}.file{text-align:left;overflow-wrap:anywhere;width:100%;margin:10px 0;display:block}.upload{display:inline-block}.controls{z-index:10;flex-wrap:wrap;justify-content:center;max-width:95vw}.captions{margin-bottom:20px}@media (width<=700px){.kanban,.boardExtras{grid-template-columns:1fr}.meetingTop{flex-wrap:wrap;gap:10px}.controls{margin:20px auto;position:static;transform:none}.workspace{margin-bottom:30px}}:root{--primary:#078891;--primary-dark:#05636a;--primary-light:#36c5c5;--primary-pale:#e6f6f5;--ink:#10282f;--muted:#62757c;--border:#dce8e9;color:var(--ink);background:#f4f8f8}.brand span{color:var(--primary)}.actions button,.controls button,.workspace button,.upload{background:var(--primary)}.controls .active{background:var(--primary-dark)}.captions span{color:var(--primary-light)}.taskMoves button{background:var(--primary-dark)}.auth-page{background:linear-gradient(135deg,#e9f5f4,#f7f9fb 60%,#e1f1f0);min-height:100dvh;padding:14px 18px;display:flex}.auth-shell{background:#fff;border-radius:25px;grid-template-columns:61% 39%;width:100%;min-height:calc(100dvh - 28px);display:grid;overflow:hidden;box-shadow:0 20px 65px #0a50521a}.auth-story{color:#fff;isolation:isolate;background:linear-gradient(90deg,#092a35f2 0%,#0a3d48e6 46%,#064c5488 100%),url(/hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;padding:38px 52px 28px;display:flex;position:relative}.auth-story:after{content:"";z-index:-1;background:radial-gradient(at 70% 65%,#20b9b02e,#0000 55%);position:absolute;inset:0}.story-brand{align-items:center;gap:17px;display:flex}.story-brand strong{letter-spacing:-1.4px;font-size:clamp(26px,2.6vw,42px);display:block}.story-brand small{margin-top:2px;font-size:14px;display:block}.logo-mark{background:linear-gradient(140deg,#57e0db,#078891 62%,#064e60);border-radius:29px 29px 29px 10px;flex-shrink:0;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-5deg);box-shadow:0 10px 26px #003c4270}.logo-mark .material-symbols-rounded{color:#fff;font-variation-settings:"FILL" 0,"wght" 250;font-size:56px}.story-content{max-width:560px;margin:38px 0}.story-content h1{letter-spacing:-1.8px;margin:0 0 15px;font-size:clamp(36px,3.2vw,58px);line-height:1.09}.story-content h1 em{color:#63ded4;font-style:normal}.story-lead{color:#eef9f9;margin:0 0 34px;font-size:clamp(15px,1.25vw,19px);line-height:1.55}.feature-list{gap:23px;display:grid}.feature{align-items:flex-start;gap:18px;display:flex}.feature-icon{background:linear-gradient(145deg,#27c4c1,#05747e);border-radius:15px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 24px #00a6ac44}.feature-icon span{font-size:30px}.feature b{font-size:17px}.feature p{color:#d9eeee;margin:5px 0 0;font-size:14px;line-height:1.45}.story-quote{align-self:flex-start;margin-bottom:8px;font-family:cursive;font-size:22px;font-style:italic;line-height:1.35;transform:rotate(-5deg)}.auth-panel{background:#fff;justify-content:center;align-items:center;padding:70px clamp(26px,5.4vw,90px) 40px;display:flex;position:relative}.auth-lang{position:absolute;top:25px;right:32px}.auth-lang select{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px}.auth-form{flex-direction:column;width:100%;max-width:420px;display:flex}.auth-logo{flex-direction:column;align-items:center;gap:13px;margin-bottom:17px;display:flex}.auth-logo .logo-mark{width:88px;height:88px}.auth-logo strong{letter-spacing:-1.3px;font-size:34px}.auth-form h2{text-align:center;margin:0 0 5px;font-size:22px}.auth-subtitle{text-align:center;color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.55}.auth-tabs{border:1px solid var(--border);background:#f4f7f7;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:3px;display:grid}.auth-tabs button{color:#596c72;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px}.auth-tabs button.selected{background:var(--primary);color:#fff;box-shadow:0 3px 10px #07889133}.field-label{margin-bottom:8px;font-size:13px;font-weight:600}.field{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:12px;height:48px;margin-bottom:20px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #07889116}.field>.material-symbols-rounded{color:#657980;font-size:21px}.field input,.field select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;min-width:0;font-size:14px}.field input::placeholder{color:#96a4a8}.auth-options{justify-content:space-between;margin:0 0 25px;font-size:13px;display:flex}.auth-options label{align-items:center;gap:8px;display:flex}.auth-options input{accent-color:var(--primary);width:17px;height:17px}.auth-submit{background:linear-gradient(105deg,var(--primary),#0ba3a8);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px;font-weight:650;display:flex;box-shadow:0 7px 20px #07889128}.auth-submit:hover{background:linear-gradient(105deg,var(--primary-dark),var(--primary))}.auth-submit span{font-size:20px}.auth-bottom{text-align:center;color:var(--muted);margin-top:30px;font-size:13px}.auth-bottom button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.auth-form .error{color:#b42336;margin:0 0 15px;font-size:13px}@media (width<=900px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:28px}.story-brand .logo-mark{width:58px;height:58px}.story-brand .logo-mark span{font-size:39px}.story-brand strong{font-size:27px}.story-content h1{font-size:37px}.feature-list{gap:16px}.feature-icon{width:42px;height:42px}.feature-icon span{font-size:25px}.feature b{font-size:14px}.feature p{font-size:12px}.auth-panel{padding:65px 26px 30px}}@media (width<=680px){.auth-page{padding:0}.auth-shell{border-radius:0;flex-direction:column;min-height:100dvh;display:flex}.auth-story{background:linear-gradient(110deg,#073e48,#078891);flex:none;padding:20px 24px}.story-brand .logo-mark{border-radius:14px;width:45px;height:45px}.story-brand .logo-mark span{font-size:29px}.story-brand strong{font-size:24px}.story-brand small{font-size:11px}.story-content,.story-quote{display:none}.auth-panel{flex:1;align-items:center;padding:55px 24px 35px}.auth-lang{top:12px;right:14px}.auth-logo .logo-mark{width:68px;height:68px}.auth-logo .logo-mark span{font-size:45px}.auth-logo strong{font-size:28px}.auth-subtitle{margin-bottom:22px}.auth-tabs{margin-bottom:19px}.field{margin-bottom:15px}.auth-bottom{margin-top:22px}}html,body,#root{min-height:100%;margin:0}.auth-page{background:#eaf5f4;height:100dvh;min-height:0;padding:0;overflow:hidden}.auth-shell{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0;grid-template-columns:minmax(0,55%) minmax(0,45%);overflow:hidden}.auth-story{background:#063a43 url(/teal-pattern.svg) 50%/cover no-repeat;min-height:0;overflow-y:auto}.auth-story:after{pointer-events:none}.auth-panel{justify-content:center;min-height:0;overflow-y:auto}.auth-form{flex-shrink:0}@media (width<=900px){.auth-shell{grid-template-columns:minmax(0,50%) minmax(0,50%)}}@media (width<=680px){.auth-page{height:100dvh;overflow:hidden}.auth-shell{flex-direction:column;height:100%;min-height:0;display:flex}.auth-story{background:#063a43 url(/teal-pattern.svg) 50%/cover no-repeat;flex:none;overflow:visible}.auth-panel{flex:auto;justify-content:flex-start;min-height:0;overflow-y:auto}.auth-form{margin:auto 0}}html:has(.auth-page){height:100%;overflow:hidden}body:has(.auth-page){height:100%;overflow:hidden}body:has(.auth-page) #root{height:100%;overflow:hidden}.auth-page,.auth-shell{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}.auth-story,.auth-panel{height:100%;min-height:0;overflow:hidden!important}.auth-panel{justify-content:center;align-items:center;padding:44px clamp(16px,4vw,70px) 12px;display:flex}.auth-form{transform-origin:50%;flex:0 420px;min-width:0;max-width:420px}.auth-story{padding:clamp(16px,2.5vh,38px) clamp(20px,3vw,52px)}.story-content{margin:12px 0}.story-content h1{font-size:clamp(25px,3vw,50px)}.story-lead{margin-bottom:clamp(10px,2vh,26px)}.feature-list{gap:clamp(7px,1.5vh,19px)}.story-quote{margin:0;font-size:clamp(15px,2vh,22px)}@media (width<=680px){.auth-shell{display:flex}.auth-story{flex:none;height:auto;padding:10px 18px}.auth-panel{flex:1 1 0;height:auto;padding:35px 16px 8px;overflow:hidden!important}.auth-form{flex:0 420px;margin:0}.story-brand .logo-mark{width:36px;height:36px}.story-brand strong{font-size:21px}.story-brand small{font-size:10px}}.auth-subtitle{margin-bottom:24px}.dashboard-brand{letter-spacing:.3px;color:#123b40;align-items:center;gap:12px;font-size:23px;font-weight:900;display:flex}.dashboard-brand .logo-mark{border-radius:15px 15px 15px 5px;width:46px;height:46px}.dashboard-brand .logo-mark .material-symbols-rounded{font-size:32px}.dashboard-brand-text span{color:#078891}.controls .control-language{background:#078891;border-radius:10px;align-items:center;padding:0 3px;display:flex}.controls .control-language select{cursor:pointer;border-radius:9px;padding:13px 12px;color:#fff!important;background:#078891!important;border:0!important}.controls .control-language select:focus-visible{outline-offset:2px;outline:2px solid #b4f1eb}.meeting .controls button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.meeting .material-symbols-rounded{vertical-align:middle;font-size:21px;line-height:1}.meeting .boardExtras h3{align-items:center;gap:8px;display:flex}.meeting .file{align-items:center;gap:7px;display:flex}.meeting .taskMoves button .material-symbols-rounded{font-size:17px}.kanban .column>h3{color:#fff!important}