:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#dae4e6;background:#10191d;font-synthesis:none;--muted:#8faaaF;--line:#2b3b40;--panel:#18252b;--accent:#74d5bb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid transparent;background:var(--accent);color:#153b31;padding:11px 18px;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;font-size:14px}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#263a40;color:#cfe7e5;border-color:#385058}.quiet{background:transparent;border-color:var(--line);color:var(--muted);padding:9px 13px;font-size:13px}input,select{background:#111e24;border:1px solid #3a4e55;color:#e3f0ef;border-radius:7px;padding:10px 11px;min-width:0;max-width:100%;outline:none}input:focus,select:focus{border-color:var(--accent)}label{font-size:13px;color:#a5bec1;display:flex;gap:8px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:1px;margin:8px 0}h2{font-size:19px;font-weight:600}h3{font-size:16px}p{line-height:1.8}small{font-weight:400}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:#111e24;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#e9f3f1;text-decoration:none;font-size:21px;font-weight:600;padding:5px 8px 40px}.brand-icon{color:var(--accent);font-size:39px}.brand small{display:block;font-size:9px;letter-spacing:1.1px;margin-top:7px;color:var(--muted)}.nav-label{color:#6b868b;font-size:11px;letter-spacing:3px;padding:14px 15px}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#8fa9ae;display:flex;gap:15px;font-size:18px;padding:14px 16px}nav button span{font-size:14px}nav button.active{background:#244038;color:#9ee8d3}.side-note{margin-top:auto;padding:20px 9px;font-size:12px;color:#8ebdb1}.side-note p{color:#5e8086;font-size:11px;margin:16px 0}.dot{display:inline-block;width:7px;height:7px;background:#7bd5b5;border-radius:50%;margin-right:5px}main{margin-left:238px;padding:38px 42px 18px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:3px;color:#77aa9e}header p{color:var(--muted);font-size:13px;margin:0}.header-status{display:grid;justify-items:end;gap:13px;padding-top:4px;font-size:11px;color:#718f96}.badge{font-size:11px;background:#243c36;color:#8bddbd;padding:6px 10px;border-radius:5px}.badge.off{background:#372d27;color:#d7ae87}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#152329;border-radius:12px;overflow:hidden}.metrics>div{padding:21px 25px;border-right:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.metrics>div:last-child{border:0}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:26px;font-weight:500}.filter-row{display:flex;gap:16px;align-items:center;margin:26px 0;color:#728c93;font-size:12px}.filter-row select{max-width:280px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 17px}.section-head h2{margin:0}.section-head small{font-size:9px;color:#637f87;letter-spacing:2px;margin-left:12px}.section-head>div{display:flex;align-items:center;gap:16px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.camera-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.camera-card .video-panel{border:0;border-radius:0;margin:0}.video-panel{position:relative;aspect-ratio:16/9;background:#070e12;overflow:hidden;border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.video-panel video{width:100%;height:100%;object-fit:contain;display:block}.video-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#5c7b85;font-size:13px;pointer-events:none;background:radial-gradient(ellipse at center,#142a32 0,transparent 70%)}.video-empty .lens{font-size:36px;color:#456773}.video-error{position:absolute;left:14px;right:14px;bottom:48px;background:#271d1ce6;border-radius:6px;color:#e3b7a1;padding:9px 12px;font-size:12px}.camera-meta{display:flex;justify-content:space-between;gap:12px;padding:16px 18px}.camera-meta strong{font-size:14px}.camera-meta p{color:#728f96;font-size:11px;margin:6px 0 0}.camera-meta .badge{align-self:flex-start}.camera-actions{display:flex;gap:8px;padding:0 18px 14px}.camera-actions button{font-size:11px;padding:7px 10px}.empty{grid-column:1/-1;padding:62px 20px;text-align:center;background:var(--panel);border:1px dashed #354b52;border-radius:12px;color:#819da5}.empty h3{font-size:19px;color:#c4d5d6;font-weight:500}.empty p{font-size:13px;margin-bottom:22px}.panel{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.playback-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.playback-controls label{display:grid}.playback-controls>span{font-size:12px;color:var(--muted);margin:auto 0}.timeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.timeline-head span{color:var(--muted)}.legend{display:inline-block;background:var(--accent);width:15px;height:6px;margin-right:7px}#timeline{width:100%;height:76px;display:block;cursor:crosshair}.time-labels{display:flex;justify-content:space-between;font-size:10px;color:#74949c}.seek-row{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recording-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recording-item{text-align:left;background:#203139;color:#bdd5d8;font-size:12px;border:1px solid var(--line);white-space:normal}.recording-item small{display:block;color:#719499;margin-top:7px}.discovery{display:flex;align-items:center;gap:14px}.discovery>div{margin-right:auto}.discovery p{font-size:12px;color:var(--muted);margin:5px 0 0}.discovery input{width:190px}.scan-chip{display:inline-flex;gap:16px;align-items:center;margin:0 12px 14px 0;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px}.scan-chip button{padding:6px 10px;font-size:11px}.table-wrap{overflow:auto}.device-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);font-size:13px}.device-table th{text-align:left;font-size:11px;color:#8ba9ae;font-weight:400;padding:15px}.device-table td{padding:18px 15px;border-top:1px solid var(--line)}.device-table td small{display:block;margin-top:7px;color:#75969d}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-card{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:10px}.site-heading{display:flex;justify-content:space-between;gap:12px}.site-card h3{margin:12px 0}.site-card dl{font-size:12px}.site-card dl>div{display:flex;gap:18px;padding:7px 0}.site-card dt{color:#718d94;width:80px;flex-shrink:0}.site-card dd{margin:0;color:#b6cccf;word-break:break-word}.description{font-size:12px;color:var(--muted);line-height:1.9}.storage-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.storage-grid form>label{display:grid;margin:20px 0}.storage-grid dl{font-size:13px}.storage-grid dl div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.storage-grid dt{color:var(--muted)}.storage-grid dd{margin:0}.audit-item{font-size:11px;padding:10px 0;border-top:1px solid var(--line);color:#9ab8bd}.audit-item small{display:block;color:#607f89;margin-bottom:5px}.banner{background:#493c24;border:1px solid #6b5430;color:#e1c69a;border-radius:8px;padding:13px 17px;font-size:13px;margin-bottom:22px}dialog{color:#dae4e6;background:#192a31;border:1px solid #3b555d;border-radius:15px;width:min(760px,94vw);max-height:90vh;padding:30px;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#061015dd;backdrop-filter:blur(8px)}#auth-dialog{max-width:430px;padding:38px}#auth-form h2{font-size:28px;margin:18px 0 10px}#auth-form>label{display:grid;margin:22px 0}#auth-form p{color:#93afb5;font-size:13px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-heading h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:8px}.form-grid .check{display:flex}.check input{accent-color:var(--accent);width:16px;height:16px}.dialog-footer{display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.form-error{font-size:12px;color:#efab97;line-height:1.6}.wide{width:100%}footer{font-size:10px;color:#54727c;display:flex;justify-content:space-between;margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);border:1px solid #4a7d70;background:#1a3c32;color:#b5efd9;padding:13px 22px;border-radius:9px;z-index:5;box-shadow:0 10px 30px #0005;font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:1600px){.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:190px;padding:25px 14px}.brand{font-size:17px}.brand-icon{font-size:30px}.brand small{font-size:8px}main{margin-left:190px;padding:25px}.metrics>div{padding:18px 14px}.metrics strong{font-size:22px}.storage-grid{grid-template-columns:1fr}.section-head small{display:none}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:18px 16px 8px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 3px 16px}.brand small{font-size:9px}.sidebar nav{display:flex;gap:3px;overflow:auto}.sidebar nav button{padding:10px;font-size:14px;gap:6px}.sidebar nav button span{font-size:11px}.nav-label,.side-note,.sidebar #logout{display:none}main{margin:0;padding:23px 16px}h1{font-size:25px}.header-status{font-size:9px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border-bottom:1px solid var(--line)}.metrics>div:nth-child(2){border-right:0}.live-grid,.site-grid{grid-template-columns:1fr}.filter-row{flex-wrap:wrap;gap:10px}.filter-row>span{display:none}.filter-row select{max-width:200px}.section-head{align-items:start}.section-head>div{flex-wrap:wrap;justify-content:flex-end;gap:8px}.section-head button{padding:9px 11px;font-size:12px}.section-head h2{font-size:16px}.section-head label{font-size:11px}.section-head select{padding:6px}.discovery{flex-wrap:wrap}.discovery>div{width:100%}.discovery input{flex:1}.recording-list{grid-template-columns:1fr 1fr}.timeline-head{gap:10px;font-size:10px}.form-grid{gap:13px}.form-grid label{font-size:12px}dialog{padding:23px}.form-grid .full{grid-column:1/-1}.playback-controls label{flex:1}.video-empty{font-size:11px}.camera-meta{padding:14px}.seek-row label{width:100%}#auth-dialog{padding:30px}footer{font-size:9px}}.sidebar{overflow-y:auto}.sidebar .brand{padding-bottom:18px}.sidebar nav{gap:3px}.sidebar nav button{padding-top:10px;padding-bottom:10px}.sidebar .side-note{padding-bottom:0}.sidebar .side-note p{display:none}textarea{font:inherit;color:#e3f0ef;background:#111e24;border:1px solid #3a4e55;border-radius:7px;padding:10px;resize:vertical;max-width:100%}textarea:focus{outline:2px solid var(--accent)}fieldset{border:1px solid var(--line);border-radius:8px;padding:15px}legend{color:var(--muted);font-size:13px}#user-sites{display:flex;flex-wrap:wrap;gap:16px}.family-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.family-toolbar>span{margin-left:auto;font-size:12px;color:var(--muted)}.family-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.family-people{display:grid;gap:10px;max-height:720px;overflow:auto}.person-card{text-align:left;display:grid;gap:8px;white-space:normal;background:var(--panel);color:#dae4e6;border:1px solid var(--line);padding:18px}.person-card.selected{border-color:var(--accent);background:#234037}.person-card span{font-size:12px;color:var(--accent)}.person-card small{font-size:11px;color:var(--muted)}#family-detail .section-head{margin-top:0}#family-detail h2{margin:10px 0}.family-prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.family-link{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.family-link small{display:block;color:var(--muted);margin-top:7px}.family-tree{display:grid;grid-template-columns:1fr 1fr;gap:25px;overflow:auto}.family-tree ul{padding-left:20px;list-style:none;border-left:1px solid #3f6359}.family-tree li{padding:6px 0}.family-tree button{max-width:100%;white-space:normal}.family-tree small{color:var(--muted);font-size:11px}.family-spouses{grid-column:1/-1}#family-error:empty{display:none}.family-people .empty{padding:30px 12px}.family-people .empty h3{font-size:16px}#current-user{font-size:12px;margin:12px 0}@media(max-width:900px){.family-layout{grid-template-columns:1fr}.family-people{grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px}.family-tree{grid-template-columns:1fr}.family-spouses{grid-column:auto}.family-toolbar label{flex-wrap:wrap}.family-toolbar input{width:100%}}@media(max-width:760px){.sidebar #logout{display:block;align-self:flex-end}.sidebar #current-user{position:absolute;right:130px;top:15px;font-size:10px}.form-grid{grid-template-columns:1fr}.family-tree ul{padding-left:12px}}#family-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:20px 0 26px}#family-detail dl>div{display:grid;grid-template-columns:105px 1fr;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}#family-detail dt{font-size:12px;color:var(--muted)}#family-detail dd{margin:0;font-size:13px;overflow-wrap:anywhere}@media(max-width:1000px){#family-detail dl{grid-template-columns:1fr}}.brand-icon{width:44px;height:44px;object-fit:cover;border-radius:12px;flex-shrink:0}.wall-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:16px 0}.wall-toolbar select{padding:8px}.wall-paging{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}#wall-clock{margin-left:auto;color:var(--muted);font-size:12px}.live-grid[data-layout="1"]{grid-template-columns:1fr}.live-grid[data-layout="2"],.live-grid[data-layout="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid[data-layout="6"],.live-grid[data-layout="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid[data-layout="16"]{grid-template-columns:repeat(4,minmax(0,1fr))}.wall-reorder{display:none;padding:8px 12px;align-items:center;gap:8px}.arranging .wall-reorder{display:flex}.wall-reorder span{cursor:grab;margin-right:auto;font-size:12px;color:var(--muted)}.wall-reorder button{padding:4px 9px;font-size:11px}#page-live:is(:fullscreen,.wall-expanded){background:#070f12;padding:12px;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#page-live:is(:fullscreen,.wall-expanded)>.section-head,#page-live:is(:fullscreen,.wall-expanded)>#quality-note{display:none}#page-live:is(:fullscreen,.wall-expanded) .wall-toolbar{margin:0 0 10px;flex-shrink:0}#page-live:is(:fullscreen,.wall-expanded) .live-grid{flex:1;min-height:0;gap:8px;grid-template-rows:repeat(2,minmax(0,1fr))}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout="1"],#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout="2"]{grid-template-rows:1fr}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout="9"]{grid-template-rows:repeat(3,minmax(0,1fr))}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout="16"]{grid-template-rows:repeat(4,minmax(0,1fr))}#page-live:is(:fullscreen,.wall-expanded) .camera-card{display:flex;flex-direction:column;min-height:0;position:relative}#page-live:is(:fullscreen,.wall-expanded) .video-panel{flex:1;min-height:0;aspect-ratio:auto}#page-live:is(:fullscreen,.wall-expanded) .camera-meta{padding:7px 10px;align-items:center}#page-live:is(:fullscreen,.wall-expanded) .camera-meta p,#page-live:is(:fullscreen,.wall-expanded) .camera-meta .badge{display:none}#page-live:is(:fullscreen,.wall-expanded) .camera-meta strong{font-size:12px}#page-live:is(:fullscreen,.wall-expanded) .camera-actions{position:absolute;bottom:34px;right:6px;padding:4px;background:#10191ddd;border-radius:6px;opacity:0}#page-live:is(:fullscreen,.wall-expanded) .camera-card:hover .camera-actions,#page-live:is(:fullscreen,.wall-expanded) .camera-card:focus-within .camera-actions{opacity:1}#page-live:is(:fullscreen,.wall-expanded) .camera-actions [data-edit-camera],#page-live:is(:fullscreen,.wall-expanded) .camera-actions [data-play-camera]{display:none}.ptz-panel{background:#1a3038;border:1px solid #41656c;border-radius:12px;padding:16px;display:flex;align-items:center;gap:22px;position:fixed;bottom:22px;right:22px;z-index:4;max-width:calc(100vw - 32px);box-shadow:0 12px 50px #0008}.ptz-panel p{font-size:12px;color:var(--muted);max-width:320px;margin:8px 0 0}.ptz-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,40px);gap:4px}.ptz-pad button{padding:5px;font-size:17px}.ptz-pad [data-ptz-action=up]{grid-column:2}.ptz-pad [data-ptz-action=left]{grid-column:1;grid-row:2}.ptz-pad [data-ptz-action=stop]{grid-column:2;grid-row:2;background:#f0bda6;font-size:12px}.ptz-pad [data-ptz-action=right]{grid-column:3;grid-row:2}.ptz-pad [data-ptz-action=down]{grid-column:2;grid-row:3}.family-date{border:1px solid var(--line);border-radius:8px;padding:14px;margin:0;min-width:0}.family-date legend{font-size:13px;color:#a5bec1}.family-date label{margin-bottom:10px}.family-date output{display:block;font-size:12px;line-height:1.7;color:var(--accent)}@media(max-width:760px){.wall-toolbar{gap:9px}#wall-clock{display:none}.camera-meta strong{font-size:12px}.camera-actions{flex-wrap:wrap;padding:0 8px 8px}.camera-meta{padding:9px}.ptz-panel{flex-wrap:wrap;gap:12px}.ptz-panel>div:first-child{flex:1;min-width:160px}.family-date{grid-column:1/-1}#page-live:is(:fullscreen,.wall-expanded) .camera-actions{opacity:1}.live-grid[data-layout="16"] .camera-meta strong{font-size:9px}}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout=auto]{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-reorder [data-wall-drag]{touch-action:none;user-select:none;padding:5px 0}.camera-card.wall-drop-target{outline:2px solid var(--accent);outline-offset:-3px}#camera-settings-dialog{width:min(1060px,94vw)}#camera-settings-info dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px;padding:16px;border:1px solid var(--line);border-radius:10px}#camera-settings-info dt{font-size:12px;color:var(--muted);margin-bottom:6px}#camera-settings-info dd{font-size:13px;margin:0;overflow-wrap:anywhere}#camera-image-fields,#camera-video-fields{grid-template-columns:repeat(3,minmax(0,1fr))}#camera-settings-status:empty{display:none}#camera-settings-dialog details{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.8}#page-live:is(:fullscreen,.wall-expanded) .camera-actions [data-camera-settings]{display:none}@media(max-width:700px){#camera-settings-info dl,#camera-image-fields,#camera-video-fields{grid-template-columns:1fr 1fr}}@media(max-width:420px){#camera-settings-info dl,#camera-image-fields,#camera-video-fields{grid-template-columns:1fr}}.ptz-panel{width:620px;display:grid;grid-template-columns:1fr auto;max-height:80dvh;overflow:auto;align-items:start}.ptz-panel>div:first-child{grid-column:1}.ptz-panel .ptz-pad{grid-column:2;grid-row:1/3}#ptz-presets{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:12px}#ptz-presets .section-head{margin:0;gap:10px}#ptz-presets p{max-width:none;line-height:1.6}#preset-count{color:var(--muted);font-size:12px}.preset-row{display:flex;align-items:center;gap:5px;padding:9px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.preset-row strong{font-size:13px;flex:1;overflow-wrap:anywhere}.preset-row button{padding:5px 8px;font-size:12px}#preset-form{display:flex;align-items:end;gap:10px;margin-top:12px}#preset-form label{flex:1;margin:0}#preset-name{width:100%}#preset-confirmation{padding:12px;background:#553b31;border-radius:8px;margin-top:10px}#ptz-close{justify-self:start}.playback-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.playback-tools .check{margin:0}.clip-editor{border-top:1px solid var(--line);padding-top:12px}.clip-editor summary{cursor:pointer;margin-bottom:14px}#snapshot-dialog{width:min(1000px,92vw)}#snapshot-image{width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:8px}#play-position{font-size:13px;color:var(--muted)}@media(max-width:600px){.ptz-panel{right:12px;bottom:12px;padding:12px;gap:12px}.ptz-panel .ptz-pad{grid-column:2}#preset-form{flex-wrap:wrap}#preset-form label{flex-basis:100%}}.settings-sections,.view-presets{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}.settings-sections button[aria-pressed=true],.view-presets button[aria-pressed=true]{background:var(--accent,#30594e);color:var(--paper,#fff);border-color:var(--accent,#30594e)}.group-custom{margin:16px 0}.group-custom summary{cursor:pointer;padding:10px 0}.device-search-row>button{align-self:end}.journal-entry.just-saved{outline:2px solid var(--accent,#30594e);outline-offset:4px;scroll-margin-block:24px}.family-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.family-canvas-panel{background:#17262b;border:1px solid #39504f;border-radius:14px;overflow:hidden;min-width:0}.family-map-heading{padding:22px 22px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.family-map-heading h2{font-size:23px;margin:8px 0 0;letter-spacing:2px}.family-map-heading .eyebrow{font-size:9px}.family-view-tabs{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;flex-shrink:0}.family-view-tabs button{border:0;padding:8px 12px;border-radius:5px;font-size:12px}.family-view-tabs [aria-pressed=true]{background:#30574c;color:#b8f2df}.family-map-controls{padding:0 20px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.family-map-controls button{font-size:12px;padding:7px 10px}.family-zoom-controls{display:flex;gap:5px;align-items:center;margin-right:auto}.family-zoom-controls output{font-size:11px;min-width:38px;text-align:center;color:var(--muted)}.family-map-viewport{height:clamp(440px,65vh,740px);overflow:auto;background-color:#e8eeea;background-image:radial-gradient(#b5c5bb 1px,transparent 1px);background-size:22px 22px;position:relative;overscroll-behavior:contain;cursor:grab;scrollbar-color:#82988b #dce5de;scrollbar-width:thin;outline-offset:-3px}.family-map-viewport.panning{cursor:grabbing;user-select:none}.family-map-space{position:relative;min-width:100%;min-height:100%}.family-map-surface{position:absolute;left:0;top:0;transform-origin:0 0}.family-map-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.family-edge{fill:none;stroke:#86a299;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.family-edge.spouse{stroke:#bd9050;stroke-dasharray:5 4;stroke-width:2}.family-edge.nonbiological{stroke:#9987b4;stroke-dasharray:4 3}.family-edge.focused{stroke-width:2.6;stroke:#337b66}.family-edge.spouse.focused{stroke:#ab791e}.family-edge.nonbiological.focused{stroke:#7b55a2}.family-branch-label{position:absolute;color:#536c60;font-size:12px;letter-spacing:1px;pointer-events:none}.family-node{position:absolute;border:1px solid #c4d0c7;border-radius:12px;background:#fffef9;color:#273e33;padding:13px 15px;text-align:left;white-space:normal;box-shadow:0 4px 11px #263c3010;display:flex;flex-direction:column;gap:4px;overflow:visible;cursor:pointer;transition:box-shadow .15s,border-color .15s}.family-node:hover{filter:none;box-shadow:0 6px 20px #30583d30;border-color:#5b9179}.family-node:focus-visible{outline:3px solid #205a48;outline-offset:4px}.family-node>strong{font-size:16px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:30px}.family-node-top{position:absolute;right:12px;top:12px}.family-node-avatar{display:flex;width:28px;height:28px;align-items:center;justify-content:center;background:#e9f0e8;border-radius:9px;font-family:"Noto Serif SC",SimSun,serif;color:#48745c;font-size:17px}.family-node-flags{position:absolute;right:0;top:36px;display:grid;gap:4px;justify-items:end;white-space:nowrap}.family-node-flags>small{font-size:9px;color:#748375}.family-node .family-node-relation{display:block;font-size:11px;color:#577868;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-node>small{font-size:10px;color:#7a8a80;margin-top:auto}.family-node.self{background:#f6d795;border:2px solid #c49337;box-shadow:0 5px 18px #b487242e}.family-node.self .family-node-avatar{background:#fbe8bd;color:#82561f}.family-node.self>strong{color:#5d3d15}.family-node.self .family-node-relation,.family-node.self>small{color:#7d622f}.self-badge{display:inline-block;border-radius:4px;background:#996e2b;color:#fff4d7;padding:2px 5px;font-size:9px;font-weight:600;letter-spacing:.5px}.family-node.selected{outline:3px solid #3d9175;outline-offset:4px}.family-node.search-hit:after{content:"匹配";position:absolute;left:12px;top:-12px;padding:2px 6px;border-radius:4px;background:#315f8d;color:#fff;font-size:9px;box-shadow:0 2px 4px #0002}.family-node.archived{border-style:dashed}.family-map-footer{padding:15px 20px;border-top:1px solid #a4b7a41f}.family-map-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#a5bbb4;margin-bottom:9px}.family-map-legend>span{display:flex;align-items:center;gap:6px}.family-map-legend i{display:inline-block;width:19px;height:2px;background:#86a299}.family-map-legend i.legend-self{width:11px;height:11px;background:#f6d795;border-radius:3px}.family-map-legend i.legend-selected{width:11px;height:11px;background:transparent;border:2px solid #64bc9d;border-radius:3px}.family-map-legend i.legend-spouse{background:none;border-top:2px dashed #bd9050}.family-map-legend i.legend-adoptive{background:none;border-top:2px dashed #aa98c4}.family-map-footer .description{font-size:11px;margin:0;line-height:1.8}.family-map-footer #family-map-note:not(:empty){padding:8px 0;color:#c9bc9a}.family-inspector{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;margin:0;padding:20px;min-width:0;scrollbar-width:thin}.family-inspector.is-self{border-color:#b08848;background:linear-gradient(145deg,#343323,#18272a 55%)}.family-self-heading{color:#e8c780;font-size:12px;margin-bottom:18px}.family-back-to-map{display:block;margin:0 0 18px auto;font-size:11px}#family-detail .section-head{gap:12px;flex-wrap:wrap}#family-detail .section-head>div{display:block}#family-detail .section-head h2{font-size:23px;overflow-wrap:anywhere}#family-detail dl{grid-template-columns:1fr;gap:12px;margin:18px 0 24px}#family-detail dl>div{grid-template-columns:76px minmax(0,1fr);gap:9px}#family-detail h3{font-size:14px;margin-top:24px}#family-detail .family-link{align-items:flex-start;overflow-wrap:anywhere;font-size:12px}#family-detail .family-link .quiet{padding:5px 8px;font-size:11px}#family-detail .family-prose{font-size:13px}.family-register{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:clamp(440px,65vh,740px);overflow:auto;padding:20px;align-content:start;background:#132226}.person-card.self{background:#463e27;border-color:#b28f50;color:#f1dca7}.person-card.self span:not(.self-badge){color:#e0c995}.person-card.self small{color:#b8a98b}.person-card.selected{outline:2px solid #63b89c;outline-offset:-2px}.family-map-viewport>.empty{border:0;background:transparent;color:#5c7567;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0}.family-map-viewport>.empty h3{color:#314d3d}.family-toolbar #family-search{width:190px}.family-toolbar #family-reference{max-width:180px}.family-toolbar{gap:12px}.family-workspace:is(:fullscreen,.family-expanded){width:100vw;height:100dvh;background:#10191d;padding:16px;align-items:stretch;overflow:auto}.family-workspace:is(:fullscreen,.family-expanded) .family-canvas-panel{height:100%;display:flex;flex-direction:column}.family-workspace:is(:fullscreen,.family-expanded) .family-map-viewport{flex:1;height:auto;min-height:200px}.family-workspace:is(:fullscreen,.family-expanded) .family-register{max-height:none;flex:1}.family-workspace:is(:fullscreen,.family-expanded) .family-inspector{position:static;max-height:100%;overflow:auto}.family-workspace:is(:fullscreen,.family-expanded) .family-map-heading{padding:14px 20px}.family-workspace:is(:fullscreen,.family-expanded) .family-map-footer{padding:10px 20px}@media(max-width:1250px){.family-workspace{grid-template-columns:minmax(0,1fr) 270px}.family-map-heading{align-items:flex-start;flex-wrap:wrap}.family-map-controls{gap:6px}.family-map-controls button{padding:7px 8px}.family-inspector{padding:16px}.family-toolbar>span{margin-left:0}}@media(max-width:1000px){.family-workspace{grid-template-columns:1fr}.family-inspector{position:static;max-height:none}.family-map-viewport{height:560px}.family-register{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:560px}.family-workspace:is(:fullscreen,.family-expanded){display:flex;flex-direction:column;gap:10px}.family-workspace:is(:fullscreen,.family-expanded) .family-canvas-panel{min-height:65vh;flex:1;flex-shrink:0}.family-workspace:is(:fullscreen,.family-expanded) .family-inspector{max-height:35vh;flex-shrink:0}}@media(max-width:600px){#page-family>.section-head{align-items:flex-start;flex-wrap:wrap}#page-family>.section-head>div{gap:7px;flex-wrap:wrap}#page-family>.section-head button{font-size:12px;padding:8px 10px}.family-toolbar{padding:15px}.family-toolbar label{width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap}.family-toolbar label.check{justify-content:flex-start}.family-toolbar input,.family-toolbar #family-search,.family-toolbar #family-reference{width:60%;max-width:60%}.family-toolbar input[type=checkbox]{width:16px}.family-map-heading{padding:17px 15px}.family-map-heading h2{font-size:21px}.family-map-controls{padding:0 12px 14px}.family-map-footer{padding:13px 15px}.family-map-legend{gap:10px}.family-map-viewport{height:470px}.family-register{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.family-register .person-card{padding:12px}.family-workspace:is(:fullscreen,.family-expanded){padding:8px}.family-map-footer>.description:last-child{font-size:10px}}.family-map-heading{flex-wrap:wrap}.family-view-tabs{max-width:100%;flex-wrap:wrap}.family-view-tabs button{font-size:11px}.family-event-intro{display:flex;justify-content:space-between;gap:15px;padding:8px 22px 12px;align-items:flex-start}.family-event-intro h3{font-size:16px;line-height:1.7;margin:0 0 7px}.family-event-intro p{margin:0}.family-event-intro button{font-size:12px;padding:9px 12px}.family-event-filters{display:flex;gap:12px;flex-wrap:wrap;padding:15px 22px;background:#101e2366;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-event-filters label{display:flex;font-size:12px;gap:7px;flex-wrap:wrap}.family-event-filters input:not([type=checkbox]){width:170px}.family-event-filters select{max-width:180px;font-size:12px;padding:8px}.family-event-filters .check{width:100%;font-size:11px}.family-event-filters button{font-size:11px;padding:7px 10px}.family-event-filters #family-event-state-label{margin-right:auto}#family-event-count{padding:16px 22px 0;margin-bottom:0}.family-timeline{padding:0 22px 28px;max-height:680px;overflow:auto;scrollbar-width:thin}.timeline-year{font-family:Georgia,SimSun,serif;color:#a4d6c3;font-size:27px;margin:30px 0 18px;letter-spacing:1px}.timeline-year span{font-family:inherit;font-size:12px;color:var(--muted);margin-left:8px}.timeline-event{display:flex;align-items:flex-start;gap:18px;position:relative;width:100%;background:transparent;color:inherit;text-align:left;padding:0 0 24px;border-radius:0;border:0;white-space:normal}.timeline-event:hover{filter:none}.timeline-event:before{content:"";position:absolute;left:85px;top:10px;bottom:-10px;border-left:1px solid #466659}.timeline-event:after{content:"";position:absolute;left:81px;top:6px;width:9px;height:9px;border-radius:50%;background:#7eccac;box-shadow:0 0 0 4px #1c342d}.timeline-event>time{font-size:12px;font-weight:400;color:#9bb3ae;flex:0 0 70px;margin-top:1px}.timeline-event-body{margin-left:12px;flex:1;min-width:0;border:1px solid #345248;border-radius:10px;padding:17px 19px;background:#20352f;display:flex;flex-direction:column;gap:11px}.timeline-event:hover .timeline-event-body{border-color:#71ad94;background:#264037}.timeline-event-body>strong{font-size:17px;line-height:1.6;color:#dfebe5;overflow-wrap:anywhere}.timeline-event-status{font-size:9px;color:#9fc8b7;letter-spacing:1px}.timeline-summary{font-size:12px;color:#a4beb2;line-height:1.8;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.timeline-event-body>small{font-size:11px;color:#acc9b5;font-weight:400}.timeline-read{font-size:11px;color:#83d6b5;font-weight:400}.timeline-event.draft .timeline-event-body{border-style:dashed;background:#282e30}.timeline-event.draft:after{background:#aea087}.event-associated{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0}.event-associated button{font-size:12px}.event-detail-meta{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin:20px 0;color:#97baac;font-size:12px}.event-detail-meta time{line-height:1.8}#event-detail-title{font-size:26px;line-height:1.6;overflow-wrap:anywhere}.event-lead{border-left:3px solid #8cb8a1;background:#233a32;padding:14px 18px;white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.event-article{font-size:15px;line-height:2;margin:28px 0;color:#c9d9d1}.event-source{display:inline-block;white-space:normal;overflow-wrap:anywhere;line-height:1.7;margin:8px 0}.event-updated{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}#event-person-choices{display:flex;gap:12px;flex-wrap:wrap;max-height:170px;overflow:auto;padding:14px 0}#event-person-choices label{display:flex;flex-direction:row;align-items:center}.event-editor-actions{gap:12px}.person-events{border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.person-events .section-head{gap:8px}.person-events .section-head h3{margin:0!important;font-size:13px!important}.person-events .section-head small{letter-spacing:0;margin-left:4px}.person-events .section-head button{font-size:10px;padding:6px 7px}.person-event-link{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;color:#c0d6c9;text-align:left;padding:10px 0;margin-bottom:8px;white-space:normal;line-height:1.7;font-size:12px}.person-event-link time{font-size:10px;color:#87a495}.family-workspace:is(:fullscreen,.family-expanded) #family-events{overflow:auto}.family-workspace:is(:fullscreen,.family-expanded) .family-timeline{max-height:none}@media(max-width:600px){.family-event-intro{flex-wrap:wrap;padding:8px 15px 15px}.family-event-filters{padding:15px;gap:10px}.family-event-filters label{font-size:11px}.family-event-filters .check{line-height:1.8;flex-wrap:nowrap}.family-timeline{padding:0 15px 22px}.timeline-event{gap:8px}.timeline-event>time{font-size:10px;flex-basis:55px}.timeline-event:before{left:62px}.timeline-event:after{left:58px}.timeline-event-body{padding:13px;margin-left:9px}.timeline-event-body>strong{font-size:15px}.family-view-tabs button{padding:8px 10px}#event-detail-title{font-size:22px}.event-detail-meta,.event-editor-actions{flex-wrap:wrap}}.family-workspace.family-expanded{position:fixed;inset:0;z-index:8}.family-map-viewport{scrollbar-gutter:stable;overflow-anchor:none}.family-map-space{min-width:0;min-height:0;overflow:clip}.family-workspace:is(:fullscreen,.family-expanded){min-height:0;grid-template-rows:minmax(0,1fr)}.family-workspace:is(:fullscreen,.family-expanded) .family-canvas-panel{min-height:0}.family-workspace:is(:fullscreen,.family-expanded) .family-map-heading,.family-workspace:is(:fullscreen,.family-expanded) .family-map-controls,.family-workspace:is(:fullscreen,.family-expanded) .family-map-footer{flex-shrink:0}.family-workspace.family-expanded{z-index:1100}@media(max-width:1000px){.family-workspace:is(:fullscreen,.family-expanded) .family-canvas-panel{min-height:65vh}}#history-dialog{width:min(1040px,94vw)}#history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:260px;overflow:auto;margin:16px 0}.history-entry{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:6px;white-space:normal}.history-entry small,.history-entry span{color:var(--muted);font-size:12px}.history-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history-columns section{min-width:0}.history-columns dd{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.history-columns dl>div{padding:10px;border-bottom:1px solid #30434a}.history-changed{background:#27443e66;border-radius:8px}#history-confirm{padding:16px;border:1px solid #74d0b7;border-radius:12px;margin-top:18px}#history-confirm button{margin:6px}#history-error:empty{display:none}@media(max-width:650px){.history-columns{grid-template-columns:1fr}#history-list{max-height:200px}}:root{color-scheme:light;--paper: #f4f0e7;--ink: #2d3932;--muted: #6e6b5f;--line: #dcd5c6;--panel: #fffdf8;--accent: #315b4d;--cinnabar: #9e4b3d;--gold: #86682f;--serif: "Songti SC", "STSong", "SimSun", serif;--timeline-paper: #ede8dd;--timeline-grid: #d3ccbc;--timeline-range: #4c7761;color:var(--ink);background:var(--paper);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}body{background-image:radial-gradient(ellipse at 85% 0,#e4e9df80,transparent 50%);min-width:0}::selection{background:#e8d7ad;color:#2d3932}button,.button,input,select,textarea,fieldset{border-radius:5px}button,.button{background:var(--accent);color:#fffdf6;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}button:hover,.button:hover{filter:brightness(.95)}.secondary{background:#e8ede5;color:#315b4d;border-color:#c7d3c4}.quiet{background:transparent;color:#586653;border-color:#cfcfbf}input,select,textarea{color:var(--ink);background:#fffefa;border-color:#cbc5b6}input::placeholder,textarea::placeholder{color:#847f72}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #315b4d12}input[type=range],input[type=checkbox]{accent-color:var(--accent)}label,.family-date legend{color:#625f53}h1,h2,h3{font-family:var(--serif);font-weight:600}h1{font-size:34px;letter-spacing:4px;margin-top:17px}h2{letter-spacing:1px}.sidebar{width:222px;background:#213d34;background-image:linear-gradient(145deg,#2d4b3d,transparent 60%);border-right:1px solid #425344;padding:30px 18px 20px;color:#ebe7d8;scrollbar-width:thin;scrollbar-color:#6f8271 #213d34}.sidebar .brand{gap:11px;padding:4px 5px 30px;color:#f3eddf;font-family:var(--serif);font-size:22px;letter-spacing:2px}.brand-icon{width:44px;height:44px;border-radius:5px;outline:1px solid #c6b98c66;outline-offset:3px}.brand small{font-family:Microsoft YaHei,sans-serif;color:#c0c7b5;font-size:9px;letter-spacing:2px;margin-top:10px}.nav-label{color:#b2bba6;font-size:10px;padding:12px 13px 17px;letter-spacing:3px;border-top:1px solid #b9c2aa24}.sidebar nav{gap:5px}.sidebar nav button{color:#c9d1be;border-radius:4px;padding:12px 13px;gap:13px;position:relative;border:1px solid transparent;background:transparent}.sidebar nav button span{font-size:13px;letter-spacing:.6px}.sidebar nav button:hover{background:#ffffff09;filter:none}.sidebar nav button.active{background:#efebdc;border-color:#e0d6b8;color:#244638}.sidebar nav button.active:after{content:"";width:5px;height:5px;background:var(--cinnabar);position:absolute;right:13px;transform:rotate(45deg)}.sidebar .side-note{padding:22px 5px 8px;color:#c4ccb9;font-size:11px}.sidebar .dot{background:#afc39c;width:5px;height:5px}.sidebar #current-user{color:#d3d7c8;padding:10px 5px 0;border-top:1px solid #b9c2aa24}.sidebar .quiet{color:#d1d6c6;border-color:#8b9a813f;padding:9px;font-size:11px}.sidebar #account-password{margin-bottom:8px}.sidebar :focus-visible{outline-color:#e7c887}main{margin-left:222px;padding:30px 38px 22px;max-width:1900px}main>header{min-height:142px;padding:13px 0 23px;margin-bottom:25px;border-bottom:1px solid #b4b5a2;position:relative;gap:24px;isolation:isolate}main>header:after{content:"";position:absolute;bottom:-2px;left:0;height:3px;width:48px;background:var(--cinnabar)}main>header>div{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px}header p{color:#686f60;font-size:12px;letter-spacing:.5px}.header-status{color:#666e5e;gap:12px;font-size:11px;flex-shrink:0}.courtyard-landscape{position:absolute;width:330px;height:125px;right:5px;bottom:0;z-index:0;pointer-events:none;opacity:.55}.badge{background:#e4eddf;color:#355b3d;border:1px solid #c8d6be;border-radius:3px;font-size:10px}.badge.off{background:#f2e8d9;color:#835428;border-color:#dfc6a3}.metrics{background:#fcfaf4;border-radius:6px;box-shadow:0 3px 12px #3a402905}.metrics>div{padding:20px 22px;align-items:baseline}.metrics span{color:#6f7260}.metrics strong{font-family:Georgia,var(--serif);color:#365846;font-size:29px}.filter-row{color:#6e6b5f;margin:24px 0}.household-context{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:-5px 0 24px;padding:12px 16px;border-left:3px solid var(--gold);background:#eae8dc}.household-context span{font-size:11px;color:var(--muted)}.household-context select{min-width:140px;max-width:240px}.section-head{margin-top:25px}.section-head small{color:#8a7859;font-size:9px;letter-spacing:2px}.wall-toolbar{padding:12px 15px;background:#eae8dc;border:1px solid var(--line);border-radius:5px;gap:14px}.wall-toolbar select{background:#f9f6ed}.live-grid{gap:22px}.camera-card,.site-card,.panel,.empty,.family-canvas-panel{border-radius:6px;box-shadow:0 4px 18px #39422a05}.camera-card{border-color:#d2cebe}.camera-meta{padding:17px 18px 13px}.camera-meta strong{font-family:var(--serif);font-size:16px;letter-spacing:.5px}.camera-meta p{color:#737464;margin-top:7px}.camera-actions{flex-wrap:wrap;gap:7px;padding-bottom:16px}.camera-actions .quiet{border-color:#dbd9cb;color:#52604d;background:#faf9f2}.video-panel{border-radius:5px;border-color:#c1c6b8}.video-empty{color:#b0bdae;background:radial-gradient(ellipse at center,#243d34 0,transparent 70%)}.video-empty .lens{color:#a5bca4}.video-error{color:#f6d7c1;background:#472c26ed}.empty{color:#6c7462;border-color:#c3c6b6}.empty h3{color:#384e3b;font-size:21px}.panel{padding:24px}.time-labels{color:#6e705e}.recording-item{color:#35533f;background:#f9f7ee;border-color:#d5d1c0}.recording-item small{color:#737261}.scan-chip{background:#fffdf7;border-radius:5px}.device-table{border-radius:5px}.device-table th{color:#6a6d5c;background:#ecebde}.device-table td small{color:#737261}.device-table tbody tr:hover{background:#f2f1e7}.site-card h3{font-size:20px}.site-card dt{color:#737261}.site-card dd{color:#384e3b}.audit-item{color:#56654f}.audit-item small{color:#767461}.banner{color:#784c26;background:#f6e9cf;border-color:#dfc797}dialog{background:#fbf8ef;color:var(--ink);border:1px solid #d5c8ac;border-radius:8px;box-shadow:0 28px 100px #172c3455;padding:30px}dialog::backdrop{background:#20382cb8;backdrop-filter:blur(5px)}.dialog-heading{border-bottom:1px solid var(--line);padding-bottom:20px;gap:16px}.dialog-heading h2{font-size:23px}.dialog-footer{gap:10px;flex-wrap:wrap}#auth-dialog{border-top:4px solid var(--cinnabar);padding:38px;background-image:radial-gradient(ellipse at 100% 0,#e4e9dd,transparent 65%)}#auth-dialog .brand-icon{width:52px;height:52px}#auth-form h2{font-size:32px;letter-spacing:3px;margin-top:26px}#auth-form p{color:#6b725d}.form-error{color:#994437}footer{color:#716b5b;font-size:10px;letter-spacing:.5px}#toast{background:#2a4c3c;color:#f3efdc;border-color:#819672;border-radius:5px;box-shadow:0 8px 25px #30433726;max-width:calc(100vw - 30px)}.ptz-panel{background:#f8f5eb;border-color:#b9c5ad;border-radius:7px;box-shadow:0 12px 50px #26392d44;color:var(--ink)}.ptz-pad [data-ptz-action=stop]{color:#8b4236;background:#efdbd0;border-color:#d5b2a4}#preset-confirmation{background:#f4e2d5}#snapshot-image{border-radius:4px}.family-canvas-panel{background:#fcfaf3;border-color:#c7cbb7}.family-map-heading{padding-top:24px}.family-map-heading h2{letter-spacing:3px;font-size:25px}.family-view-tabs{background:#f1eee2;border-color:#d7d0bf;border-radius:4px}.family-view-tabs button{color:#606650;border-radius:2px}.family-view-tabs [aria-pressed=true]{background:#365945;color:#fffbed}.family-map-viewport{background-color:#efece0;background-image:radial-gradient(#c9cbbb 1px,transparent 1px);scrollbar-color:#8b9a7b #e8e6d8}.family-map-lines marker path{fill:#678b71}.family-edge{stroke:#94a58a}.family-edge.focused{stroke:#446b50}.family-edge.spouse{stroke:#a9854f}.family-edge.nonbiological{stroke:#93829e}.family-node{background:#fffdf6;border-color:#c9cdb9;border-radius:5px;color:#304632;box-shadow:0 3px 12px #3943250d}.family-node>strong{font-family:var(--serif);font-size:17px}.family-node-avatar{background:#e8ecdf;color:#536e45;border-radius:4px}.family-node .family-node-relation{color:#53664a}.family-node>small,.family-node-flags>small{color:#6f775f}.family-node.self{background:#f1ddb0;border-color:#af873f;box-shadow:0 5px 18px #b4872425}.family-node.self .family-node-avatar{background:#f8eac9}.family-node.selected{outline-color:#426c50}.family-node.search-hit:after{background:#596b78}.self-badge{background:#94682f;color:#fff8e9;border-radius:2px}.family-map-footer{border-color:#d0d3c0}.family-map-legend{color:#69705b}.family-map-footer #family-map-note:not(:empty){color:#87652f}.family-inspector.is-self{background:linear-gradient(135deg,#f3e3bd,#fcfaf1 65%);border-color:#c3a66b}.family-self-heading{color:#88652d;letter-spacing:1px}.family-register{background:#eeecdf}.person-card{color:#344732;border-color:#c9cbb9}.person-card.selected{background:#e6ecdc;outline-color:#66845b}.person-card.self{background:#f1ddb0;border-color:#b89553;color:#5f461f}.person-card.self span:not(.self-badge),.person-card.self small{color:#765b2e}.family-tree ul{border-color:#a2b197}.family-workspace:is(:fullscreen,.family-expanded){background:var(--paper)}.family-event-filters{background:#f0eee2}.timeline-year{color:#456344;font-family:var(--serif)}.timeline-event:before{border-color:#b7c2a5}.timeline-event:after{background:#768d5f;box-shadow:0 0 0 4px #e7ebdc}.timeline-event>time{color:#6c745d}.timeline-event-body{background:#fffdf6;border-color:#d3d6c2;border-radius:5px}.timeline-event:hover .timeline-event-body{background:#f7f7ec;border-color:#8caa78}.timeline-event-body>strong{color:#344d32;font-family:var(--serif);font-size:18px}.timeline-event-status,.timeline-summary,.timeline-event-body>small{color:#6b725b}.timeline-read{color:#41623b}.timeline-event.draft .timeline-event-body{background:#efede3}.timeline-event.draft:after{background:#a28a62}.event-detail-meta,.person-event-link time{color:#71745e}.event-lead{background:#eaecdd;border-color:#8e9f77;color:#46553b}.event-article{color:#424c3a}.person-event-link{color:#455a3c}.history-columns dl>div{border-color:#d9d6c4}.history-changed{background:#e8ecda;border-radius:4px}#history-confirm{border-color:#b3be98;border-radius:5px;background:#efefdf}#page-live:fullscreen{--muted: #c0c9b4;--line: #52614d;--panel: #25352c;color:#efecdd;background:#111c16;color-scheme:dark}#page-live:fullscreen .wall-toolbar{background:#24372b;border-color:#40543e}#page-live:fullscreen label{color:#d9deca}#page-live:fullscreen select{background:#1a2a20;color:#ebeede;border-color:#65765a}#page-live:fullscreen .quiet{color:#d9dfca;border-color:#66765a;background:transparent}#page-live:fullscreen .camera-card{border-color:#394f38}#page-live:fullscreen .camera-actions{background:#17251ee8}#page-live:fullscreen .ptz-panel{--muted: #6e6b5f;--line: #dcd5c6;color-scheme:light}#page-live:fullscreen .ptz-panel label,#page-live:fullscreen .ptz-panel .quiet{color:#586653;border-color:#cfcfbf}@media(min-width:1600px){main{padding-left:46px;padding-right:46px}}@media(max-width:1100px){.sidebar{width:200px;padding:27px 14px 18px}.sidebar .brand{font-size:20px;gap:9px}.brand-icon{width:38px;height:38px}main{margin-left:200px;padding:24px}.metrics>div{padding:18px 14px}.metrics strong{font-size:25px}.courtyard-landscape{width:260px;opacity:.4}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:22px 17px 14px;display:grid;grid-template-columns:1fr auto;gap:0 10px;overflow:visible}.sidebar .brand{padding:2px 4px 20px;font-size:22px;grid-column:1/-1}.brand-icon{width:38px;height:38px}.brand small{font-size:9px}.sidebar nav{grid-column:1/-1;display:flex;overflow-x:auto;gap:5px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#819573 #213d34}.sidebar nav button{padding:10px 12px;gap:7px;flex-shrink:0}.sidebar nav button span{font-size:12px}.sidebar nav button.active:after{display:none}.sidebar #current-user{position:static;grid-column:1/-1;margin:4px 0 10px;padding-top:12px;font-size:11px}.sidebar #account-password,.sidebar #logout{margin:0;font-size:11px;padding:8px 12px;align-self:center;width:fit-content}.sidebar #logout{justify-self:end}main{margin:0;padding:20px 17px}main>header{min-height:132px;padding-top:9px;gap:10px;margin-bottom:20px}h1{font-size:28px;letter-spacing:3px}.eyebrow{font-size:9px;letter-spacing:2px}.header-status{font-size:9px;gap:9px;max-width:123px;padding-top:2px}.header-status .badge{font-size:9px}header p{max-width:205px;font-size:11px;line-height:1.8}.courtyard-landscape{width:170px;height:90px;right:0;opacity:.38}.metrics>div{padding:16px}.metrics strong{font-size:25px}.metrics>div:nth-last-child(-n+2){border-bottom:0}.filter-row{margin:20px 0}.filter-row select{max-width:155px}.filter-row>button{padding:9px}.section-head{flex-wrap:wrap}.section-head>div{gap:10px}.wall-toolbar{padding:11px;gap:10px}.wall-toolbar label{font-size:12px}#wall-fullscreen{padding:10px 12px}.camera-meta{padding:14px}.camera-meta strong{font-size:15px}.camera-actions{padding:0 14px 14px;gap:8px}.camera-actions button{padding:9px 11px}.panel,.site-card{padding:18px}.family-map-heading h2{font-size:23px}dialog{padding:22px}#auth-dialog{padding:30px 26px}.dialog-heading h2{font-size:21px}.dialog-footer{gap:8px}footer{gap:16px;flex-wrap:wrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.household-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.household-context select{max-width:100%}.household-context label{min-width:0}.device-actions,.device-search-row,.device-group-order,.group-step{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.device-search-row{align-items:end}.device-search-row label{flex:1;min-width:160px}.device-group-order{margin:12px 0}.group-step{padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.group-step select{width:auto;max-width:145px}.group-step button{padding:7px 11px}.group-step>span{color:var(--muted)}.device-group{margin:26px 0}.device-group>h3{font-family:var(--serif);font-size:20px;overflow-wrap:anywhere}.device-group>h3>span{color:var(--gold);padding:0 8px}.device-group>h3 small{font:12px var(--sans);color:var(--muted);white-space:nowrap}.device-tags{display:flex;flex-wrap:wrap;gap:6px}.device-tags span{font-size:11px;padding:3px 8px;background:var(--paper);border:1px solid var(--line)}.site-card dd,.site-card .description{overflow-wrap:anywhere;min-width:0}@media(max-width:600px){.device-actions{width:100%}.device-actions button{flex:1;white-space:normal}.group-step{width:100%}.group-step select{flex:1;max-width:none;min-width:0}.device-group>h3{font-size:18px}}#scope-navigation{border-left:1px solid #6d8270;margin:12px 0 12px 10px;padding-left:9px}#scope-navigation .nav-label{padding:10px 12px;overflow-wrap:anywhere}.device-context{padding:18px 22px;margin:20px 0;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--panel)}.device-context p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 14px}.device-context [role=group]{display:flex;flex-wrap:wrap;gap:8px}.device-context button.active{color:var(--paper);background:var(--accent)}.device-title{border:0;padding:0;background:transparent;color:var(--ink);font:inherit;text-align:left;box-shadow:none;white-space:normal;overflow-wrap:anywhere}.device-title:hover{color:var(--accent);background:transparent}.device-title span{color:var(--accent)}.scope-intro{padding:28px 0}.scope-intro h2{font:500 32px var(--serif);margin:12px 0}.scope-intro p{color:var(--muted);line-height:1.8}.steward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.steward-tile{display:flex;flex-direction:column;text-align:left;gap:12px;min-height:190px;padding:28px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--panel);color:var(--ink);white-space:normal;box-shadow:0 3px 12px #22332208}.steward-tile strong{font-size:23px;font-family:var(--serif);font-weight:500}.steward-tile span,.steward-tile small{color:var(--muted);line-height:1.7}.steward-tile:hover{background:var(--paper);border-color:var(--accent)}#device-detail dl,#heritage-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#device-detail dl>div,#heritage-detail dl>div{border-bottom:1px solid var(--line);padding-bottom:12px}#device-detail dt,#heritage-detail dt{font-size:12px;color:var(--muted);margin-bottom:6px}#device-detail dd,#heritage-detail dd{margin:0;overflow-wrap:anywhere}.heritage-prose{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere;margin:24px 0}#heritage-detail{margin-top:24px}.heritage-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.heritage-controls label{min-width:0}.household-context{flex-wrap:wrap}@media(max-width:720px){.steward-grid{grid-template-columns:1fr}.steward-tile{min-height:150px;padding:22px}.device-context{padding:16px}.device-context button{flex:1 1 40%;min-width:0}#device-detail dl,#heritage-detail dl{grid-template-columns:1fr}#scope-navigation{display:flex;flex-wrap:wrap;border:0;margin:0;padding:0;width:100%}#scope-navigation .nav-label{width:100%;padding:8px 4px}.scope-intro h2{font-size:26px}}#household-list{display:block}.home-city-group{margin:24px 0 36px}.home-city-group>h3{font-size:21px}.home-city-group>h3 small{font:12px sans-serif;color:var(--muted);margin-left:12px}.home-card{padding:0;overflow:hidden}.home-cover{position:relative;min-height:210px;background:linear-gradient(145deg,#4b6957,#253d34);isolation:isolate;color:#fffdf6}.home-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.home-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102019db,transparent);z-index:-1}.home-cover-content{padding:24px;min-height:210px;display:flex;flex-direction:column;justify-content:end}.home-cover .site-heading{margin-bottom:auto}.home-cover h3{margin:26px 0 4px;color:#fffdf6;text-shadow:0 1px 3px #000a;font-size:25px}.home-cover .quiet{background:#172a25ba;color:#fff;border-color:#bccabd80}.home-cover .badge{background:#f9f5e5e8;color:#244638;border-color:transparent}.home-location{font-size:12px;margin:8px 0 0;color:#fffdf6}.home-cover-placeholder{position:absolute;top:88px;right:22px;opacity:.3;font:18px var(--serif);letter-spacing:5px}.home-card-body{padding:24px}.home-card-body .household-actions{margin-bottom:0}.cover-editor img{width:100%;max-height:230px;object-fit:contain;border:1px solid var(--line);margin-bottom:12px;background:var(--paper)}#page-settings h3{font-size:21px;margin-top:8px}#page-settings .form-grid{margin:22px 0}#page-settings input:not([type=checkbox]),#page-settings select{width:100%;min-width:0}.brand-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.brand-image-grid>div{border:1px solid var(--line);padding:18px;border-radius:6px;min-width:0}.brand-image-grid img{width:80px;height:80px;object-fit:contain;background:var(--paper);border-radius:6px;display:block;margin-bottom:18px}.brand-image-grid label{display:grid;gap:12px;margin-bottom:14px}.config-import{font-size:12px;max-width:300px}.backup-row{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.backup-row small,.backup-row code{overflow-wrap:anywhere}.backup-row span{color:var(--muted)}#settings-error,#brand-status,#preferences-status,#backup-save-status,#backup-result{line-height:1.8;font-size:13px;overflow-wrap:anywhere}.brand #brand-name{overflow-wrap:anywhere;letter-spacing:1px}.brand #brand-subtitle{overflow-wrap:anywhere;line-height:1.8;letter-spacing:1px}html[data-backdrop=plain] body{background-image:none}html[data-backdrop=plain] .courtyard-landscape{display:none}html[data-font=sans]{--serif:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}html[data-density=compact] main{padding:20px 26px}html[data-density=compact] main>header{min-height:100px;padding:6px 0 15px;margin-bottom:20px}html[data-density=compact] .panel,html[data-density=compact] .site-card:not(.home-card),html[data-density=compact] .home-card-body{padding:17px}html[data-density=compact] .sidebar nav button{padding:9px 12px}html[data-density=compact] .steward-tile{min-height:150px;padding:20px}html[data-density=compact] .metrics>div{padding:13px 18px}html[data-density=compact] .home-cover,html[data-density=compact] .home-cover-content{min-height:180px}html[data-theme=clean]{--paper:#f3f6fa;--ink:#203349;--muted:#53667d;--panel:#ffffff;--line:#d2dce7;--accent:#285ca0;--gold:#52657f;--cinnabar:#386ea8;--timeline-paper:#edf2f8;--timeline-grid:#cbd6e4;--timeline-range:#4c72a5;--surface-alt:#e8eff8;--side:#1e3551;--on-accent:#ffffff;color-scheme:light}html[data-theme=ink]{--paper:#151d22;--ink:#e3e9e5;--muted:#afbdb5;--panel:#202c32;--line:#46565a;--accent:#a2cab4;--gold:#d6bd83;--cinnabar:#e0a390;--timeline-paper:#26343b;--timeline-grid:#516369;--timeline-range:#91bda6;--surface-alt:#2a3940;--side:#132020;--on-accent:#13231c;color-scheme:dark}html[data-theme=clean] body,html[data-theme=ink] body{background-color:var(--paper);color:var(--ink)}html:is([data-theme=clean],[data-theme=ink]) .sidebar{background:var(--side);border-color:var(--line)}html:is([data-theme=clean],[data-theme=ink]) main>header{border-color:var(--line)}html:is([data-theme=clean],[data-theme=ink]) :is(.metrics,.panel,.site-card,.camera-card,.empty,.family-canvas-panel,.scan-chip,dialog){background-color:var(--panel);border-color:var(--line);color:var(--ink)}html:is([data-theme=clean],[data-theme=ink]) :is(.household-context,.wall-toolbar,.device-table th,.family-view-tabs,.family-map-viewport,#preset-confirmation){background-color:var(--surface-alt);color:var(--ink);border-color:var(--line)}html:is([data-theme=clean],[data-theme=ink]) :is(input,select,textarea){background:var(--panel);border-color:var(--line);color:var(--ink)}html:is([data-theme=clean],[data-theme=ink]) :is(input,textarea)::placeholder{color:var(--muted)}html:is([data-theme=clean],[data-theme=ink]) :is(label,header p,.header-status,.metrics span,.filter-row,.section-head small,.camera-meta p,.empty,.time-labels,.recording-item small,.device-table td small,.site-card dt,.audit-item,.audit-item small,footer,#auth-form p,.family-date legend){color:var(--muted)}html:is([data-theme=clean],[data-theme=ink]) :is(.metrics strong,.empty h3,.site-card dd){color:var(--ink)}html:is([data-theme=clean],[data-theme=ink]) button:not(.quiet):not(.secondary):not(.device-title):not(.steward-tile),html:is([data-theme=clean],[data-theme=ink]) .button{background:var(--accent);color:var(--on-accent)}html:is([data-theme=clean],[data-theme=ink]) :is(.quiet,.secondary,.recording-item,.camera-actions .quiet){background:var(--surface-alt);color:var(--ink);border-color:var(--line)}html:is([data-theme=clean],[data-theme=ink]) .sidebar nav button{background:transparent;color:#dbe5e4}html:is([data-theme=clean],[data-theme=ink]) .sidebar nav button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}html:is([data-theme=clean],[data-theme=ink]) .sidebar>.quiet{background:transparent;color:#dbe5e4}html:is([data-theme=clean],[data-theme=ink]) #auth-dialog{background-image:none;background-color:var(--panel)}html:is([data-theme=clean],[data-theme=ink]) .device-table tbody tr:hover{background:var(--surface-alt)}html:is([data-theme=clean],[data-theme=ink]) .family-node{background:var(--panel);border-color:var(--line);color:var(--ink)}html:is([data-theme=clean],[data-theme=ink]) .family-node.self{background:#ebd6aa;color:#2b3b30;border-color:#b79a59}html:is([data-theme=clean],[data-theme=ink]) .family-node.self :is(small,span,strong){color:#2b3b30}html[data-theme=ink] :is(.form-error,.family-warning){color:#ffc8b6}html[data-theme=ink] .ptz-panel{background:var(--panel);color:var(--ink);border-color:var(--line)}html[data-theme=ink] .home-cover .quiet{background:#172a25df;color:#fff}html[data-theme=ink] body{background-image:radial-gradient(ellipse at 90% 0,#263c3340,transparent 65%)}@media(min-width:761px){html[data-layout=top] .sidebar{position:relative;width:100%;padding:16px 30px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;min-height:0;height:auto;border-right:0;border-bottom:1px solid var(--line)}html[data-layout=top] .sidebar .brand{padding:0;max-width:250px}html[data-layout=top] .sidebar>.nav-label,html[data-layout=top] .side-note{display:none}html[data-layout=top] .sidebar nav{display:flex;flex:1;flex-wrap:wrap;min-width:250px;gap:6px}html[data-layout=top] #scope-navigation{display:flex;flex-wrap:wrap;width:100%;order:1;margin:0;padding:0;border:0}html[data-layout=top] #scope-navigation .nav-label{display:none}html[data-layout=top] .sidebar #current-user{margin:0;padding:0;border:0}html[data-layout=top] .sidebar>.quiet{margin:0}html[data-layout=top] main{margin-right:auto;margin-left:auto}html[data-layout=top] .sidebar nav button{width:auto;white-space:nowrap}}@media(max-width:760px){.brand-image-grid{grid-template-columns:1fr}.home-cover-content,.home-card-body{padding:20px}.home-cover-placeholder{font-size:15px}.sidebar #logout{display:block}#page-settings .form-grid{grid-template-columns:1fr}html[data-density=compact] main{padding:18px 14px}#household-form .form-grid{grid-template-columns:1fr}.home-city-group>h3 small{display:block;margin:8px 0}}.journal-feed{max-width:1080px;margin:0 auto}.journal-compose textarea{resize:vertical;min-height:130px}.journal-compose>label{display:grid;gap:12px}.journal-add-media,.journal-reactions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.journal-add-media>label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.journal-add-media input{max-width:260px}.journal-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px}.journal-filters label{flex:1;min-width:145px;display:grid;gap:7px}.journal-entry{border-left:3px solid #a98964;margin-bottom:26px}.journal-entry .section-head small{display:block;color:var(--muted);margin-top:6px}.journal-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:17px}.journal-author{font-size:20px!important;font-family:serif}.journal-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.journal-media figure{margin:0;min-width:0}.journal-media img,.journal-media video{width:100%;max-height:450px;object-fit:contain;border-radius:8px;background:#1a2925}.journal-media audio{width:100%;max-width:100%}.journal-media figcaption{font-size:13px;overflow-wrap:anywhere;margin-top:6px}.journal-image-load{width:100%;min-height:150px;background:#e9eee2!important}.journal-upload{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #d9d7c8;padding:12px 0}.journal-upload label{flex:1;overflow-wrap:anywhere}.journal-upload small{display:block}.journal-upload input[type=checkbox]{width:auto}.journal-resume input{max-width:220px}.journal-comments{border-top:1px solid #d9d7c8;padding-top:15px}.journal-comments form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.journal-comments form label{flex:1;min-width:170px}.journal-comment{padding:10px 0;border-bottom:1px dashed #d9d7c8;overflow-wrap:anywhere}.journal-comment small{font-size:11px;color:var(--muted)}.journal-reactions [aria-pressed=true]{color:#ad5842!important}.journal-comments .quiet{padding:4px 8px;font-size:12px}.journal-feed .panel{overflow:hidden}html[data-theme=ink] .journal-image-load{background:#293f37!important}.journal-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin:20px 0}.journal-upload-card{border:1px solid var(--line,#d9d7c8);border-radius:12px;padding:16px;background:var(--surface,#fffdf8);min-width:0;display:flex;flex-direction:column;gap:14px}.journal-upload-card:has(input:checked){border-color:#456f5f;box-shadow:0 0 0 1px #456f5f}.journal-upload-select{display:flex!important;align-items:flex-start;gap:10px;overflow-wrap:anywhere;line-height:1.5}.journal-upload-select input[type=checkbox]{width:18px;min-width:18px;height:18px;margin-top:3px;accent-color:#315a4e}.journal-upload-select small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.journal-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto}.journal-card-actions button{padding:8px 13px;font-size:13px}.journal-card-actions [data-remove-upload]{margin-left:auto;color:#954f40}.journal-card-actions a,.journal-media-caption a{font-size:13px;color:var(--accent,#315a4e)}.journal-attachment{margin:0;min-width:0}.journal-photo{display:block;position:relative;width:100%;padding:0!important;border:0!important;background:#e6e9df!important;border-radius:9px;overflow:hidden;color:#fff!important}.journal-photo img{display:block;width:100%;min-height:120px;max-height:450px;object-fit:contain;aspect-ratio:16/10;background:#e6e9df;border-radius:9px}.journal-photo-hint{position:absolute;right:10px;bottom:10px;padding:4px 9px;background:#213a30c9;border-radius:5px;font-size:12px}.journal-upload-card .journal-photo img{height:180px;min-height:0;object-fit:cover}.journal-attachment video{width:100%;max-height:450px;border-radius:8px;background:#1a2925}.journal-upload-card video{height:180px}.journal-attachment audio{width:100%;max-width:100%}.journal-audio{background:#e9eee5;border:1px solid #d5decd;border-radius:10px;padding:14px}.journal-audio-label{display:flex;align-items:center;gap:10px;color:#42614f;font-size:13px;letter-spacing:1px;margin:0 0 14px}.journal-audio-label span{font-size:28px}.journal-media-state{display:block;font-size:12px;color:var(--muted);padding-top:6px;min-height:0}.journal-media-state:empty{display:none}.journal-media-caption{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:8px 0 16px}.journal-trash{padding:12px 0;border-top:1px solid #d9d7c8}.journal-trash-row{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d9d7c8;overflow-wrap:anywhere}.journal-preview{width:min(960px,94vw);max-width:94vw;padding:24px;max-height:94vh}.journal-preview header,.journal-preview footer{display:flex;align-items:center;justify-content:space-between;gap:18px;position:static}.journal-preview header{margin-bottom:20px}.journal-preview h2{font-size:22px;overflow-wrap:anywhere;margin:0}.journal-preview footer{font-size:13px;margin-top:18px}.journal-preview .journal-photo img{max-height:65vh;min-height:0;aspect-ratio:auto}.journal-preview .journal-photo{pointer-events:none}.journal-preview .journal-photo-hint{display:none}.journal-preview video{max-height:65vh}html[data-theme=ink] .journal-upload-card{background:#20352d}html[data-theme=ink] .journal-audio{background:#293f37;border-color:#436152}html[data-theme=ink] .journal-audio-label{color:#d5e2ce}@media(max-width:600px){.journal-upload-grid{grid-template-columns:1fr}.journal-preview{padding:16px}.journal-preview h2{font-size:17px}.journal-preview header button{flex-shrink:0}.journal-media{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;height:auto;min-height:0}.sidebar .brand{min-width:0;padding:0;gap:10px}.sidebar .brand>span{min-width:0}.sidebar #brand-name{font-size:23px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .brand-icon{width:38px;height:44px}.sidebar #brand-subtitle{font-size:11px;letter-spacing:1px}.sidebar .mobile-nav-toggle{display:block;margin:0;min-height:44px;color:#f7f3e5;border-color:#8faaa0;padding:9px 14px}.sidebar:not(.mobile-open)>nav,.sidebar:not(.mobile-open)>#current-user,.sidebar:not(.mobile-open)>#account-password,.sidebar:not(.mobile-open)>#logout{display:none}.sidebar>nav,.sidebar>#current-user{grid-column:1/-1}.sidebar.mobile-open>nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:8px 0 0}.sidebar #scope-navigation{display:contents}.sidebar #scope-navigation[hidden]{display:none}.sidebar nav button{width:100%;text-align:left;min-height:44px;white-space:normal;margin:0;font-size:14px}.sidebar.mobile-open>#current-user{margin:0;padding:12px 0 0}.sidebar.mobile-open>#account-password,.sidebar.mobile-open>#logout{display:block;min-height:44px;margin:0}main{padding:22px 16px}main>header{margin-bottom:22px}.header-status #clock{display:none}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;min-height:44px}button,.button{min-height:44px;touch-action:manipulation}.form-grid{grid-template-columns:1fr}.form-grid>*{min-width:0}.form-grid .wide{grid-column:1/-1}.section-head{flex-wrap:wrap;gap:12px}.section-head>div{max-width:100%}.section-head button{white-space:normal}.household-context{gap:10px;padding:12px}.household-context label{width:100%;display:flex;flex-wrap:wrap}.household-context select{flex:1;min-width:0}.household-context #household-context-note{display:none}.filter-row{gap:10px;flex-wrap:wrap}.filter-row label{width:100%;display:grid;grid-template-columns:1fr}.filter-row select{width:100%}.settings-sections,.view-presets{gap:8px}.settings-sections button,.view-presets button{flex:1 1 100px;white-space:normal}.device-actions,.device-search-row{gap:10px}.device-search-row{display:grid;grid-template-columns:1fr}dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:90vh;max-height:90dvh;padding:18px;overscroll-behavior:contain}dialog header,dialog .dialog-heading{gap:12px;align-items:flex-start}dialog h2{font-size:22px}dialog footer{flex-wrap:wrap}.journal-compose,.journal-entry{padding:18px}.journal-filters{gap:12px}.journal-filters label{flex-basis:100%;min-width:0}.journal-add-media input{max-width:100%;width:100%}.journal-add-media>label{width:100%}.journal-preview{padding:16px}.journal-preview .journal-photo img,.journal-preview video{max-height:60vh;max-height:60dvh}.journal-upload-card{padding:12px}.journal-media audio{min-width:0}.journal-comments form label{min-width:0;flex-basis:100%}.device-context [role=group]{display:flex;flex-wrap:wrap;gap:8px}.device-context button{flex:1 1 42%;white-space:normal}.metrics{margin-bottom:20px}}@media(max-width:760px){.sidebar .brand{grid-column:1;max-width:100%;width:auto}.sidebar>.mobile-nav-toggle{grid-column:2;grid-row:1;width:auto;max-width:110px}.sidebar .brand-icon{flex-shrink:0}.sidebar .brand>span{overflow:hidden}.sidebar #brand-name{font-size:21px}}.geo-picker{min-width:0;border:1px solid var(--line,#d8d2c3);border-radius:10px;padding:14px;margin:0}.geo-picker legend{padding:0 8px}.geo-picker .geo-path{display:block;overflow-wrap:anywhere;margin-top:10px;font-size:.9rem}.geo-picker .form-grid{min-width:0}.geo-picker input,.geo-picker select{width:100%;min-width:0}#household-cover-status[data-error=true]{color:#ad3c28;font-weight:600}#household-cover-preview{max-width:100%;max-height:240px;object-fit:contain}.home-layout-controls{padding:16px 20px}.home-layout-controls .device-actions{align-items:end;flex-wrap:wrap}.home-layout-controls label{margin:0;min-width:90px}.home-layout-controls label.check{min-width:0;align-self:center}.home-card-grid{display:grid;grid-template-columns:repeat(var(--home-columns,2),minmax(0,1fr));gap:20px;align-items:start}.home-card-grid .home-card{min-width:0}.home-card-grid .home-card-body{padding:18px}.home-card-grid .home-cover-content{min-height:190px;padding:18px}.home-card-grid .home-cover{min-height:190px}.home-card-grid .home-card-body dl{margin:12px 0}.home-card-grid .home-card-body .description{font-size:13px}.home-card-grid .household-actions{display:flex;flex-wrap:wrap;gap:8px}.home-card-grid .household-actions button{font-size:13px;padding:10px 12px}.home-order-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.home-order-actions span{font-size:12px;color:var(--muted)}.home-order-actions button{font-size:12px;padding:8px}.home-card[draggable=true]{cursor:grab;outline:1px dashed var(--accent);outline-offset:3px}.home-pagination{display:flex;gap:18px;justify-content:center;align-items:center;margin:24px 0;flex-wrap:wrap}.home-pagination span{font-size:13px;color:var(--muted)}@media(max-width:1100px){.home-card-grid{grid-template-columns:repeat(min(var(--home-columns,2),2),minmax(0,1fr))}}@media(max-width:650px){.home-card-grid{grid-template-columns:minmax(0,1fr)}.home-layout-controls{padding:12px}.home-layout-controls .device-actions{gap:10px}.home-layout-controls button{padding:10px 12px}.home-pagination{gap:10px}.home-card-grid .home-cover-content{padding:16px}}.device-network{min-width:0;border:1px solid var(--line);padding:16px}.device-network legend{padding:0 8px}.topology-tree,.topology-tree ul{list-style:none;padding:0;margin:20px 0}.topology-tree ul{margin-left:24px;padding-left:24px;border-left:2px solid var(--accent,#31584a)}.topology-tree li{position:relative;margin:18px 0;min-width:0}.topology-tree ul>li:before{content:"";position:absolute;left:-24px;top:28px;width:24px;border-top:2px solid var(--accent,#31584a)}.topology-node{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--paper);max-width:800px;overflow-wrap:anywhere}.topology-node h3{margin:12px 0}.topology-node dl{display:grid;gap:8px}.topology-node dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px}.topology-node dd{margin:0}.topology-node dt,.topology-node p{font-size:13px;color:var(--muted)}.topology-node .device-title{text-align:left}@media(max-width:650px){.topology-tree ul{margin-left:8px;padding-left:12px}.topology-tree ul>li:before{left:-12px;width:12px}.topology-node{padding:14px}.topology-node dl>div{grid-template-columns:72px minmax(0,1fr)}.device-network .form-grid{grid-template-columns:1fr}}.platform-topology-root{border:1px solid var(--line);border-top:4px solid var(--accent,#31584a);background:var(--paper);padding:22px;text-align:center;margin:24px auto;max-width:420px;border-radius:10px}.platform-place-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;border-top:2px solid var(--line);padding-top:24px}.platform-place-node{position:relative;text-align:left;white-space:normal;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);padding:22px}.platform-place-node:before{position:absolute;content:"";height:25px;top:-25px;left:50%;border-left:2px solid var(--line)}.platform-place-node h3{margin:16px 0}.platform-place-node p,.platform-place-node small{color:var(--muted)}.platform-place-node>span:last-child{display:block;margin-top:18px}.platform-place-node:hover{border-color:var(--accent,#31584a);background:var(--surface,#f1f2e9)}.topology-tree{display:flex;gap:24px;align-items:start;flex-wrap:wrap}.topology-tree>li{flex:1 1 400px}.topology-tree ul{display:flex;gap:16px;flex-wrap:wrap}.topology-tree ul>li{flex:1 1 260px;max-width:560px}.topology-node{max-width:560px;padding:16px}.device-actions #devices-card-view[aria-pressed=true],.device-actions #devices-topology-view[aria-pressed=true],.device-actions #home-card-view[aria-pressed=true],.device-actions #home-topology-view[aria-pressed=true]{background:var(--accent,#31584a);color:#fff}.home-card-grid[hidden],.home-layout-controls[hidden],.home-pagination[hidden]{display:none!important}:root{--bs-primary: #28624f;--bs-primary-rgb: 40, 98, 79;--bs-body-color: #263f36;--bs-body-bg: #f4f6f4;--bs-border-color: #dde4df;--bs-border-radius: .65rem;--ui-surface: #fff;--ui-muted: #67776d;--ui-line: #dfe6e1;--ui-sidebar: #193c32;--ui-accent: #28624f;--ui-bg: #f4f6f4;--ink: #263f36;--muted: #67776d;--paper: #fff;--line: #dfe6e1;--green: #28624f;--green-dark: #193c32;--cream: #f4f6f4}html,body{min-width:320px;margin:0;background:var(--ui-bg)!important;color:var(--ink);font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.65}body{display:block!important;background-image:none!important}body:before,body:after{display:none!important}#app{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{letter-spacing:0!important}.app-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.btn .app-icon{width:17px;height:17px}.sidebar{width:232px!important;position:fixed!important;inset:0 auto 0 0;z-index:20;background:var(--ui-sidebar)!important;color:#e6f0eb;padding:28px 18px 20px!important;display:flex;flex-direction:column;height:100dvh;overflow:auto;border:0!important;box-shadow:none!important}.brand{padding:0 6px 24px!important;gap:12px;text-decoration:none;color:#fff!important;border-bottom:1px solid #ffffff14!important;margin:0 0 24px!important;display:flex;align-items:center}.brand-icon{width:42px!important;height:42px!important;object-fit:contain;border-radius:10px}.brand>span>span{font-size:22px!important;line-height:1.2;letter-spacing:2px}.brand small{font-size:11px!important;letter-spacing:1px;color:#acc4b8!important;margin-top:6px;display:block}.nav-label{font-size:10px!important;letter-spacing:2px;padding:0 12px;margin-bottom:12px;color:#95b5a6!important}.sidebar nav{display:flex!important;flex-direction:column!important;gap:5px}.sidebar nav button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;color:#c0d6c9!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:8px!important;min-height:44px;padding:10px 13px!important;font-size:13px!important;white-space:normal}.sidebar nav button:hover{background:#ffffff0d!important;color:#fff!important}.sidebar nav button.active{background:#ffffffed!important;color:#234c3d!important;font-weight:600}.sidebar nav .app-icon{opacity:.85}#scope-navigation{border:0!important;padding:18px 0 10px!important;margin:7px 0!important;box-shadow:0 -1px #ffffff14,0 1px #ffffff14}#scope-nav-name{max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}.side-note{margin-top:auto;padding:36px 12px 16px;font-size:10px;color:#9abbab}.side-note p{display:none}.sidebar #current-user{color:#c1d3c8!important;border-top:1px solid #ffffff18;padding-top:14px;font-size:11px;margin:0 0 8px}.sidebar>#account-password,.sidebar>#logout{border-color:#ffffff20!important;color:#c1d3c8!important;background:transparent!important;font-size:11px;min-height:32px;padding:5px;margin:4px 0}.mobile-nav-toggle{display:none}#app>main{grid-column:2;margin:0!important;padding:28px 34px 20px!important;width:100%;min-width:0;max-width:1800px;min-height:100vh;background:none!important}main>header{padding:0 0 24px!important;margin:0 0 24px!important;border-bottom:1px solid var(--ui-line)!important;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:0!important;background:none!important;position:relative}main>header:after,main>header:before{display:none!important}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--ui-muted)!important;margin-bottom:7px}h1,#page-title{font-family:inherit!important;font-size:26px!important;font-weight:650!important;line-height:1.35;letter-spacing:-.5px!important;margin:0 0 7px!important}h2{font-size:19px!important;font-weight:600!important;line-height:1.45;letter-spacing:0!important;margin:0 0 5px!important}h3{font-size:16px!important;line-height:1.5;font-weight:600!important;letter-spacing:0!important}h2,h3,h4{font-family:inherit!important}#page-note{font-size:12px!important;color:var(--ui-muted);margin:0!important}.header-status{align-items:flex-end;gap:8px;font-size:10px!important;white-space:nowrap}#service-status{font-size:10px}#clock{color:var(--ui-muted);background:none!important;padding:0!important}#clock:before{display:none!important}.btn{border-radius:7px!important;min-height:36px;padding:7px 13px;font-size:12px;font-weight:500;box-shadow:none;line-height:1.65;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:normal}.btn-primary{--bs-btn-bg: var(--ui-accent);--bs-btn-border-color: var(--ui-accent);--bs-btn-hover-bg: #1d4d3c;--bs-btn-hover-border-color: #1d4d3c;--bs-btn-disabled-bg: #80988d;--bs-btn-disabled-border-color: #80988d;--bs-btn-active-bg: #1d4d3c;--bs-btn-active-border-color: #1d4d3c;color:#fff!important}.btn-outline-secondary{--bs-btn-color: #54685d;--bs-btn-border-color: #d8e1da;--bs-btn-hover-bg: #edf3ee;--bs-btn-hover-border-color: #bacdc0;--bs-btn-hover-color: #264d3b;--bs-btn-active-bg: #e0ece4;--bs-btn-active-border-color: #a7c0ae;--bs-btn-active-color: #254e3b;--bs-btn-disabled-color: #9faea4;--bs-btn-disabled-border-color: #e0e5e2;background:transparent}.btn-sm{min-height:30px;padding:4px 9px;font-size:11px}.btn-link{color:var(--ui-accent);text-decoration:none;background:transparent;border:0}.btn-link:hover{text-decoration:underline}.btn:focus-visible,.form-control:focus,.form-select:focus{box-shadow:0 0 0 3px #28744c1c!important;outline:0!important;border-color:#679b79}.btn-group>.btn{border-radius:0!important}.btn-group>.btn:first-child{border-radius:7px 0 0 7px!important}.btn-group>.btn:last-child{border-radius:0 7px 7px 0!important}.form-control,.form-select{color:var(--ink);background-color:var(--ui-surface);border:1px solid var(--ui-line);border-radius:7px!important;font-size:13px;padding:9px 12px;min-height:40px;max-width:100%;box-shadow:none}.form-select{padding-right:32px}.form-check-input{width:16px;height:16px;min-height:0;margin:0 6px 0 0;vertical-align:middle;flex:0 0 16px}.form-check-input:checked{background-color:var(--ui-accent);border-color:var(--ui-accent)}label{font-size:12px;color:#617367;gap:7px}.form-grid{gap:16px 20px!important}.form-grid label{min-width:0}.form-grid .full{grid-column:1/-1}textarea.form-control{min-height:100px}input[type=file]{font-size:12px;padding:8px;overflow:hidden}input[type=range]{max-width:100%}fieldset{border:1px solid var(--ui-line)!important;border-radius:9px;padding:14px!important}legend{float:none;width:auto;padding:0 6px;font-size:12px}.description,.hint{font-size:12px!important;line-height:1.8!important;color:var(--ui-muted)!important}p{overflow-wrap:anywhere}code{color:#3b6755;font-size:12px}.table{font-size:12px;--bs-table-bg: transparent}.table td,.table th{padding:12px!important;border-color:var(--ui-line)}.table-wrap{overflow:auto;border-radius:8px;border:1px solid var(--ui-line)}.panel,.site-card,.card,.camera-card,.person-card{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;box-shadow:0 3px 12px #193c3204!important;overflow:hidden}.panel{padding:22px!important;margin-bottom:18px}.site-card{padding:22px!important}.card-body{padding:20px}.card-footer{background:transparent;border-top:1px solid var(--ui-line);padding:12px 18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px!important}.section-head h2 small,.section-head h3 small{display:none}.badge{font-size:10px;line-height:1.4;font-weight:500!important;letter-spacing:0!important;background:#edf4ee!important;color:#3c7056!important;border:1px solid #d6e6d9!important;border-radius:5px!important;padding:5px 8px!important}.badge.off{background:#f7eeea!important;border-color:#ecd9d0!important;color:#a66044!important}.count-pill{display:inline-block;padding:2px 7px;background:#e6ede8;color:#4b705b;border-radius:5px;font-size:11px;vertical-align:middle;margin-left:7px}.group-title{font-size:13px!important;color:#6a7c70;margin:24px 0 12px!important;display:flex;gap:5px;align-items:center}.site-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.household-context{padding:12px 16px!important;border-radius:9px!important;background:#eaf0eb!important;border:1px solid var(--ui-line);gap:12px;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:18px!important}.household-context label{display:flex;align-items:center;gap:10px;margin:0}.household-context select{width:auto;max-width:260px;min-height:34px;padding-top:6px;padding-bottom:6px}.household-context span{font-size:11px;color:var(--ui-muted)}#scope-back{margin-left:auto}.device-context{border-radius:9px;background:#eaf0eb!important;padding:16px!important;margin-bottom:18px}.device-context p{font-size:12px;margin:0 0 10px}.device-context .btn.active{background:var(--ui-accent)!important;color:#fff!important}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:0!important;font-size:12px}.filter-row label{display:flex;align-items:center;gap:8px;margin:0}.filter-row select{width:180px}.filter-row>button{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px!important;padding:0!important;background:none!important;border:0!important}.metrics>div{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:9px;padding:14px 18px!important;display:flex;justify-content:space-between;align-items:center;border-right:1px solid var(--ui-line)!important}.metrics span{font-size:11px;color:var(--ui-muted)}.metrics strong{font-family:inherit;font-size:23px!important;font-weight:600;color:var(--ui-accent)}.home-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:13px 0;margin:0 0 7px;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line)}.home-layout-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.home-layout-controls label{display:flex;align-items:center;gap:7px;margin:0}.home-layout-controls select{width:80px!important;min-height:34px;padding-top:5px;padding-bottom:5px}.home-layout-controls>.form-select{width:80px!important}.inline-check{white-space:nowrap;font-size:11px}#home-layout-status{margin-bottom:18px;font-size:11px!important}.home-card-grid{display:grid!important;grid-template-columns:repeat(var(--home-columns, 2),minmax(0,1fr));gap:20px!important}.home-city-group{display:block}.home-card{padding:0!important;margin:0!important;min-width:0;align-self:start}.home-cover{position:relative;height:178px!important;min-height:178px!important;background:linear-gradient(135deg,#567d65,#203e36)!important;overflow:hidden}.home-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#132e2430 10%,#0e261ccc)}.home-cover-content{position:relative;z-index:1;height:100%;padding:17px 20px!important;display:flex;flex-direction:column;justify-content:space-between;background:none!important}.home-cover-content h3{font-family:inherit!important;font-size:21px!important;color:#fff!important;margin:0 0 6px!important;letter-spacing:0}.home-cover-content .badge{background:#ffffffd9!important;color:#244d3a!important;border-color:transparent!important;font-size:10px}.home-location{font-size:11px!important;color:#e8f0eb!important;line-height:1.6;margin:0!important}.cover-edit{color:#fff!important;background:#213e3670!important;border:1px solid #ffffff60!important;backdrop-filter:blur(8px)}.home-summary{font-size:12px;color:var(--ui-muted);margin-bottom:15px;min-height:20px}.home-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 17px;border-bottom:1px solid var(--ui-line);margin-bottom:13px}.home-numbers span{display:flex;align-items:baseline;gap:7px;color:var(--ui-muted);font-size:11px}.home-numbers b{font-size:21px;font-weight:600;color:var(--ink)}.compact-details{margin:0!important;display:grid;gap:7px!important;font-size:12px}.compact-details>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px!important;padding:0!important}.compact-details dt{font-weight:400;color:var(--ui-muted)}.compact-details dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}.home-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--ui-line)}.home-card-actions .btn-primary{flex:1}.home-order-actions{display:flex;align-items:center;gap:5px;margin-bottom:12px}.home-order-actions span{font-size:10px;flex:1}.home-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:22px 0}.home-pagination span{margin-right:auto;font-size:11px;color:var(--ui-muted)}.device-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px}.device-card{min-width:0}.device-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.device-symbol{width:42px;height:42px;border-radius:10px;background:#eaf2ec;color:var(--ui-accent);display:grid;place-items:center}.device-symbol .app-icon{width:23px;height:23px}.device-card-heading h3{margin:0!important;font-size:16px!important}.device-title{padding:0!important;border:0!important;background:none!important;text-align:left!important;min-height:0!important;color:var(--ink)!important;font-weight:600!important;font-size:16px!important;box-shadow:none!important}.device-title:hover{color:var(--ui-accent)!important;text-decoration:underline}.device-location{font-size:11px;color:var(--ui-muted);margin-bottom:15px}.device-card-actions{display:flex;flex-wrap:wrap;gap:8px}.device-tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0}.device-tags span{background:#edf1ee;font-size:10px;color:#667e6d;padding:2px 8px;border-radius:4px}.device-view-controls{display:flex;flex-wrap:wrap;gap:12px}.device-view-controls label{display:flex;align-items:center;gap:9px}.group-custom{font-size:12px}.group-step{max-width:100%}.group-step select{max-width:200px}.view-presets{display:flex;gap:6px;flex-wrap:wrap}#device-count{font-size:11px!important}.device-group:first-child>.group-title{margin-top:4px!important}#asset-list .empty{min-height:160px}.device-tags+.network-status-block{margin-top:12px}.network-status-block{padding-top:12px;margin-top:14px;border-top:1px solid var(--ui-line);font-size:11px}.network-status-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.network-status-title>span{font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#b4b9b5;display:inline-block;margin-right:6px}.status-dot.online{background:#37a06a;box-shadow:0 0 0 3px #38a16a12}.network-target{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:4px 0}.network-target>span:first-child{width:65px;color:var(--ui-muted)}.network-target code{font-size:11px}.network-target>span:last-child{margin-left:auto;font-size:10px}.network-status-block p{margin:6px 0;font-size:11px!important}.management-links{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.network-check-time{font-size:10px;color:#8b9c90;line-height:1.5;display:block}.network-platform{display:flex;align-items:center;gap:15px;background:#edf3ee;border:1px solid #d6e4d9;padding:20px;border-radius:10px;margin-bottom:16px}.network-platform>.app-icon{width:32px;height:32px;flex-basis:32px;color:var(--ui-accent)}.network-platform h3{margin:0 0 3px!important;font-size:18px!important}.network-platform p{margin:0;font-size:11px;color:var(--ui-muted)}.platform-place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}.platform-place-node{display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;padding:20px!important;gap:9px;border:1px solid var(--ui-line)!important;position:relative;color:var(--ink)!important}.platform-place-node:hover{border-color:#81ad90!important;box-shadow:0 4px 16px #2d4b3610!important}.platform-place-node h3{font-size:17px!important;margin:3px 0}.platform-place-node p,.platform-place-node small{font-size:11px;color:var(--ui-muted);margin:0}.network-open{padding-top:12px;margin-top:auto;color:var(--ui-accent);font-size:11px}.network-node{margin:0 0 14px calc(var(--depth) * 22px);overflow:visible!important;position:relative}.network-node.nested:before{position:absolute;content:"";border-left:2px solid #c1d3c6;border-bottom:2px solid #c1d3c6;width:15px;left:-17px;top:-15px;height:50px;border-bottom-left-radius:6px}.network-node .card-body{padding:18px}.network-node .device-card-heading{margin-bottom:9px}.network-facts{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:11px;color:var(--ui-muted)}.network-facts b{font-weight:500;color:var(--ink);margin-left:7px;overflow-wrap:anywhere}.network-map{overflow:hidden}.network-map .network-platform{max-width:none}.network-overview{margin-top:18px}.scope-intro{padding:0!important;margin-bottom:24px!important}.scope-intro h2{font-size:24px!important}.scope-intro p{font-size:13px!important;color:var(--ui-muted)}.steward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.steward-tile{padding:22px!important;min-height:160px!important;background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;text-align:left!important;display:flex;align-items:flex-start!important;flex-direction:column;justify-content:flex-start!important;gap:10px;color:var(--ink)!important;box-shadow:none!important}.steward-tile:before{display:none!important}.steward-tile:hover{border-color:#8caf99!important;background:#f9fcf9!important;transform:translateY(-1px)}.steward-tile strong{font-family:inherit!important;font-size:19px!important;font-weight:600!important}.steward-tile span{font-size:12px!important}.steward-tile small{font-size:11px!important;color:var(--ui-muted);line-height:1.8}.camera-meta{padding:16px!important}.camera-meta strong{font-size:14px!important}.camera-meta p{font-size:11px!important;margin:4px 0!important}.camera-actions{padding:0 16px 16px;display:flex;flex-wrap:wrap;gap:7px}.camera-card{background:var(--ui-surface)!important}.live-grid{gap:18px}.video-panel{background:#152720!important}.video-error{font-size:12px}.video-empty{color:#9bad9f}.wall-toolbar{padding:12px!important;border-radius:9px;gap:10px}.wall-toolbar label{font-size:11px}.wall-toolbar select{width:auto}#live-stage:fullscreen{background:#101c17}.wall-fullscreen .camera-card{border-color:#284336!important}.playback-panel{background:var(--ui-surface)!important}.settings-sections{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.settings-sections .btn[aria-pressed=true]{background:var(--ui-accent)!important;color:#fff!important}.journal-card{max-width:100%!important;background:var(--ui-surface)!important;border-radius:11px!important;padding:22px!important;border:1px solid var(--ui-line)!important}.journal-attachments{gap:14px}.journal-attachments img{border-radius:8px}.journal-media-library{max-width:100%}.journal-pager{font-size:12px}.family-toolbar{flex-wrap:wrap}.family-card,.person-card{padding:16px}.family-detail h2{font-size:20px!important}dialog{max-width:min(900px,calc(100vw - 32px))!important;width:800px;padding:26px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:var(--ui-surface)!important;color:var(--ink)!important;box-shadow:0 24px 80px #0f2d3d38!important;max-height:calc(100dvh - 48px);overflow:auto;margin:auto!important}dialog::backdrop{background:#10291e70;backdrop-filter:blur(3px)}dialog h2{font-size:21px!important}dialog .dialog-heading,dialog>header,dialog form>header{padding:0 0 18px!important;margin:0 0 20px!important;border-bottom:1px solid var(--ui-line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:none}dialog form>.form-grid{margin-top:5px}dialog footer,dialog .dialog-actions{padding:18px 0 0!important;margin:20px 0 0!important;border-top:1px solid var(--ui-line);display:flex;justify-content:flex-end;gap:10px}#auth-dialog{width:420px!important;padding:32px!important}#auth-dialog h2{font-size:25px!important}#auth-dialog p{font-size:12px}#auth-form{display:grid;gap:15px}#auth-form label{margin:0}.form-error{font-size:12px;color:#b15a3c;min-height:0}#toast{position:fixed;bottom:24px;right:24px;z-index:200;background:#234c39!important;color:#fff!important;padding:12px 20px!important;border-radius:9px!important;font-size:13px!important;box-shadow:0 6px 22px #193c3226;max-width:calc(100vw - 32px)}main>footer{padding:22px 0 0!important;margin:30px 0 0!important;border-top:1px solid var(--ui-line);font-size:10px!important;color:var(--ui-muted)}.empty{border:1px dashed #cfdbd2;background:#f8faf8;border-radius:9px;color:var(--ui-muted);text-align:center;padding:40px 20px!important}.empty h3{margin-top:10px}.empty p{font-size:12px}.banner{padding:12px 16px;border-radius:8px;font-size:12px}html[data-theme=clean]{--ui-bg: #f4f6f9;--ui-accent: #31655b;--ui-surface: #fff}html[data-theme=ink]{--ui-bg: #14221e;--ui-surface: #1c2e26;--ui-line: #334a3e;--ui-muted: #a5baad;--ink: #e1ece5;--bs-body-color: #e1ece5;--bs-border-color: #334a3e;--ui-accent: #397359;--bs-secondary-color: #a5baad}html[data-theme=ink] .form-control,html[data-theme=ink] .form-select{background-color:#20352a;color:#e1ece5}html[data-theme=ink] .network-platform,html[data-theme=ink] .household-context,html[data-theme=ink] .device-context,html[data-theme=ink] .empty{background:#213d2d!important}html[data-theme=ink] .description,html[data-theme=ink] label{color:#a5baad!important}html[data-theme=ink] .btn-outline-secondary{color:#b9cec0;border-color:#476152}html[data-density=compact] #app>main{padding:20px 25px!important}html[data-density=compact] .panel,html[data-density=compact] .card-body{padding:15px!important}html[data-density=compact] .home-cover{height:150px!important;min-height:150px!important}html[data-layout=top] #app{display:block}html[data-layout=top] .sidebar{position:relative!important;width:100%!important;height:auto;padding:12px 24px!important;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}html[data-layout=top] .sidebar .brand{padding:0 15px 0 0!important;margin:0!important;border:0!important}html[data-layout=top] .sidebar>.nav-label,html[data-layout=top] .side-note,html[data-layout=top] #current-user,html[data-layout=top] #scope-nav-name{display:none}html[data-layout=top] .sidebar nav{flex-direction:row!important;flex:1;flex-wrap:wrap}html[data-layout=top] #scope-navigation{display:flex;padding:0!important;margin:0!important;box-shadow:none}html[data-layout=top] .sidebar nav button{width:auto!important;padding:8px 10px!important}html[data-layout=top] #app>main{margin:auto!important;max-width:1800px}@media(min-width:1500px){.home-card-grid[style]{gap:22px}}@media(max-width:1200px){#app>main{padding:24px!important}#app{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px!important;padding:24px 14px!important}.home-toolbar{align-items:flex-start}.home-layout-controls{margin-left:0}.home-card-grid{grid-template-columns:repeat(min(var(--home-columns, 2),2),minmax(0,1fr))}.metrics>div{padding:12px!important}.metrics strong{font-size:19px!important}.compact-details>div{grid-template-columns:90px minmax(0,1fr)}}@media(max-width:767px){html,body{font-size:14px}#app{display:block!important}.sidebar,html[data-layout=top] .sidebar{position:relative!important;width:100%!important;height:auto!important;padding:13px 16px!important;display:grid!important;grid-template-columns:1fr auto!important;overflow:visible!important}.brand,html[data-layout=top] .sidebar .brand{padding:0!important;margin:0!important;border:0!important;gap:10px}.brand-icon{width:34px!important;height:34px!important}.brand>span>span{font-size:19px!important}.brand small{font-size:9px!important;margin-top:2px}.sidebar>.nav-label,.side-note,#current-user,.sidebar>#account-password,.sidebar>#logout{display:none!important}.mobile-nav-toggle{display:flex!important;color:#e8f1ec!important;border:1px solid #ffffff30!important;background:transparent!important;font-size:12px;min-height:36px}.sidebar nav,html[data-layout=top] .sidebar nav{display:none!important;grid-column:1/-1}.sidebar.mobile-open nav,html[data-layout=top] .sidebar.mobile-open nav{display:flex!important;flex-direction:column!important;margin-top:15px}.sidebar.mobile-open>#account-password,.sidebar.mobile-open>#logout{display:block!important}.sidebar.mobile-open>#current-user{display:block!important;grid-column:1/-1}.sidebar.mobile-open>#account-password{grid-column:1}.sidebar.mobile-open>#logout{grid-column:2}html[data-layout=top] #scope-navigation{display:block}.sidebar nav button{width:100%!important}.sidebar #scope-navigation{padding:14px 0!important}#app>main,html[data-density=compact] #app>main{padding:20px 15px!important;min-height:calc(100vh - 65px);width:100%!important}main>header{gap:12px;align-items:flex-start;margin-bottom:20px!important;padding-bottom:18px!important}#page-title{font-size:22px!important}#page-note{font-size:11px!important}.eyebrow{font-size:9px;margin-bottom:5px;letter-spacing:1px}.header-status{font-size:9px!important;gap:5px;max-width:100px;white-space:normal;text-align:right}#service-status{font-size:9px!important;padding:4px 6px!important}#clock{font-size:9px}.section-head{gap:12px;align-items:flex-start;flex-wrap:wrap}.section-head>.btn{margin-left:0;font-size:11px}h2{font-size:17px!important}.home-toolbar{gap:13px}.home-layout-controls{gap:9px;width:100%;font-size:11px}.home-layout-controls .form-select{min-height:32px;font-size:11px}.home-layout-controls .btn{font-size:11px;min-height:32px}.home-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:17px!important}.home-cover{height:170px!important;min-height:170px!important}.home-cover-content{padding:16px 18px!important}.card-body{padding:17px}.home-numbers b{font-size:21px}.home-pagination{flex-wrap:wrap}.home-pagination span{width:100%}.home-pagination .btn{flex:1}.household-context{padding:10px!important;gap:9px}.household-context label{width:100%}.household-context select{max-width:none;flex:1;min-width:0}#household-context-note{display:none}#scope-back{width:100%;margin:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics>div{padding:11px 13px!important}.metrics strong{font-size:20px!important}.filter-row{gap:9px}.filter-row label{flex:1;min-width:0}.filter-row select{width:100%;min-width:0}#filter-caption{display:none}.filter-row>button{font-size:11px}.panel{padding:17px!important}.form-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.form-grid>*{min-width:0;grid-column:auto}.form-grid .full{grid-column:1}.site-grid,.steward-grid,.platform-place-grid,.device-card-grid{grid-template-columns:minmax(0,1fr)!important}.device-view-controls{display:flex;flex-direction:column;align-items:stretch}.device-view-controls label{width:100%}.device-view-controls input,.device-view-controls select{width:100%;min-width:0}.network-node{margin-left:calc(min(var(--depth),2)*12px)}.network-node.nested:before{left:-10px;width:8px}.network-node .card-body{padding:14px}.network-facts{display:grid;gap:6px}.network-platform{padding:16px}.network-platform h3{font-size:16px!important}.network-target{font-size:10px}.network-target code{font-size:10px;word-break:break-all}.management-links a{max-width:100%;font-size:10px}.network-node .device-card-heading h3,.network-node .device-title{font-size:14px!important}.device-context [role=group]{display:flex;flex-wrap:wrap;gap:7px}.device-context .btn{flex:1;min-width:100px;font-size:11px}.steward-tile{min-height:145px!important}.steward-tile strong{font-size:18px!important}.journal-card{padding:17px!important}.journal-attachments{grid-template-columns:minmax(0,1fr)!important}.journal-attachments audio,.journal-attachments video{width:100%;max-width:100%}.journal-upload-controls{display:flex;flex-wrap:wrap}.journal-upload-controls>*{max-width:100%}.settings-sections{gap:6px}.settings-sections .btn{flex:1;min-width:calc(50% - 6px);font-size:11px}dialog{max-width:calc(100vw - 20px)!important;padding:20px!important;max-height:calc(100dvh - 20px);border-radius:12px!important}dialog h2{font-size:19px!important}dialog .dialog-heading{padding-bottom:14px!important;margin-bottom:16px!important}dialog .dialog-heading .btn{min-width:54px}#auth-dialog{padding:25px!important}.brand-image-grid{grid-template-columns:1fr!important}#toast{bottom:16px;right:16px;font-size:12px!important}.wall-toolbar{gap:7px}.wall-toolbar label{width:auto}.table-wrap{max-width:100%}main>footer{font-size:9px!important;gap:10px;flex-wrap:wrap}.network-node .device-card-heading>.btn{font-size:10px;min-height:28px;padding:3px 7px}html[data-layout=top] .sidebar.mobile-open nav button{width:100%!important}}@media(min-width:768px){.sidebar>.mobile-nav-toggle{display:none!important}}.sidebar nav button{justify-content:flex-start!important}.sidebar nav button.active:after{display:none!important}.section-head>div:first-child{display:block}.inline-check .form-check-input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important}.form-check-input{padding:0!important}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--ui-line)}html[data-font=serif] #page-title,html[data-font=serif] .scope-intro h2{font-family:"Noto Serif SC",Songti SC,SimSun,serif!important;font-weight:600!important}.live-help{margin:10px 0;color:var(--ui-muted);font-size:13px}.live-help summary{cursor:pointer;padding:8px 0}.live-help p{margin:8px 0}#page-live.wall-expanded{position:fixed;inset:0;z-index:10000;margin:0}#page-live:is(:fullscreen,.wall-expanded)>.live-help{display:none}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.leadership-member-actions .btn{white-space:normal}#leadership-grant{align-items:flex-start;padding:14px}#leadership-grant span{line-height:1.7}@media(max-width:767px){#app>main{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}main[data-page=live]>header{margin-bottom:12px!important;padding-bottom:12px!important}main[data-page=live]>header .eyebrow,main[data-page=live] #page-note,main[data-page=live]>.metrics{display:none!important}main[data-page=live] .household-context{margin-bottom:12px;flex-wrap:nowrap}main[data-page=live] .household-context label{flex:1;width:auto;font-size:0}main[data-page=live] .household-context select{font-size:16px;width:100%}main[data-page=live] #scope-back{width:auto;min-width:82px}main[data-page=live]>.filter-row{margin:12px 0}#page-live:not([hidden]){display:flex;flex-direction:column}#page-live>.section-head{order:0;margin:6px 0 12px}#page-live>.live-grid{order:1}#page-live>.wall-toolbar{order:2}#page-live>.live-help{order:3}#page-live:not(:fullscreen):not(.wall-expanded) .live-grid[data-layout=auto]{grid-template-columns:minmax(0,1fr)}.camera-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.camera-actions .btn{min-height:44px;white-space:normal;font-size:13px}.camera-meta{padding:12px}.camera-meta strong{font-size:15px!important}.wall-toolbar .wall-paging{flex:1;justify-content:space-between}.wall-toolbar .btn{min-width:44px;min-height:44px}#page-live:is(:fullscreen,.wall-expanded){padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#page-live:is(:fullscreen,.wall-expanded)>.wall-toolbar{order:0}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-layout=auto]{grid-template-columns:repeat(2,minmax(0,1fr))}#page-live:is(:fullscreen,.wall-expanded) .live-grid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#page-live:is(:fullscreen,.wall-expanded) .camera-actions{display:none}.network-target{display:grid;grid-template-columns:76px minmax(0,1fr) auto;font-size:12px;gap:8px}.network-target code{font-size:13px!important}.network-check-time{font-size:12px;line-height:1.7}.management-links{display:grid;grid-template-columns:minmax(0,1fr)}.management-links .btn{min-height:44px!important;font-size:13px!important;white-space:normal}dialog .description,dialog label{font-size:14px!important}dialog .dialog-footer{position:sticky;bottom:-20px;background:var(--ui-surface);padding:14px 0;margin-bottom:-10px}dialog .dialog-footer .btn{flex:1;min-height:44px;white-space:normal}.leadership-member-actions .btn{flex:1;min-width:120px}#leadership-grant{display:flex;gap:10px}#leadership-grant[hidden]{display:none}}html[data-backdrop=mountains] #app>main{background-image:linear-gradient(150deg,transparent 70%,#8ba58f08 70%,transparent 85%),linear-gradient(170deg,transparent 60%,#8ba58f06 60%,transparent 90%)!important;background-size:100% 360px!important;background-repeat:no-repeat!important}@media(max-width:767px){.form-control,.form-select{font-size:16px!important;min-height:44px}.btn{min-height:42px;font-size:13px}.home-layout-controls .form-select{font-size:14px!important;min-height:40px}.home-layout-controls .btn,.network-status-title .btn,.management-links .btn{min-height:40px;font-size:12px}.network-target code{font-size:12px}.mobile-nav-toggle{min-height:42px}.device-card-actions .btn{min-height:42px;font-size:12px}}:root{--ui-bg: #f3f6fa;--ui-surface: #fff;--ui-line: #e3e9ef;--ui-muted: #5e6f7e;--ui-sidebar: #172e35;--ui-accent: #217964;--ink: #253b46;--muted: #5e6f7e;--paper: var(--ui-surface);--line: var(--ui-line);--green: var(--ui-accent);--bs-primary: #217964;--bs-primary-rgb: 33, 121, 100;--bs-body-color: var(--ink);--bs-body-bg: var(--ui-bg);--bs-border-color: var(--ui-line);--ui-shadow: 0 3px 16px #223d5010;--ui-soft: #f5f8fa}html[data-theme=paper]{--ui-bg: #f5f6f4;--ui-soft: #f5f7f3}html[data-theme=clean]{--ui-bg: #f1f5f9;--ui-soft: #f4f7fb}html[data-theme=ink]{--ui-bg: #111e26;--ui-surface: #1a2b35;--ui-line: #30444e;--ui-soft: #21353f;--ink: #e0ecef;--ui-muted: #a8bdc5;--muted: #a8bdc5;--ui-shadow: 0 3px 16px #0002;--paper: #1a2b35;--line: #30444e}html,body{min-width:0}body{-webkit-font-smoothing:antialiased}#app>main{max-width:2000px;padding:30px 38px 24px!important}main>header{margin-bottom:26px!important;padding-bottom:24px!important}#page-title{font-size:clamp(24px,2.3vw,32px)!important;letter-spacing:-.7px!important}html[data-font=serif] #page-title{font-weight:600!important}#brand-motto{color:var(--ui-accent)!important;letter-spacing:2.4px}#page-note{font-size:13px!important}.header-status{gap:9px}#clock{font-variant-numeric:tabular-nums;font-size:11px}#service-status{padding:6px 10px;border-radius:20px!important}.sidebar{background:linear-gradient(165deg,#1d3940,#152b32 70%)!important}.brand{padding-bottom:26px!important}.brand-icon{width:46px!important;height:46px!important;box-shadow:0 3px 12px #071d2860}.sidebar nav button{border-radius:10px!important;min-height:46px;transition:background .15s,color .15s}.sidebar nav button.active{background:#e1f2eb!important;color:#155b48!important;box-shadow:0 2px 7px #0002!important}.sidebar nav button.active .app-icon{opacity:1}.sidebar #current-user{padding:14px 9px 2px}.section-head{align-items:center;margin-bottom:18px}.section-head h2{font-size:21px!important}.count-pill{background:#e7f0ec;color:#286752;border:0;border-radius:7px;padding:3px 9px;font-size:12px}.btn{border-radius:9px!important;min-height:38px;padding:8px 14px;transition:background .15s,border-color .15s,box-shadow .15s}.btn-primary{--bs-btn-bg: var(--ui-accent);--bs-btn-border-color: var(--ui-accent);box-shadow:0 3px 8px #21796416}.btn-primary:hover{box-shadow:0 4px 12px #21796428}.btn-outline-secondary{--bs-btn-color: var(--ink);--bs-btn-border-color: var(--ui-line);background:var(--ui-surface)}.btn-link{color:var(--ui-accent)}html:is([data-theme=clean],[data-theme=ink]) :is(main,dialog) .btn-primary:not(.steward-tile):not(.device-title):not(.platform-place-node){background:var(--ui-accent)!important;color:#fff!important;border-color:var(--ui-accent)!important}html:is([data-theme=clean],[data-theme=ink]) :is(main,dialog) .btn-outline-secondary{background:var(--ui-surface)!important;color:var(--ink)!important}html:is([data-theme=clean],[data-theme=ink]) :is(main,dialog) .btn-outline-secondary:is(.active,[aria-pressed=true]){background:var(--ui-soft)!important;border-color:#629987!important}html:is([data-theme=clean],[data-theme=ink]) .btn-link{background:transparent!important;color:var(--ink)!important}html[data-theme=ink] #brand-motto{color:#a7d7c4!important}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #529cce;outline-offset:3px}.form-control,.form-select{border-radius:9px!important;border-color:var(--ui-line)!important;min-height:40px;background-color:var(--ui-surface);color:var(--ink)}.form-control:focus,.form-select:focus{border-color:#51a18b!important;box-shadow:0 0 0 3px #21856819!important}.card,.panel{border:1px solid var(--ui-line)!important;border-radius:14px!important;background:var(--ui-surface);box-shadow:var(--ui-shadow)!important}.card{overflow:hidden}.card-body{padding:24px}dialog{border-radius:16px!important;box-shadow:0 24px 100px #10293040!important}dialog::backdrop{background:#132a3670;backdrop-filter:blur(4px)}dialog h2{font-size:22px!important}.household-context,.device-context{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:12px;box-shadow:var(--ui-shadow)}.home-insights{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:18px;margin:22px 0 26px}.home-insights>article{border-radius:15px;padding:24px;min-width:0}.insight-welcome{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#20534d,#297562);box-shadow:0 6px 22px #21594c1c}.insight-welcome:after{content:"";position:absolute;right:-28px;bottom:-64px;width:200px;height:200px;border:32px solid #fff07;border-radius:50%;pointer-events:none}.insight-kicker{color:#cae4d9;font-size:10px;letter-spacing:2px}.insight-welcome h2{color:#fff!important;font-size:23px!important;margin:14px 0 8px!important}.insight-welcome p{color:#d0e7df;font-size:12px;margin-bottom:22px}.insight-scope{display:flex;gap:7px;align-items:center;color:#d7ebe4;font-size:10px}.insight-scope .app-icon{width:15px;height:15px;flex-basis:15px}.insight-number,.insight-distribution{background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow)}.insight-number{position:relative;display:flex;flex-direction:column;justify-content:center}.insight-icon{position:absolute;right:20px;top:22px;width:36px;height:36px;display:grid;place-items:center;background:#e8f1fb;color:#527ec0;border-radius:11px}.insight-label{color:var(--ui-muted);font-size:12px;padding-right:35px}.insight-number>strong{font-size:40px;line-height:1.3;font-weight:650;margin:10px 0;color:var(--ink);font-variant-numeric:tabular-nums}.insight-number strong small{font-size:12px;font-weight:400;margin-left:10px;color:var(--ui-muted)}.insight-foot{color:var(--ui-muted);font-size:11px}.insight-distribution{display:flex;align-items:center;justify-content:center;gap:20px}.insight-donut{width:126px;flex:0 0 126px;position:relative}.insight-donut svg{width:100%;display:block}.donut-track{stroke:var(--ui-line)}.insight-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.insight-donut strong{font-size:28px;line-height:1.3}.insight-donut small{font-size:10px;color:var(--ui-muted)}.insight-legend{flex:1;min-width:60px;max-width:145px}.insight-legend h3{font-size:12px!important;margin-bottom:13px;white-space:nowrap}.insight-legend>span{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:7px;color:var(--ui-muted)}.insight-legend i{width:7px;height:7px;border-radius:2px;flex-shrink:0}.insight-legend b{margin-left:auto;color:var(--ink)}.home-toolbar{padding:13px 16px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);gap:14px}.home-layout-toggle{display:none}#home-layout-status{margin:10px 3px 18px;font-size:11px}.home-card-grid{gap:24px}.home-card{transition:box-shadow .18s,border-color .18s}.home-card:hover{box-shadow:0 8px 26px #223d5019!important;border-color:#b4cac0!important}.home-cover{height:220px;background:linear-gradient(120deg,#35595b,#193a40)}.home-cover .cover-shade{background:linear-gradient(180deg,#142b3830,#10282b05 30%,#0a232bcc)}.home-cover-content{padding:22px 25px}.home-cover-content h3{font-size:24px!important;font-weight:600!important;letter-spacing:.5px!important}.home-cover-content .badge{border:1px solid #ffffff38;background:#f6fffaed!important;color:#27594a!important;border-radius:6px!important;font-size:11px}.home-location{font-size:11px;color:#ebf3f0}.cover-edit{background:#142a3560!important;border:1px solid #ffffff80!important;color:#fff!important;backdrop-filter:blur(4px)}.home-summary{color:var(--ui-muted);font-size:12px}.home-numbers{background:var(--ui-soft);border:0;border-radius:10px;padding:14px 0;margin:16px 0 20px}.home-numbers span{border-right:1px solid var(--ui-line);color:var(--ui-muted);font-size:11px}.home-numbers span:last-child{border:0}.home-numbers b{font-size:24px;color:var(--ink)}.home-card-actions{border-top:1px solid var(--ui-line);padding-top:18px;margin-top:18px}.compact-details dt{color:var(--ui-muted)}.compact-details dd{color:var(--ink)}.home-pagination{margin-top:24px;font-size:11px}.metrics{gap:16px}.metrics>div{border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);box-shadow:var(--ui-shadow);border-top:3px solid #438979}.metrics>div:nth-child(2){border-top-color:#658cd1}.metrics>div:nth-child(3){border-top-color:#b69c70}.metrics>div:nth-child(4){border-top-color:#8391b5}.metrics strong{font-variant-numeric:tabular-nums;color:var(--ink)}.device-card-heading .device-symbol{background:#e9f3ef;color:#287e65;border-radius:12px;width:44px;height:44px}.device-card .card-footer{border-top:1px solid var(--ui-line);background:var(--ui-soft);padding:14px 22px}.device-card-grid{gap:20px}.device-view-controls{padding:20px 24px}.device-search-row{border-bottom:1px solid var(--ui-line);padding-bottom:18px;margin-bottom:15px}.group-title{margin:24px 0 14px}.device-location{color:var(--ui-muted)}.network-map{padding:24px}.network-platform{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:12px;padding:20px}.network-platform>.app-icon{width:30px;height:30px;flex-basis:30px;color:var(--ui-accent)}.network-diagram{margin:20px 0 28px;border:1px solid var(--ui-line);border-radius:12px;overflow:hidden}.diagram-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:var(--ui-surface)}.diagram-toolbar>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.diagram-toolbar strong{font-size:13px}.diagram-dot{width:7px;height:7px;border-radius:50%;background:#4d8dbe}.diagram-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px;margin:0}.diagram-toolbar select{width:86px}.diagram-scroll{max-height:480px;overflow:auto;background-color:var(--ui-soft);background-image:radial-gradient(var(--ui-line) 1px,transparent 1px);background-size:18px 18px;border-block:1px solid var(--ui-line)}.network-svg{display:block}.network-edge{stroke:#82a79c;stroke-width:2}.diagram-node{cursor:pointer;outline:none}.diagram-node-bg{fill:var(--ui-surface);stroke:var(--ui-line);stroke-width:1.5}.diagram-node:hover .diagram-node-bg,.diagram-node:focus .diagram-node-bg{stroke:#328d78;stroke-width:2.5}.diagram-node-type{fill:var(--ui-muted);font-size:10px}.diagram-node-title{fill:var(--ink);font-size:14px;font-weight:600}.diagram-node-ip{fill:var(--ui-muted);font-size:11px;font-family:ui-monospace,Consolas,monospace}.diagram-note{margin:0;padding:11px 18px;font-size:11px;color:var(--ui-muted)}.network-details-heading{margin:20px 0 14px}.platform-place-node{position:relative;text-align:left;padding:24px}.platform-place-node:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#438979}.platform-place-node:hover{border-color:#8db4a7!important;background:var(--ui-soft)}.network-open{color:var(--ui-accent);font-weight:600}.scope-intro{border-bottom:1px solid var(--ui-line);padding-bottom:20px}.steward-tile{border-radius:14px!important;border:1px solid var(--ui-line)!important;border-top:3px solid #438979!important;box-shadow:var(--ui-shadow)!important;padding:28px!important;background:var(--ui-surface)!important}.steward-tile:nth-child(2n){border-top-color:#6c8fbc!important}.steward-tile:nth-child(3n){border-top-color:#b29a72!important}.steward-tile strong{font-size:19px!important}.steward-tile:hover{border-color:#9dbab0!important;box-shadow:0 8px 22px #223d5016!important}.journal-card{border-radius:14px;box-shadow:var(--ui-shadow)}#page-live:is(:fullscreen,.wall-expanded) .camera-meta{background:#172e35!important;color:#e8f3ef!important}#page-live:is(:fullscreen,.wall-expanded) .camera-meta strong{color:#e8f3ef!important}#page-live:is(:fullscreen,.wall-expanded) .wall-toolbar{background:#172e35!important;border-color:#45616a!important}#page-live:is(:fullscreen,.wall-expanded) .form-select{background-color:#213b44!important;color:#e8f3ef!important;border-color:#64818b!important}main>footer{color:var(--ui-muted);font-size:10px}html[data-density=compact] .home-insights>article{padding:18px}html[data-density=compact] .home-cover{height:165px}html[data-density=compact] .card-body{padding:18px}@media(min-width:1100px){html[data-layout=top] #app>main{padding-top:28px!important}}@media(max-width:1250px){.home-insights{grid-template-columns:1.2fr .75fr 1fr;gap:12px}.home-insights>article{padding:19px}.insight-distribution{gap:10px}.insight-donut{width:102px;flex-basis:102px}.insight-welcome h2{font-size:20px!important}}@media(max-width:1000px)and (min-width:761px){#app>main{padding:26px 24px!important}.home-insights{grid-template-columns:1fr 1fr}.insight-welcome{grid-column:1/-1}.insight-welcome p{margin-bottom:12px}}@media(max-width:760px){#app>main{padding:20px 16px!important}.sidebar{background:#17353b!important}main>header{margin-bottom:20px!important;padding-bottom:18px!important}#page-title{font-size:25px!important}#page-note{font-size:12px!important}.home-insights{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}.home-insights>article{padding:18px}.insight-welcome{grid-column:1/-1}.insight-welcome h2{margin:7px 0 0!important;font-size:20px!important}.insight-welcome p,.insight-scope{display:none}.insight-number>strong{font-size:34px}.insight-icon{width:29px;height:29px;top:14px;right:13px}.insight-distribution{flex-direction:column;gap:5px}.insight-donut{width:94px;flex-basis:auto}.insight-legend{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.insight-legend h3{display:none}.insight-legend>span{margin:0;font-size:10px;gap:4px}.insight-number .insight-label{padding-right:24px;font-size:11px}.insight-donut strong{font-size:25px}.insight-donut small{font-size:9px}.home-toolbar{padding:12px}.home-layout-toggle{display:inline-flex;margin-left:auto}.home-toolbar .home-layout-controls{display:none}.home-toolbar.home-options-open .home-layout-controls{display:flex;flex-basis:100%;border-top:1px solid var(--ui-line);padding-top:12px}.home-cover{height:200px}.home-cover-content{padding:20px}.home-cover-content h3{font-size:23px!important}.card-body{padding:20px}.home-numbers{padding:12px 0}.home-card-grid{gap:18px}.home-card-actions{gap:8px;flex-wrap:wrap}.btn{min-height:44px}.form-control,.form-select{min-height:44px;font-size:16px}#page-playback .playback-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#page-playback .playback-controls label{width:100%;min-width:0}#page-playback .playback-controls input,#page-playback .playback-controls select,#page-playback .playback-controls button{width:100%}#play-info{overflow-wrap:anywhere}.device-view-controls{padding:16px}.network-map{padding:14px}.network-platform{padding:16px}.diagram-toolbar{padding:12px;align-items:flex-start}.diagram-toolbar>div{gap:6px}.diagram-toolbar>div .small{flex-basis:100%;font-size:10px}.diagram-toolbar label{flex-direction:column;align-items:flex-start}.diagram-toolbar select{width:82px}.diagram-scroll{max-height:360px}.steward-tile{padding:22px!important}main[data-page=live]>header{margin-bottom:10px!important;padding-bottom:12px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}:root{--ui-shadow: 0 4px 22px #223d500a;--bs-body-font-family: system-ui,"Microsoft YaHei",sans-serif}html[data-theme=paper]{--ui-bg: #f5f5f1;--ui-soft: #f4f6f2}.dashboard-grid{margin-top:4px}.dashboard-grid>div,.row>div{min-width:0}.dashboard-welcome{position:relative;overflow:hidden;padding:28px;border-radius:16px;background:linear-gradient(140deg,#234a49,#2e7964);color:#fff}.dashboard-welcome:after{content:"";position:absolute;right:-85px;top:-95px;width:260px;height:260px;border:40px solid #ffffff07;border-radius:50%;pointer-events:none}.dashboard-welcome h2{font-size:clamp(21px,2vw,26px)!important;color:#fff!important;margin:16px 0 8px;letter-spacing:.2px}.dashboard-welcome>p{color:#d3e7df;font-size:12px}.dashboard-totals{display:flex;gap:28px;margin:22px 0}.dashboard-totals>div{display:flex;flex-direction:column}.dashboard-totals strong{color:#fff;font-size:32px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.dashboard-totals span{color:#d3e7df;font-size:11px;margin-top:5px}.chart-card{padding:22px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow);min-width:0}.chart-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.chart-heading h3{font-size:15px!important;font-weight:650;margin:0}.chart-heading .small{font-size:11px}.chart-legend{display:flex;gap:10px 18px;flex-wrap:wrap;justify-content:center;padding-top:8px}.chart-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ui-muted)}.chart-legend i{width:8px;height:8px;border-radius:3px}.chart-legend b{color:var(--ink);font-variant-numeric:tabular-nums}.chart-data{color:var(--ui-muted);font-size:11px;margin-top:8px}.chart-data summary{cursor:pointer;padding:6px 0}.chart-data ul{padding-left:20px;margin:8px 0 0}.chart-empty{min-height:150px;display:grid;place-items:center;color:var(--ui-muted);margin:0;font-size:13px}.local-chart-wrap,.local-chart{width:100%;min-width:0}.chart-network-surface{background:var(--ui-soft);border-radius:12px;background-image:radial-gradient(var(--ui-line) 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.chart-network-surface .local-chart{touch-action:none}.household-context{border-left:3px solid #488b76!important}.section-head>div>.description{margin-top:7px}.home-toolbar,.device-view-controls,.playback-controls{box-shadow:var(--ui-shadow)}.home-card .card-body{padding:22px}.home-cover{height:200px}.form-grid label{align-items:stretch}dialog .dialog-heading{position:sticky;top:0;background:var(--ui-surface);z-index:2;padding-block:12px}dialog .dialog-footer{padding-top:18px;border-top:1px solid var(--ui-line)}html[data-theme=ink] .chart-card{color:var(--ink)}html[data-theme=ink] .chart-heading .badge{background:#2c493e!important;color:#c2e9d7!important}@media(max-width:767px){.dashboard-grid:not(.charts-expanded) .dashboard-chart-column{display:none}.dashboard-welcome{padding:22px}.dashboard-welcome h2{font-size:22px!important}.dashboard-totals{justify-content:space-between;gap:14px;margin:18px 0 14px}.dashboard-welcome .insight-scope{display:flex;font-size:10px}.chart-card{padding:18px}.dashboard-grid .chart-card{height:auto!important}.chart-network-surface .local-chart{max-height:340px}.diagram-toolbar{flex-wrap:wrap}.diagram-toolbar .btn{min-height:40px}.household-context{padding:14px!important}.section-head{gap:12px;flex-wrap:wrap}.dialog-footer button{flex:1}.table-wrap{overscroll-behavior-x:contain}}.hardware-grid>div[data-v-2d075cdb]{display:flex;flex-direction:column;gap:4px;background:#f5f7f7;padding:12px;border:3px solid white;border-radius:12px}.hardware-grid span[data-v-2d075cdb],.hardware-grid small[data-v-2d075cdb]{font-size:12px;color:#637471}.hardware-grid strong[data-v-2d075cdb]{font-size:18px}.tv-remote-preview[data-v-2d075cdb]{margin:16px 0;text-align:center}.tv-remote-preview img[data-v-2d075cdb]{max-height:640px;max-width:100%;border:6px solid #303b38;border-radius:12px}.display-manager summary[data-v-2d075cdb]{cursor:pointer}details p[data-v-2d075cdb]{margin-top:12px}form>label[data-v-3234de1e]{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0}form>label select[data-v-3234de1e],form>label input[data-v-3234de1e]{width:100%;min-width:0}.family-locations h2[data-v-edd2b1a6]{font-size:1.3rem}.location-empty[data-v-edd2b1a6]{display:grid;align-content:center;min-height:270px;text-align:center;color:var(--ui-muted,#64776f);padding:1rem}.location-empty>span[data-v-edd2b1a6]{font-size:3rem;color:#6c9685}.location-person[data-v-edd2b1a6]{display:flex;flex-direction:column;gap:.35rem;background:var(--panel,#fff);border:1px solid var(--ui-line,#d9e3dd);border-radius:12px;padding:14px;margin-bottom:10px;color:var(--ink,#243c32)}.location-person>span[data-v-edd2b1a6],.location-person small[data-v-edd2b1a6]{font-size:.85rem}.location-selected[data-v-edd2b1a6]{border-color:#257a68;box-shadow:inset 3px 0 #257a68}.family-locations summary[data-v-edd2b1a6]{cursor:pointer}.family-locations input[type=checkbox][data-v-edd2b1a6]{min-width:18px;width:18px;min-height:18px}button.location-person[data-v-edd2b1a6]{color:var(--ink,#243c32)!important;background:var(--panel,#fff)!important;align-items:stretch;text-align:left!important}.location-person strong[data-v-edd2b1a6],.location-person small[data-v-edd2b1a6]{color:var(--ink,#243c32)}.upload-metric[data-v-0c20c09f]{height:100%;padding:1rem;border:1px solid var(--ui-line,#e3e9ef);border-radius:12px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:.35rem}.upload-metric>span[data-v-0c20c09f],.upload-metric>small[data-v-0c20c09f]{color:var(--ui-muted,#64748b);font-size:.8rem}.upload-metric>strong[data-v-0c20c09f]{font-size:1.65rem;line-height:1.5;font-variant-numeric:tabular-nums}.upload-metric.freed[data-v-0c20c09f]{background:color-mix(in srgb,var(--panel,#fff) 90%,#2e876e)}.upload-current[data-v-0c20c09f]{padding:1rem;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 90%,#419be1)}.upload-filters[data-v-0c20c09f]{display:flex;flex-wrap:wrap;gap:1rem}.upload-filters label[data-v-0c20c09f]{flex:1;min-width:160px;max-width:330px;font-size:.85rem}.upload-task[data-v-0c20c09f]{padding:1rem 0;border-top:1px solid var(--ui-line,#e3e9ef)}.upload-task-heading[data-v-0c20c09f]{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.4rem}.upload-details[data-v-0c20c09f]{margin:1rem 0 0}.upload-details>div[data-v-0c20c09f]{display:grid;grid-template-columns:110px 1fr;gap:10px}.upload-details dd[data-v-0c20c09f]{overflow-wrap:anywhere}.upload-tasks summary[data-v-0c20c09f]{cursor:pointer}.upload-tasks .progress[data-v-0c20c09f]{height:8px}.upload-tasks .badge[data-v-0c20c09f]{white-space:normal}.upload-tasks button[data-v-0c20c09f]{min-height:40px}@media(max-width:576px){.upload-metric[data-v-0c20c09f]{padding:.75rem}.upload-metric>strong[data-v-0c20c09f]{font-size:1.2rem}.upload-filters label[data-v-0c20c09f]{min-width:100%;max-width:none}.upload-details>div[data-v-0c20c09f]{grid-template-columns:1fr;gap:0}}.journal-rich-editor{border:1px solid var(--bs-border-color,#ccd9d7);border-radius:12px;overflow:hidden;background:var(--bs-body-bg,#fff);margin:10px 0 20px}.journal-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--bs-tertiary-bg,#f3f7f5);border-bottom:1px solid var(--bs-border-color,#ccd9d7)}.journal-editor-toolbar button{min-height:40px;padding:6px 12px}.journal-editor-toolbar button[aria-pressed=true]{background:#d8eae2;color:#153d31}.journal-rich-input{padding:20px;min-height:200px;outline:none;overflow-wrap:anywhere}.journal-rich-input:focus{box-shadow:inset 0 0 0 2px #669c89}.journal-rich-input p{min-height:1.5em;margin-bottom:12px;white-space:pre-wrap}.journal-rich-input blockquote,.journal-rich-body blockquote{border-left:3px solid #84ad9d;padding-left:16px;color:#5f7870}.journal-editor-foot{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#667b75;padding:10px 16px;border-top:1px solid #e1e9e5}.journal-inline-media{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d4e1da;border-radius:10px;background:#f8faf9;max-width:680px}.journal-inline-media img,.journal-inline-media video{max-width:100%;max-height:380px;object-fit:contain;border-radius:6px}.journal-inline-media audio{width:min(100%,540px)}.journal-inline-media figcaption{font-size:12px;color:#60766c;overflow-wrap:anywhere}.journal-inline-media.ProseMirror-selectednode{outline:2px solid #368268}.journal-rich-body{line-height:1.8;overflow-wrap:anywhere}.journal-rich-body p{white-space:pre-wrap}.journal-rich-body .journal-attachment{max-width:760px;margin:16px 0}.journal-rich-body img,.journal-rich-body video{max-height:480px;object-fit:contain}.journal-materials .journal-add-media{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.journal-materials input[type=file]{max-width:100%}.journal-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 0;border-bottom:1px solid #e1e9e5}.journal-queue-row strong{overflow-wrap:anywhere}.journal-queue-row progress{width:100%;height:8px}.journal-queue-row small{display:block;color:#63756f}.journal-queue-row .journal-task-error{color:#a43b35}.journal-library-list-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.journal-upload-select small{display:block}.journal-editor-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px;background:#f5f8f6;border:1px solid #d6e2da;border-radius:12px;margin-bottom:16px}.journal-editor-heading strong{margin-right:auto}.journal-editor-heading button{min-height:44px}.journal-editor-fullscreen{position:fixed;inset:0;z-index:1090;background:#f0f4f2;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-content:start}.journal-editor-fullscreen>.journal-editor-heading{grid-column:1/-1;position:sticky;top:0;z-index:3;margin:0 -24px;border-radius:0;padding:14px 24px;box-shadow:0 2px 10px #183b2412}.journal-editor-fullscreen>.journal-compose{margin:0;min-height:calc(100dvh - 110px);display:flex;flex-direction:column}.journal-editor-fullscreen .journal-rich-editor{flex:1;display:flex;flex-direction:column}.journal-editor-fullscreen .journal-rich-editor>div:has(>.tiptap){flex:1}.journal-editor-fullscreen .journal-rich-input{min-height:52dvh;font-size:19px;line-height:1.9}.journal-editor-fullscreen .journal-editor-toolbar{position:sticky;top:0;z-index:1}.journal-editor-fullscreen>.journal-materials{margin:0;padding:18px;max-height:calc(100dvh - 110px);overflow:auto;position:sticky;top:92px}.journal-editor-fullscreen .journal-upload-grid{grid-template-columns:1fr}.journal-editor-fullscreen .journal-upload-card video,.journal-editor-fullscreen .journal-upload-card img{max-height:160px}.journal-editor-fullscreen .journal-upload-select span{min-width:0;overflow-wrap:anywhere}#journal-record-elapsed{font-variant-numeric:tabular-nums;color:#bd4338}.journal-inline-media .recording-indicator{color:#bd4338}@media(max-width:900px){.journal-editor-fullscreen{display:block;padding:0 12px 20px}.journal-editor-fullscreen>.journal-editor-heading{margin:0 -12px 12px;padding:10px 12px}.journal-editor-fullscreen>.journal-compose{min-height:calc(100dvh - 140px)}.journal-editor-fullscreen>.journal-materials{position:static;max-height:none;margin-top:12px}.journal-editor-fullscreen .journal-rich-input{min-height:48dvh;font-size:17px}.journal-editor-heading{padding:12px;gap:8px}.journal-editor-heading strong{width:100%}}@media(max-width:600px){.journal-rich-input{padding:14px;min-height:190px}.journal-editor-toolbar{gap:4px}.journal-editor-toolbar button{padding:7px 10px}.journal-editor-foot{flex-wrap:wrap}.journal-inline-media{max-width:100%}.journal-queue-row{gap:8px}.journal-compose,.journal-materials{min-width:0}}