:root{color-scheme:dark;--bg:#103b30;--deep:#092b23;--surface:#174638;--line:#ffffff18;--text:#f1f6ec;--muted:#a5beb0;--lime:#d5ef9b;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select{font:inherit}button{border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--text);background:#ffffff07;cursor:pointer}button:hover:not(:disabled){border-color:#d5ef9b88;background:#ffffff0e}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid #ffffff25;border-radius:8px;background:#0b3027;color:var(--text);padding:10px 12px;min-width:0}input:focus,select:focus{outline:2px solid var(--lime);outline-offset:2px}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.shell{display:grid;grid-template-columns:68px minmax(0,1fr);min-height:100dvh}.rail{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;align-items:center;gap:24px;background:#0c3027;border-right:1px solid var(--line);padding:26px 8px}.brand{display:grid;place-items:center;width:40px;height:44px;border:1px solid var(--lime);border-radius:13px 13px 18px 18px;color:var(--lime);font-size:25px;font-weight:700;text-decoration:none}.rail-icon{margin-top:22px;background:var(--lime);color:var(--deep);width:42px;height:44px;border-radius:10px;text-align:center;font-size:28px}.rail-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.rail-bottom{margin-top:auto;font-size:8px;writing-mode:vertical-rl;letter-spacing:3px;color:var(--muted)}main{padding:30px clamp(18px,2.7vw,56px) 16px;min-width:0;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime)}h1{font-size:clamp(25px,2vw,38px);font-weight:500;letter-spacing:-1.1px;line-height:1.2;margin:12px 0 8px}h2,h3,p{margin:0}header p,.muted{color:var(--muted)}.header-right{display:flex;align-items:center;gap:18px}.private{font-size:12px;color:#c1d4c3;white-space:nowrap}.private:before{content:'●';font-size:8px;color:var(--lime);margin-right:8px}.archive-bar{border-top:1px solid var(--line);padding-top:22px;margin-bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.title-row{display:flex;align-items:center;gap:14px}h2{font-size:21px;font-weight:500}.pill{font-size:10px;font-weight:600;background:#d5ef9b19;border:1px solid #d5ef9b25;color:var(--lime);border-radius:20px;padding:4px 9px;white-space:nowrap}.subtle{background:transparent;border-color:var(--line);font-size:9px;letter-spacing:1px;color:var(--muted)}.filters{display:flex;align-items:flex-end;gap:10px}.filters label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.filters select{min-width:140px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,26vw,390px);gap:24px;align-items:start}.playback{min-width:0}.video-head{display:flex;align-items:center;justify-content:space-between;background:#0c3027;border:1px solid var(--line);border-bottom:0;border-radius:13px 13px 0 0;padding:13px 17px;font-weight:600}.video-stage{position:relative;display:grid;place-items:center;background:#051b16;aspect-ratio:16/9;min-height:220px;overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px}.video-stage video{display:block;width:100%;height:100%;max-height:65dvh;object-fit:contain}video:not([src]){display:none}#video-empty{position:absolute;text-align:center;padding:25px;color:var(--muted)}.empty-icon{font-size:52px;font-weight:200;color:#aac784}#video-empty h3{font-size:23px;font-weight:400;color:var(--text);margin:10px 0}#video-empty p{font-size:13px}.video-info{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:21px 0 24px}.video-info h3{font-size:17px;font-weight:500}.video-info p{font-size:12px;color:var(--muted);margin-top:5px}.video-info button{font-size:12px;white-space:nowrap}.timeline-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px}#timeline{display:flex;gap:3px;min-height:22px;padding:3px;background:#082b22;border-radius:6px}#timeline button{min-width:4px;padding:0;height:16px;flex:1;background:#577b58;border:0;border-radius:2px}#timeline button.active{background:var(--lime)}.archive-note{margin-top:20px;display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:12px;line-height:1.7}.archive-note>span{color:var(--lime);font-size:20px}.archive-note strong{color:#d8e4d3;font-weight:500}.library{border:1px solid var(--line);border-radius:14px;background:#0c3027;overflow:hidden}.library-header{padding:20px;display:flex;align-items:center;justify-content:space-between}.library-header .eyebrow{font-size:9px;letter-spacing:1.5px}.library-header h3{font-size:17px;font-weight:500;margin-top:6px}#total{display:grid;place-items:center;min-width:30px;height:30px;background:#ffffff09;border-radius:8px;color:var(--lime);font-size:12px}#list-status{font-size:12px;color:var(--muted);padding:0 20px 16px}#recordings{max-height:64dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#577b58 transparent}.record{display:flex;width:100%;gap:12px;align-items:center;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:16px 20px;text-align:left}.record.active{background:#d5ef9b0e;box-shadow:inset 3px 0 var(--lime)}.record-play{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff20;border-radius:10px;color:var(--lime);flex-shrink:0}.record-content{min-width:0;flex:1}.record-title{font-weight:550;font-size:13px;display:block}.record-meta{display:block;color:var(--muted);font-size:11px;margin-top:4px}.record-duration{font-size:11px;color:var(--muted)}#more{margin:15px;width:calc(100% - 30px)}footer{margin-top:auto;padding-top:34px;display:flex;justify-content:space-between;gap:15px;color:#8eaf9a;font-size:9px;letter-spacing:1px}.login-card{margin:7vh auto 10vh;width:min(100%,540px);padding:38px;border:1px solid var(--line);background:#0c3027;border-radius:20px}.login-card h2{font-size:36px;line-height:1.18;letter-spacing:-1px;margin:22px 0 16px;font-weight:400}.login-card p{color:var(--muted);font-size:13px}.login-card form{margin:28px 0 16px}.login-card label{display:block;font-size:12px;margin-bottom:9px}.password-field{display:flex;gap:9px}.password-field input{width:100%}.primary{color:var(--deep);background:var(--lime);font-weight:650;white-space:nowrap}.primary:hover:not(:disabled){background:#e3f8bd}#login-status{color:#f5c69f;font-size:13px;margin-top:14px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:var(--lime);color:var(--deep);box-shadow:0 5px 25px #0004;max-width:90vw;display:none}#notice.visible{display:block}@media(min-width:1900px){.workspace{grid-template-columns:minmax(0,1fr) 420px}.video-stage{max-height:68dvh;aspect-ratio:auto;height:68dvh}.video-stage video{max-height:68dvh}}@media(max-width:1150px){.archive-bar{align-items:flex-start;flex-direction:column}.workspace{gap:16px;grid-template-columns:minmax(0,1fr) 300px}.filters{flex-wrap:wrap}}@media(max-width:850px){.shell{grid-template-columns:50px minmax(0,1fr)}.rail{padding:20px 4px}.brand{width:33px;height:37px}.rail-icon{width:34px;height:38px}.workspace{grid-template-columns:1fr}.library{margin-top:10px}#recordings{max-height:420px}main{padding:22px 16px}header{align-items:flex-start}.header-right{flex-direction:column;align-items:flex-end;gap:8px}.private{font-size:10px}.video-info{align-items:flex-start}.video-info button{padding:8px;font-size:10px}footer{flex-direction:column;font-size:8px}.login-card{padding:24px}.login-card h2{font-size:30px}.filters{gap:8px}.filters button{font-size:11px;padding:10px}.filters select{min-width:110px}.video-stage{min-height:150px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}