@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Red+Hat+Display:wght@600;700;800&display=swap');
:root{--orange:#ff6c0e;--orange-hover:#e8600d;--orange-light:rgba(255,108,14,.08);--dark:#121212;--white:#fff;--g50:#f8f9fa;--g100:#f1f3f5;--g200:#e9ecef;--g300:#dee2e6;--g400:#868e96;--g500:#5c636a;--g800:#212529;--success:#16a34a;--success-light:rgba(147,255,174,.25);--card:1rem;--control:.5rem;--shadow:0 1px 2px #0000000a,0 2px 6px #00000005;font-family:Inter,'Helvetica Neue',Arial,sans-serif;color:var(--g800);background:var(--g50)}*{box-sizing:border-box}body{margin:0;line-height:1.55;background:var(--g50)}button,input{font:inherit}button{border:0;border-radius:var(--control);padding:9px 14px;background:var(--orange);color:#fff;font-size:.8125rem;font-weight:700;cursor:pointer}button:hover{background:var(--orange-hover)}button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.outline{background:#fff;color:var(--g800);border:1px solid var(--g300)}.outline:hover{background:var(--g50)}.plain{background:transparent;color:inherit;padding:5px 8px;font-weight:600}header{height:64px;background:var(--dark);border-bottom:1px solid #292929;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));gap:20px}.brand{font-family:'Red Hat Display',Inter,sans-serif;font-weight:800;letter-spacing:.065em;font-size:.875rem}.brand span,.eyebrow{color:var(--orange)}.shell{max-width:1440px;margin:auto;padding:38px 28px}.intro,.new,.head{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:.6875rem;font-weight:800;letter-spacing:.14em;margin:0 0 7px;text-transform:uppercase}.intro h1,.login h1{font-family:'Red Hat Display',Inter,sans-serif;font-size:2.3rem;line-height:1.15;margin:0;color:var(--g800);letter-spacing:-.025em}.intro p:not(.eyebrow),.muted{color:var(--g500);font-size:.875rem;margin:7px 0 0}.new,.card,aside,.empty{background:#fff;border:1px solid var(--g200);border-radius:var(--card);box-shadow:var(--shadow)}.new{margin:28px 0;padding:16px;display:flex}.new input,.composer input,.login input{width:100%;border:1px solid var(--g300);border-radius:var(--control);padding:10px 12px;background:#fff;color:var(--g800);font-size:.8125rem}.new input::placeholder,.composer input::placeholder{color:var(--g400)}.grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}aside{height:max-content;padding:12px;display:grid;gap:5px}aside>b{font-size:.75rem;color:var(--g500);letter-spacing:.04em;padding:5px 8px;text-transform:uppercase}.project{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;color:var(--g800);background:transparent;padding:10px 9px;font-weight:400}.project:hover{background:var(--g50)}.project.active{background:var(--orange-light)}.project b,.project small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project b{font-size:.8125rem}.project small{color:var(--g500);font-size:.6875rem;margin-top:2px}.tag{font-style:normal;font-size:.625rem;font-weight:700;padding:3px 6px;border-radius:999px;background:var(--orange-light);color:#a54500;white-space:nowrap}.tag.ok{background:var(--success-light);color:#147334}.room{display:grid;gap:18px}.card{padding:20px;overflow:hidden}.head h2{font-family:'Red Hat Display',Inter,sans-serif;margin:0;font-size:1.0625rem}.head p{font-size:.75rem;color:var(--g500);margin:3px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.player{width:100%;max-height:650px;display:block;background:#080808;border-radius:10px;margin-top:18px}.emptyvideo{min-height:360px;display:grid;place-content:center;text-align:center;gap:8px;background:linear-gradient(135deg,#171717,#252525);color:#fff;margin-top:18px;border-radius:10px;font-size:2rem}.emptyvideo b{font-size:.9375rem}.emptyvideo span{font-size:.75rem;color:#aaa}.scrub,.composer{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;padding:14px 0;font-size:.6875rem;color:var(--g500);font-variant-numeric:tabular-nums}.scrub input{accent-color:var(--orange)}.composer{grid-template-columns:54px 1fr auto;border-bottom:1px solid var(--g200);padding:16px 0}.composer b{font-size:.75rem;color:#a54500}.comments article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--g200)}.comments article:last-child{border:0}.comments p{margin:0;font-size:.8125rem}.stamp{padding:4px 7px;background:var(--orange-light);color:#a54500;font-size:.6875rem}.done p{text-decoration:line-through;color:var(--g400)}.comments .plain{color:var(--g500);font-size:.6875rem}.empty{padding:32px;text-align:center}.empty b{font-family:'Red Hat Display',Inter,sans-serif;font-size:1.05rem}.empty p{font-size:.8125rem;color:var(--g500);margin:5px 0 0}.notice{padding:10px 12px;background:var(--orange-light);border:1px solid #ff6c0e29;color:#9d4300;border-radius:var(--control);font-size:.8125rem;margin:0 0 18px}.login{min-height:100vh;display:grid;place-content:center;background:radial-gradient(circle at 82% 12%,#ff6c0e3d,transparent 28%),var(--dark);color:#fff}.login section{width:min(420px,calc(100vw - 40px));padding:44px;border:1px solid #ffffff24;border-radius:var(--card);background:#ffffff0e;box-shadow:0 24px 70px #00000042}.login h1{color:#fff;font-size:2.45rem}.login section>p:not(.eyebrow){color:#c6c6c6;font-size:.875rem}.login form{display:grid;gap:15px;margin-top:30px}.login label{display:grid;gap:6px;font-size:.75rem;font-weight:600;color:#ddd}.login input{border-color:#ffffff32;background:#ffffff0d;color:#fff}.login .notice{margin:18px 0 0;background:#ffffff14;border-color:#ffffff24;color:#ffd1ae}@media(max-width:800px){.grid{grid-template-columns:1fr}.shell{padding:26px 14px}.intro,.new,.head{align-items:flex-start;flex-direction:column}.new{width:100%}.composer{grid-template-columns:1fr}.emptyvideo{min-height:230px}.actions{width:100%}header{padding:0 16px}}