:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0b0f19;font-synthesis:none;--safe-top:0px;--safe-bottom:0px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;background:#1e2638;color:#f8fafc;min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline-offset:3px}button:hover{background:#293349}button:active{transform:scale(.98)}.app{height:100dvh;min-height:380px;overflow:hidden;position:relative;display:flex;flex-direction:column}header{padding:calc(max(env(safe-area-inset-top),var(--safe-top)) + 18px) 20px 10px;display:flex;align-items:center;justify-content:space-between;z-index:5;transition:opacity .2s}.brand{font-size:19px;font-weight:650;letter-spacing:-.5px;display:flex;gap:12px;align-items:center}.badge{font-size:10px;letter-spacing:.7px;font-weight:600;color:#94a3b8;background:#151b2b;border:1px solid #1e2638;padding:6px 9px;border-radius:100px;display:inline-flex;align-items:center;gap:6px}.badge i{width:6px;height:6px;border-radius:50%;background:#94a3b8}.badge.online{color:#22c55e}.online i{background:#22c55e}header button{background:transparent;color:#94a3b8;padding:8px}.stream-meta{display:flex;justify-content:space-between;padding:0 22px 10px;font-size:12px;color:#94a3b8}.stream-meta span{display:flex;align-items:center;gap:6px}.screen{position:relative;flex:1;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;padding-bottom:100px}.screen video{width:100%;height:100%;object-fit:contain;display:none}.screen video.visible{display:block}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;max-width:300px;padding:20px}.monitor-icon{width:80px;height:80px;border-radius:20px;border:2px solid #1e2638;background:#151b2b;color:#94a3b8;display:grid;place-items:center;margin-bottom:26px}.empty h1{font-size:21px;font-weight:550;margin:0 0 12px}.empty p{color:#94a3b8;font-size:14px;line-height:1.7;margin:0 0 30px}.primary{background:#6366f1!important;color:#fff;min-height:48px}.empty .primary{width:100%}.empty small{color:#94a3b8;margin-top:18px;font-size:11px}.toolbar{position:absolute;bottom:calc(max(env(safe-area-inset-bottom),var(--safe-bottom)) + 20px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;display:flex;justify-content:space-between;align-items:center;padding:8px;background:#151b2bd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #1e2638;border-radius:18px;z-index:6;transition:opacity .2s}.toolbar button{background:transparent;min-width:44px;padding:8px;color:#94a3b8;position:relative}.toolbar button:first-child{min-width:52px;flex-direction:column;gap:0}.toolbar small{font-size:9px}.toolbar .selected,.selected{background:#1e2638;color:#818cf8}.separator{width:1px;height:24px;background:#1e2638}.concealed{opacity:0;pointer-events:none}.overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:end;z-index:20}.sheet{background:#151b2b;border:1px solid #1e2638;width:100%;max-height:82%;overflow:auto;border-radius:24px 24px 0 0;padding:18px 20px calc(20px + max(env(safe-area-inset-bottom),var(--safe-bottom)));box-shadow:0 -8px 40px #0003}.sheet-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sheet-title h2{font-size:19px;margin:0}.sheet-title button{background:transparent;color:#94a3b8}.keys{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.keys button{flex:1;white-space:nowrap;padding:10px}.sheet label{display:flex;flex-direction:column;gap:10px;color:#94a3b8;font-size:13px;margin:16px 0}.sheet input,.sheet select,.sheet textarea{background:#0b0f19;border:1px solid #263049;border-radius:10px;padding:12px;color:#f8fafc;min-width:0;width:100%}.sheet textarea{resize:vertical;min-height:90px}.sheet form .primary{width:100%;margin-top:10px}.sheet .switch{flex-direction:row;justify-content:space-between;align-items:center}.switch input{width:auto}.hint{font-size:12px;color:#94a3b8;line-height:1.7}.danger{color:#f87171!important}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-grid button{justify-content:start;padding:16px 12px;min-height:64px}.menu-grid svg{color:#818cf8;width:20px}.stat{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:20px 0;font-size:13px}.stat span{color:#94a3b8}.stat b{font-weight:500}progress{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#1e2638}progress::-webkit-progress-value{background:#6366f1}progress::-moz-progress-bar{background:#6366f1}.file-path{display:flex;gap:10px;align-items:center;overflow-wrap:anywhere;font-size:12px;color:#94a3b8}.search{display:flex;gap:6px;margin:12px 0}.search button{flex:none}.file-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #1e2638;padding:5px 0}.file-row>svg{flex:none;color:#818cf8}.file-row button{background:transparent;padding:6px;min-width:32px}.file-row .file-name{flex:1;text-align:left;justify-content:start;display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;min-width:0;overflow-wrap:anywhere}.file-name small{display:block;color:#94a3b8;font-size:11px;margin-top:5px}.sheet .upload{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;background:#1e2638;border-radius:12px;color:#f8fafc;padding:12px;margin:0;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.pages{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;margin-top:14px}.toast{position:absolute;left:16px;right:16px;top:calc(90px + var(--safe-top));background:#1e2638;border:1px solid #ef444455;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;z-index:30;font-size:13px;line-height:1.5}.toast button{background:transparent;padding:4px}.skeleton{height:160px;background:linear-gradient(90deg,#1e2638,#263049,#1e2638);background-size:200%;animation:loading 1.5s infinite;border-radius:12px}@keyframes loading{to{background-position:-200%}}@media(orientation:landscape){header{padding-top:8px}.screen{padding-bottom:0}.toolbar{bottom:12px;max-width:380px}.stream-meta{position:absolute;top:15px;left:50%;transform:translate(-50%);gap:20px;z-index:4}.sheet{width:480px;margin:auto;border-radius:20px;max-height:90%}.overlay{align-items:center}.empty{padding:0;max-width:420px}.monitor-icon{width:48px;height:48px;margin:8px}.empty p{margin:4px 0 12px}.empty h1{font-size:18px}.empty small{margin:8px}.empty .primary{width:auto}.screen:has(video.visible){position:absolute;inset:0}.app:has(video.visible) header{pointer-events:none}.app:has(video.visible) header button{pointer-events:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-form input{width:100%;min-height:48px;border:1px solid #263049;border-radius:12px;padding:12px 14px;background:#151b2b;color:#f8fafc}.sheet form+.danger{margin-top:18px;width:100%}