:root{color:#e5e9df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#191d18;--surface-raised:#20251f;--surface-quiet:#151915;--line:#2e342c;--text-muted:#a2aa9b;--accent:#d4f36a;--danger:#ff827c;background:#111411;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:radial-gradient(at 50% -15%,#d4f36a0d,#0000 42%),#111411;flex-direction:column;width:100%;height:100dvh;min-height:400px;display:flex;overflow:hidden}.app-shell.immersive{z-index:20;position:fixed;inset:0}.app-header{background:#111411f0;border-bottom:1px solid #262b25;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem 1.35rem;display:flex;position:relative}.header-hidden{display:none}.brand{min-width:10rem;color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand>span:last-child{gap:.05rem;display:grid}.brand strong{letter-spacing:-.08em;font-size:1.2rem;font-weight:800}.brand small{color:var(--text-muted);letter-spacing:.11em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.52rem}.brand-mark{background:var(--accent);color:#111411;border-radius:.78rem;place-items:center;width:2.3rem;height:2.3rem;font-size:1.35rem;font-weight:800;display:grid}.header-center,.header-actions{align-items:center;gap:.65rem;display:flex}.header-center{color:var(--text-muted);font-size:.76rem}.live-indicator,.camera-live-dot{background:var(--accent);border-radius:50%;flex:none;width:.48rem;height:.48rem;display:inline-block;box-shadow:0 0 .7rem #d4f36a6b}.header-divider{background:var(--line);width:1px;height:1rem;margin:0 .2rem}.header-actions{justify-content:flex-end}.icon-button,.lock-button{color:#b7beb1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;min-width:2.5rem;min-height:2.5rem;font-size:1.2rem;transition:all .14s;display:inline-flex}.icon-button:hover,.lock-button:hover{border-color:var(--line);background:var(--surface);color:var(--accent)}.lock-button{padding:0 .75rem;font-size:.75rem}.layout-nav{border-bottom:1px solid #242a23;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.6rem;padding:.45rem 1.25rem;display:flex}.layout-list{scrollbar-width:none;align-items:center;gap:.4rem;min-width:0;display:flex;overflow-x:auto}.layout-list::-webkit-scrollbar{display:none}.layout-list button{color:#aeb5a8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;flex:none;min-height:2.35rem;padding:0 .95rem;font-size:.78rem;font-weight:600}.layout-list button span{color:#899182;margin-left:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.layout-list button:hover{color:#e5e9df;background:#20251f}.layout-list button.active{background:var(--accent);color:#18200f;border-color:#d4f36a}.layout-list button.active span{color:#52652a}.text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:600}.text-button:hover:not(:disabled){color:var(--accent)}.text-button:disabled{cursor:not-allowed;opacity:.38}.rotate-button{flex:none;padding:.6rem .85rem}.button{border:1px solid var(--accent);background:var(--accent);color:#18200f;cursor:pointer;border-radius:.85rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.8rem;padding:.65rem 1rem;font-size:.8rem;font-weight:800;transition:all .14s;display:inline-flex}.button:hover:not(:disabled){background:#e0ff80;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button-quiet{border-color:var(--line);background:var(--surface);color:#e5e9df}.button-quiet:hover:not(:disabled){background:#292f27}.button-small{min-height:2.3rem;padding:.5rem .8rem;font-size:.72rem}.button-wide{width:100%}.camera-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));grid-auto-rows:minmax(12rem,1fr);gap:.65rem;min-height:0;padding:.75rem;display:grid;overflow:auto}.immersive-content{padding:.45rem}.camera-card,.empty-slot{background:#090b09;border:1px solid #2b3029;border-radius:1rem;min-width:0;min-height:0;position:relative;overflow:hidden}.camera-card:hover{border-color:#515a48}.camera-open{z-index:2;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.camera-caption{z-index:3;color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000c7);align-items:center;gap:.5rem;padding:2rem .85rem .75rem;font-size:.78rem;display:flex;position:absolute;inset:auto 0 0}.camera-caption strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.camera-live-dot{width:.42rem;height:.42rem}.empty-slot{color:var(--text-muted);background:#15191599;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex}.empty-slot span{color:var(--accent);font-size:1.5rem}.empty-slot small{font-size:.75rem}.spotlight-wall{flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:.75rem;display:flex;overflow:hidden}.spotlight-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));grid-auto-rows:minmax(10rem,1fr);gap:.65rem;min-height:0;display:grid}.spotlight-strip{flex:none;gap:.55rem;height:7rem;display:flex;overflow-x:auto}.compact-card{border-radius:.75rem;flex:none;width:12rem}.compact-card .camera-caption{padding:1.5rem .6rem .5rem;font-size:.68rem}.empty-wall{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:2rem 1.25rem;display:flex}.empty-camera-icon{width:5rem;height:5rem;color:var(--accent);background:#20251f;border:1px solid #424a3c;border-radius:1.5rem;place-items:center;margin-bottom:1.6rem;font-size:2rem;display:grid}.eyebrow{color:#9ba693;letter-spacing:.16em;margin:0 0 .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem}.empty-wall h1,.vault-card h1{letter-spacing:-.055em;max-width:38rem;margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700}.empty-wall>p:not(.eyebrow){max-width:32rem;color:var(--text-muted);margin:.85rem 0 1.5rem;font-size:.9rem;line-height:1.7}.connection-note{text-align:left;background:#191d18;border:1px solid #333a2e;border-radius:1rem;gap:.4rem;max-width:32rem;margin-top:1.4rem;padding:1rem 1.1rem;display:grid}.connection-note strong{color:var(--accent);font-size:.78rem}.connection-note span{color:var(--text-muted);font-size:.75rem;line-height:1.6}.update-banner{color:#e3f7b7;text-align:center;background:#303b20;padding:.65rem 1rem;font-size:.76rem}.muted-banner{color:#c5cbbb;background:#252a23}.vault-screen{background:radial-gradient(at 50% 6%,#d4f36a14,#0000 38%),#111411;place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.vault-card{background:#191d18f0;border:1px solid #343a31;border-radius:1.5rem;width:min(100%,30rem);padding:clamp(1.5rem,5vw,2.7rem);box-shadow:0 2rem 6rem #00000047}.vault-card .brand-mark{border-radius:1rem;width:3rem;height:3rem;margin-bottom:1.7rem;font-size:1.7rem}.vault-card h1{font-size:clamp(1.8rem,6vw,2.4rem)}.vault-description{color:var(--text-muted);margin:.8rem 0 1.4rem;font-size:.84rem;line-height:1.7}.vault-form,.edit-form{gap:.9rem;display:grid}.vault-form label,.edit-form label,.backup-card label{color:#b7beb1;gap:.4rem;font-size:.72rem;font-weight:600;display:grid}.vault-form input,.edit-form input,.edit-form select,.backup-card input:not([type=file]){color:#f0f3ed;background:#111411;border:1px solid #3b4238;border-radius:.75rem;width:100%;min-height:2.75rem;padding:.65rem .75rem;font-size:.82rem}.vault-form input[readonly]{color:#899182}.vault-form .button{margin-top:.2rem}.form-error{color:var(--danger);margin:0;font-size:.76rem;line-height:1.5}.security-note{border-top:1px solid var(--line);color:#adb5a6;align-items:flex-start;gap:.65rem;margin-top:1.2rem;padding-top:1rem;display:flex}.security-note span{color:var(--accent);font-size:1.1rem}.security-note p{margin:0;font-size:.68rem;line-height:1.6}.loading-card{color:var(--text-muted);justify-content:center;align-items:center;gap:.8rem;display:flex}.loading-card p{margin:0}.spinner{border:2px solid #434a3e;border-top-color:var(--accent);border-radius:50%;width:1.35rem;height:1.35rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.manager-overlay{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:flex-end;display:flex;position:fixed;inset:0}.manager-backdrop{cursor:pointer;background:#0000009e;border:0;width:100%;padding:0;position:absolute;inset:0}.manager-panel{z-index:1;background:#171b16;border-left:1px solid #3b4238;flex-direction:column;width:min(100%,38rem);height:100%;display:flex;position:relative;box-shadow:-2rem 0 5rem #00000047}.manager-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:5.1rem;padding:.9rem 1.25rem;display:flex}.manager-header h2{letter-spacing:-.03em;margin:0;font-size:1.1rem}.manager-header .eyebrow{margin-bottom:.22rem;font-size:.55rem}.manager-tabs{border-bottom:1px solid var(--line);gap:.35rem;padding:.6rem 1rem;display:flex}.manager-tabs button{min-height:2.2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;padding:0 .75rem;font-size:.72rem;font-weight:700}.manager-tabs button.active{color:var(--accent);background:#27301f;border-color:#3e4833}.manager-content{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.2rem;display:flex;position:relative;overflow-y:auto}.section-heading{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-heading h3{margin:0;font-size:.95rem}.section-heading p,.empty-note{color:var(--text-muted);margin:.25rem 0 0;font-size:.72rem;line-height:1.6}.empty-note{border:1px dashed #3c4437;border-radius:.8rem;padding:1rem}.record-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.record-list>li{background:#1d221c;border:1px solid #30362e;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.8rem;display:flex}.record-main{gap:.22rem;min-width:0;display:grid}.record-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.record-main>span,.record-main code,.record-main small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.record-main code,.edit-form code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.record-actions{flex:none;align-items:center;gap:.4rem;display:flex}.record-actions .text-button{padding:.35rem .2rem;font-size:.65rem}.danger-text:hover:not(:disabled){color:var(--danger)}.encrypted-label{color:var(--accent)!important}.edit-form{background:#1b2119;border:1px solid #3b4434;border-radius:1rem;padding:1rem}.edit-form h4{margin:0;font-size:.84rem}.edit-form label span{color:#858d7e;font-weight:400}.credential-fields{background:#1b2416;border:1px solid #3d4734;border-radius:.8rem;gap:.8rem;padding:.8rem;display:grid}.credential-fields p{color:#b5c597;margin:0;font-size:.67rem;line-height:1.5}.form-actions{justify-content:flex-end;gap:.55rem;margin-top:.2rem;display:flex}.slot-list{gap:.65rem;max-height:20rem;display:grid;overflow-y:auto}.backup-card{background:#1d221c;border:1px solid #30362e;border-radius:.9rem;gap:.75rem;padding:1rem;display:grid}.backup-card p{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.6}.backup-card .muted{font-size:.66rem}.file-input{display:none}.setup-note{background:#20251f;border-radius:.85rem;padding:.95rem}.setup-note strong{color:var(--accent);font-size:.72rem}.setup-note p{color:var(--text-muted);margin:.45rem 0 0;font-size:.68rem;line-height:1.6}.manager-message{color:#d9edaf;background:#293221;border-radius:.7rem;margin:auto 0 0;padding:.7rem .8rem;font-size:.72rem;line-height:1.5}.viewer-overlay{z-index:40;background:#050605;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-header{justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;padding:.4rem .9rem;display:flex}.viewer-header p{align-items:center;gap:.65rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.viewer-player{flex:1;min-height:0;position:relative}.viewer-strip{flex:none;gap:.5rem;height:6.4rem;padding:.45rem .65rem .65rem;display:flex;overflow-x:auto}.viewer-strip .compact-card{width:10rem}@media (width<=700px){.app-header{gap:.4rem;min-height:4rem;padding:.6rem .75rem}.brand{min-width:0}.brand-mark{border-radius:.7rem;width:2rem;height:2rem;font-size:1.15rem}.brand strong{font-size:1.05rem}.brand small{display:none}.header-center{gap:.4rem;font-size:.65rem}.header-divider{margin:0}.header-actions{gap:.1rem}.icon-button{min-width:2.25rem;min-height:2.25rem}.lock-button{min-width:2.25rem;padding:0 .45rem;font-size:0}.lock-button span{font-size:1rem}.layout-nav{min-height:3.3rem;padding:.35rem .55rem}.layout-list button{min-height:2.1rem;padding:0 .7rem;font-size:.7rem}.rotate-button{padding:.4rem;font-size:.65rem}.camera-grid{grid-auto-rows:minmax(13rem,1fr);gap:.45rem;padding:.5rem}.spotlight-wall{gap:.45rem;padding:.5rem}.spotlight-grid{grid-auto-rows:minmax(9rem,1fr);gap:.45rem}.spotlight-strip{height:5.3rem}.compact-card{width:8.5rem}.manager-panel{border-left:0;width:100%}.manager-content{padding:.9rem}.manager-tabs{gap:.15rem;padding:.45rem .55rem}.manager-tabs button{flex:1;padding:0 .35rem;font-size:.65rem}.record-list>li{flex-direction:column;align-items:flex-start}.record-actions{justify-content:flex-end;width:100%}.empty-wall{padding:1.4rem 1rem}.empty-wall h1{font-size:1.75rem}.viewer-strip{height:5.7rem}.viewer-strip .compact-card{width:8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}