:root{--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--bg:#fff;--bg-sidebar:#f7f6f3;--bg-soft:#f7f6f3;--bg-input:#f2f1ee99;--text:#37352f;--text-2:#787774;--text-3:#9b9a97;--line:#37352f17;--line-strong:#37352f29;--hover:#37352f0f;--hover-strong:#37352f1a;--accent:#2383e2;--accent-hover:#0077d4;--accent-soft:#2383e224;--danger:#e03e3e;--danger-soft:#e03e3e1a;--ok:#448361;--star:#e2a300;--pop:#0f0f0f0d 0 0 0 1px, #0f0f0f1a 0 3px 6px, #0f0f0f33 0 9px 24px;--card-shadow:#0f0f0f1a 0 0 0 1px, #0f0f0f1a 0 2px 4px;--overlay:#0f0f0f73;--tag-default:#e3e2e080;--tag-default-t:#32302c;--tag-gray:#e3e2e0;--tag-gray-t:#32302c;--tag-brown:#eee0da;--tag-brown-t:#442a1e;--tag-orange:#fadec9;--tag-orange-t:#49290e;--tag-yellow:#fdecc8;--tag-yellow-t:#402c1b;--tag-green:#dbeddb;--tag-green-t:#1c3829;--tag-blue:#d3e5ef;--tag-blue-t:#183347;--tag-purple:#e8deee;--tag-purple-t:#412454;--tag-pink:#f5e0e9;--tag-pink-t:#4c2337;--tag-red:#ffe2dd;--tag-red-t:#5d1715;--sidebar-w:248px;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191919;--bg-sidebar:#202020;--bg-soft:#252525;--bg-input:#ffffff0e;--text:#ffffffcf;--text-2:#ffffff75;--text-3:#ffffff52;--line:#ffffff18;--line-strong:#ffffff29;--hover:#ffffff0e;--hover-strong:#ffffff1a;--accent:#529cca;--accent-hover:#6aaedb;--accent-soft:#529cca33;--danger:#ff7369;--danger-soft:#ff73691f;--ok:#4dab9a;--star:#f0b72f;--pop:#0f0f0f1a 0 0 0 1px, #0f0f0f33 0 3px 6px, #0f0f0f66 0 9px 24px;--card-shadow:#ffffff18 0 0 0 1px;--overlay:#0009;--tag-default:#ffffff18;--tag-default-t:#ffffffcf;--tag-gray:#454545;--tag-gray-t:#ffffffd9;--tag-brown:#594134;--tag-brown-t:#ffffffd9;--tag-orange:#774a26;--tag-orange-t:#ffffffd9;--tag-yellow:#7d6331;--tag-yellow-t:#ffffffd9;--tag-green:#2c5a42;--tag-green-t:#ffffffd9;--tag-blue:#28456c;--tag-blue-t:#ffffffd9;--tag-purple:#4d3666;--tag-purple-t:#ffffffd9;--tag-pink:#693353;--tag-pink-t:#ffffffd9;--tag-red:#6e3630;--tag-red-t:#ffffffd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#191919;--bg-sidebar:#202020;--bg-soft:#252525;--bg-input:#ffffff0e;--text:#ffffffcf;--text-2:#ffffff75;--text-3:#ffffff52;--line:#ffffff18;--line-strong:#ffffff29;--hover:#ffffff0e;--hover-strong:#ffffff1a;--accent:#529cca;--accent-hover:#6aaedb;--accent-soft:#529cca33;--danger:#ff7369;--danger-soft:#ff73691f;--ok:#4dab9a;--star:#f0b72f;--pop:#0f0f0f1a 0 0 0 1px, #0f0f0f33 0 3px 6px, #0f0f0f66 0 9px 24px;--card-shadow:#ffffff18 0 0 0 1px;--overlay:#0009;--tag-default:#ffffff18;--tag-default-t:#ffffffcf;--tag-gray:#454545;--tag-gray-t:#ffffffd9;--tag-brown:#594134;--tag-brown-t:#ffffffd9;--tag-orange:#774a26;--tag-orange-t:#ffffffd9;--tag-yellow:#7d6331;--tag-yellow-t:#ffffffd9;--tag-green:#2c5a42;--tag-green-t:#ffffffd9;--tag-blue:#28456c;--tag-blue-t:#ffffffd9;--tag-purple:#4d3666;--tag-purple-t:#ffffffd9;--tag-pink:#693353;--tag-pink-t:#ffffffd9;--tag-red:#6e3630;--tag-red-t:#ffffffd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}::selection{background:#2383e247}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.app{height:100%;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--line);z-index:40;flex-direction:column;flex:none;display:flex;overflow:hidden}.sidebar-scroll{flex:1;padding:4px 8px 16px;overflow-y:auto}.sidebar-head{padding:8px 8px 4px}.ws-button{border-radius:var(--radius);text-align:left;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;font-size:14px;font-weight:600;display:flex}.ws-button:hover{background:var(--hover)}.ws-logo{background:var(--text);width:22px;height:22px;color:var(--bg);border-radius:4px;flex:none;place-items:center;font-size:13px;display:grid}.ws-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item{border-radius:var(--radius);width:100%;min-height:30px;color:var(--text-2);text-align:left;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:3px 8px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--hover-strong);color:var(--text)}.nav-item .emoji{text-align:center;flex:none;width:20px;font-size:15px}.nav-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .count{color:var(--text-3);font-size:12px;font-weight:400}.nav-item .kbd{color:var(--text-3);font-size:11px;font-weight:400}.nav-section{color:var(--text-3);margin:18px 8px 4px;font-size:12px;font-weight:500}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid #0000;flex:none;align-items:center;gap:4px;height:45px;padding:0 12px;display:flex}.topbar.scrolled{border-bottom-color:var(--line)}.crumbs{flex:1;align-items:center;gap:2px;min-width:0;font-size:14px;display:flex}.crumb{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;overflow:hidden}.crumb:hover{background:var(--hover)}.crumb-sep{color:var(--text-3)}.topbar .menu-toggle{display:none}.scroll{flex:1;overflow:hidden auto}.page-cover{background:var(--bg-soft);height:200px;display:flex;position:relative;overflow:hidden}.page-cover .mosaic{width:100%;height:100%;display:flex}.page-cover .mosaic img{object-fit:cover;filter:saturate(.92);flex:1 1 0;min-width:0;height:100%}.page-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000001f);position:absolute;inset:0}.page-cover.plain{background:0 0;height:90px}.page-cover.plain:after{display:none}.page{max-width:100%;padding:0 96px 120px}.page.narrow{max-width:900px;margin:0 auto;padding-left:96px;padding-right:96px}.page-icon{z-index:1;align-items:flex-end;height:78px;margin-top:-42px;font-size:70px;line-height:1;display:flex;position:relative}.page-cover.plain+.page .page-icon{margin-top:0}.page-title{letter-spacing:-.01em;word-break:break-word;margin:16px 0 4px;font-size:40px;font-weight:700;line-height:1.2}.page-desc{color:var(--text-2);max-width:70ch;margin:0 0 20px;font-size:15px}.db-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;min-height:42px;margin:8px 0 14px;display:flex}.view-tabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.view-tab{height:40px;color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.view-tab:hover{color:var(--text)}.view-tab.active{color:var(--text);border-bottom-color:var(--text)}.view-tab .n{color:var(--text-3);font-size:12px;font-weight:400}.db-actions{align-items:center;gap:4px;padding:4px 0;display:flex}.search-inline{border-radius:var(--radius);height:28px;color:var(--text-2);align-items:center;gap:4px;padding:0 6px;display:flex}.search-inline:hover,.search-inline:focus-within{background:var(--hover)}.search-inline input{width:150px;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.search-inline input::placeholder{color:var(--text-3)}.filters{flex-wrap:wrap;gap:6px;margin:-4px 0 14px;display:flex}.pill-select{border:1px solid var(--line-strong);height:26px;color:var(--text-2);border-radius:13px;align-items:center;padding:0 22px 0 10px;font-size:13px;display:inline-flex;position:relative}.pill-select.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pill-select select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.pill-select:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;position:absolute;top:10px;right:9px;transform:rotate(45deg)}.btn{border-radius:var(--radius);white-space:nowrap;height:28px;color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;transition:background 80ms;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.outline{border:1px solid var(--line-strong)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.btn.big{height:36px;padding:0 16px;font-size:15px}.btn.icon{width:28px;color:var(--text-2);padding:0}.btn.icon:hover{color:var(--text)}.btn-split{display:inline-flex}.btn-split .btn.primary:first-child{border-radius:var(--radius) 0 0 var(--radius)}.btn-split .btn.primary+.btn.primary{border-radius:0 var(--radius) var(--radius) 0;border-left:1px solid #ffffff40;width:24px;padding:0}.link{color:var(--accent)}.link:hover{text-decoration:underline}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.tag{white-space:nowrap;text-overflow:ellipsis;background:var(--tag-default);max-width:100%;height:20px;color:var(--tag-default-t);border-radius:3px;align-items:center;gap:4px;padding:0 6px;font-size:12px;line-height:20px;display:inline-flex;overflow:hidden}.tag.gray{background:var(--tag-gray);color:var(--tag-gray-t)}.tag.brown{background:var(--tag-brown);color:var(--tag-brown-t)}.tag.orange{background:var(--tag-orange);color:var(--tag-orange-t)}.tag.yellow{background:var(--tag-yellow);color:var(--tag-yellow-t)}.tag.green{background:var(--tag-green);color:var(--tag-green-t)}.tag.blue{background:var(--tag-blue);color:var(--tag-blue-t)}.tag.purple{background:var(--tag-purple);color:var(--tag-purple-t)}.tag.pink{background:var(--tag-pink);color:var(--tag-pink-t)}.tag.red{background:var(--tag-red);color:var(--tag-red-t)}.tags{flex-wrap:wrap;gap:4px;display:flex}.gallery{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.gallery.square{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--bg);box-shadow:var(--card-shadow);cursor:pointer;text-align:left;border-radius:4px;flex-direction:column;transition:background 80ms;display:flex;overflow:hidden}.card:hover{background:var(--hover)}.card-cover{aspect-ratio:2/3;background:var(--bg-soft);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.gallery.square .card-cover{aspect-ratio:1}.card-cover img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;gap:4px;min-height:0;padding:8px 10px 10px;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.card-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.card-badge{position:absolute;top:6px;left:6px}.fallback-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:14px;display:flex}.fallback-cover .e{font-size:40px;line-height:1}.fallback-cover .t{opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.table-wrap{margin:0 -8px;padding:0 8px;overflow-x:auto}table.db{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}table.db th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--line);white-space:nowrap;height:34px;padding:0 8px;font-size:13px;font-weight:400}table.db th+th,table.db td+td{border-left:1px solid var(--line)}table.db td{border-bottom:1px solid var(--line);vertical-align:middle;height:36px;padding:4px 8px}table.db tbody tr{cursor:pointer}table.db tbody tr:hover td{background:var(--hover)}.cell-title{align-items:center;gap:8px;min-width:220px;font-weight:500;display:flex}.cell-title img,.cell-title .mini{object-fit:cover;background:var(--bg-soft);border-radius:2px;flex:none;place-items:center;width:22px;height:30px;font-size:13px;display:grid}.cell-muted{color:var(--text-2);white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.group{margin-bottom:28px}.group-head{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:500;display:flex}.group-head .n{color:var(--text-3);font-weight:400}.peek-overlay{z-index:60;background:#0f0f0f14;position:fixed;inset:0}.peek{z-index:61;background:var(--bg);flex-direction:column;width:min(760px,100vw - 120px);animation:.16s ease-out peek-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 0 1px #0f0f0f0a,0 3px 6px #0f0f0f08,0 9px 24px #0f0f0f0f,-4px 0 24px #0f0f0f1a}@keyframes peek-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.peek-bar{flex:none;align-items:center;gap:4px;height:44px;padding:0 10px;display:flex}.peek-body{flex:1;padding:8px 48px 80px;overflow-y:auto}.peek-hero{align-items:flex-start;gap:24px;margin:4px 0 18px;display:flex}.peek-cover{background:var(--bg-soft);width:148px;box-shadow:var(--card-shadow);aspect-ratio:2/3;border-radius:4px;flex:none;position:relative;overflow:hidden}.peek-cover.square{aspect-ratio:1;width:180px}.peek-cover img{object-fit:cover;width:100%;height:100%}.peek-cover .cover-actions{opacity:0;justify-content:center;gap:4px;transition:opacity .12s;display:flex;position:absolute;inset:auto 6px 6px}.peek-cover:hover .cover-actions,.peek-cover:focus-within .cover-actions{opacity:1}.cover-actions .btn{color:#37352f;height:24px;box-shadow:var(--card-shadow);background:#ffffffeb;padding:0 8px;font-size:12px}.cover-actions .btn:hover{background:#fff}.peek-head{flex:1;min-width:0}.title-input{resize:none;letter-spacing:-.01em;background:0 0;border:0;outline:0;width:100%;margin:0 0 6px;padding:0;font-size:32px;font-weight:700;line-height:1.2;overflow:hidden}.title-input::placeholder{color:var(--text-3)}.peek-sub{color:var(--text-2);margin-bottom:12px;font-size:14px}.peek-actions{flex-wrap:wrap;gap:6px;display:flex}.props{margin:6px 0 22px}.prop{align-items:flex-start;min-height:34px;display:flex}.prop-label{width:168px;height:34px;color:var(--text-2);border-radius:4px;flex:none;align-items:center;gap:8px;padding:0 6px;font-size:14px;display:flex}.prop-label .i{text-align:center;opacity:.8;width:16px;font-size:13px}.prop-value{flex:1;min-width:0}.pv{width:100%;min-height:34px;color:var(--text);background:0 0;border:0;border-radius:4px;outline:0;padding:6px 8px;font-size:14px;line-height:22px}.pv:hover{background:var(--hover)}.pv:focus{background:var(--bg);box-shadow:var(--pop);z-index:2;position:relative}.pv::placeholder{color:var(--text-3)}select.pv{appearance:none;cursor:pointer}.pv-static{word-break:break-word;min-height:34px;padding:6px 8px;line-height:22px}.pv-static.pv-empty{color:var(--text-3)}.page-icon .avatar{width:72px;height:72px;font-size:28px}.chips-label{color:var(--text-2);margin:0 0 6px;font-size:12px;font-weight:500}.pv-tags{padding:6px 8px}.section-title{color:var(--text-2);margin:18px 6px 6px;font-size:12px;font-weight:500}.block-text{resize:vertical;width:100%;min-height:60px;color:var(--text);background:0 0;border:0;border-radius:4px;outline:0;padding:6px;font-size:15px;line-height:1.6}.block-text:hover{background:var(--hover)}.block-text:focus{background:var(--bg-input)}.block-static{white-space:pre-wrap;padding:6px;font-size:15px;line-height:1.6}.ratings{flex-wrap:wrap;gap:6px;padding:6px 8px;display:flex}.rating{background:var(--bg-soft);border-radius:12px;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.rating b{font-weight:600}.reserve-box{background:var(--bg-soft);border-radius:6px;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;display:flex}.reserve-box .txt{flex:1}.stars{color:var(--line-strong);align-items:center;line-height:1;display:inline-flex}.stars button{color:inherit;padding:2px 1px;line-height:1;transition:transform 80ms}.stars button:hover{transform:scale(1.12)}.stars .on{color:var(--star)}.stars.ro{letter-spacing:.5px}.seen-toggle{border-radius:var(--radius);height:28px;color:var(--text-2);border:1px solid var(--line-strong);align-items:center;gap:7px;padding:0 10px 0 8px;font-size:14px;font-weight:500;display:inline-flex}.seen-toggle:hover{background:var(--hover);color:var(--text)}.seen-toggle .box{border:1.5px solid var(--text-3);color:#fff;border-radius:3px;flex:none;place-items:center;width:16px;height:16px;display:grid}.seen-toggle.on{color:var(--text)}.seen-toggle.on .box{background:var(--accent);border-color:var(--accent)}.seen-toggle.compact{border:0;justify-content:center;width:24px;height:24px;padding:0}.my-marks{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;display:flex}.family-marks{border-top:1px solid var(--line);margin:0 0 14px;padding:10px 6px 4px}.fm{align-items:center;gap:10px;min-height:30px;padding:0 6px;display:flex}.fm-name{width:156px;color:var(--text-2);font-size:14px}.card-seen{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #0000004d}.card .stars{font-size:12px}.family-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge-count{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.modal-overlay{z-index:80;background:var(--overlay);justify-content:center;align-items:flex-start;padding:10vh 16px 16px;animation:.12s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg);width:min(620px,100%);max-height:80vh;box-shadow:var(--pop);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.modal.wide{width:min(760px,100%)}.modal-head{align-items:center;gap:8px;padding:14px 16px 6px;display:flex}.modal-head h2{flex:1;margin:0;font-size:16px;font-weight:600}.modal-body{padding:8px 16px 16px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;display:flex}.search-box{border:1px solid var(--line-strong);background:var(--bg-input);border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.results{margin:10px 0 0;padding:0;list-style:none}.result{text-align:left;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.result:hover,.result.sel{background:var(--hover)}.result .thumb{object-fit:cover;background:var(--bg-soft);border-radius:3px;flex:none;place-items:center;width:40px;height:60px;font-size:18px;display:grid}.result .rt{flex:1;min-width:0}.result .rt .t{font-weight:500}.result .rt .s{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.seg{background:var(--hover);border-radius:7px;gap:2px;margin-bottom:12px;padding:2px;display:inline-flex}.seg button{height:26px;color:var(--text-2);border-radius:5px;padding:0 12px;font-size:13px;font-weight:500}.seg button.on{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px #0f0f0f1a,0 1px 2px #0f0f0f1a}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--text-2);font-size:12px;font-weight:500}.input{border:1px solid var(--line-strong);background:var(--bg-input);border-radius:6px;outline:0;width:100%;height:34px;padding:0 10px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{height:auto;min-height:120px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>.field{flex:1;min-width:140px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--line-strong);border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover{background:var(--hover)}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.menu{z-index:90;background:var(--bg);min-width:220px;box-shadow:var(--pop);border-radius:8px;padding:6px;position:absolute}.menu button,.menu a{text-align:left;border-radius:4px;align-items:center;gap:10px;width:100%;height:30px;padding:0 8px;font-size:14px;display:flex}.menu button:hover,.menu a:hover{background:var(--hover)}.menu .sep{background:var(--line);height:1px;margin:5px -6px}.menu .hint{color:var(--text-3);padding:4px 8px;font-size:12px}.menu .danger{color:var(--danger)}.scanner{aspect-ratio:4/3;background:#000;border-radius:8px;width:100%;max-height:46vh;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .frame{border:2px solid #ffffffe6;border-radius:8px;position:absolute;inset:34% 12%;box-shadow:0 0 0 999px #00000059}.scanner .laser{background:#ff5a4f;height:2px;animation:1.6s ease-in-out infinite laser;position:absolute;top:50%;left:14%;right:14%;box-shadow:0 0 8px #ff5a4f}@keyframes laser{0%,to{transform:translateY(-22px)}50%{transform:translateY(22px)}}.scanner .msg{text-align:center;color:#fff;text-shadow:0 1px 2px #0009;font-size:13px;position:absolute;bottom:10px;left:0;right:0}.found{border:1px solid var(--line-strong);border-radius:8px;align-items:flex-start;gap:14px;margin-top:12px;padding:12px;display:flex}.found img,.found .thumb{object-fit:cover;background:var(--bg-soft);border-radius:3px;flex:none;place-items:center;width:64px;height:96px;font-size:24px;display:grid}.found .ft{flex:1;min-width:0}.found .ft .t{font-size:15px;font-weight:600}.home-links{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:6px 0 34px;display:grid}.home-link{border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.home-link:hover{background:var(--hover)}.home-link .e{font-size:24px}.home-link .t{font-weight:500}.home-link .n{color:var(--text-2);font-size:12px}.h2{letter-spacing:-.005em;margin:34px 0 12px;font-size:20px;font-weight:600}.callout{background:var(--bg-soft);border-radius:6px;align-items:flex-start;gap:12px;margin:0 0 20px;padding:14px 16px;display:flex}.callout .e{font-size:20px;line-height:1.3}.strip{scrollbar-width:thin;grid-auto-columns:132px;grid-auto-flow:column;gap:14px;padding:2px 2px 10px;display:grid;overflow-x:auto}.list{border-top:1px solid var(--line)}.list-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 6px;display:flex}.list-row .who{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.avatar{background:var(--tag-gray);width:28px;height:28px;color:var(--tag-gray-t);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.sm{width:20px;height:20px;font-size:10px}.switch{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch input{display:none}.switch .track{background:var(--line-strong);border-radius:9px;flex:none;width:30px;height:18px;transition:background .12s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(12px)}.progress{background:var(--hover-strong);border-radius:3px;height:6px;margin:10px 0;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.empty{text-align:center;color:var(--text-2);padding:48px 16px}.empty .e{margin-bottom:10px;font-size:44px}.empty .t{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600}.empty p{margin:0 0 16px}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--pop);pointer-events:auto;background:#2f2f2f;border-radius:6px;align-items:center;gap:12px;max-width:min(520px,100vw - 32px);padding:8px 14px;font-size:14px;animation:.15s ease-out fade;display:flex}.toast.error{background:#b5302a}.toast button{color:#8ecbff;font-weight:500}.spinner{border:2px solid var(--line-strong);border-top-color:var(--text-2);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{place-items:center;min-height:100%;padding:24px;display:grid}.loading-line{color:var(--text-2);align-items:center;gap:10px;padding:24px 0;display:flex}.skeleton{background:linear-gradient(90deg, var(--hover) 0%, var(--hover-strong) 50%, var(--hover) 100%);background-size:200% 100%;border-radius:4px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login{background:var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{text-align:center;width:min(380px,100%)}.login-mark{margin-bottom:16px;font-size:64px;line-height:1}.login h1{letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:700}.login p{color:var(--text-2);margin:0 0 26px}.login .btn.big{width:100%}.login .note{color:var(--text-3);margin-top:18px;font-size:12px}.scrim{display:none}@media (width<=900px){.page,.page.narrow{padding-left:24px;padding-right:24px}.peek-body{padding:8px 24px 80px}}@media (width<=720px){.sidebar{width:min(300px,86vw);box-shadow:var(--pop);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app.nav-open .sidebar{transform:none}.app.nav-open .scrim{background:var(--overlay);z-index:39;display:block;position:fixed;inset:0}.topbar .menu-toggle{display:inline-flex}.page-cover .mosaic img:nth-child(n+6){display:none}.view-tabs{flex:100%}.db-actions{width:100%}.db-actions .search-inline{flex:1}.search-inline input{width:100%}.cover-actions .lbl{display:none}.page,.page.narrow{padding-left:16px;padding-right:16px}.page-cover{height:140px}.page-icon{height:60px;margin-top:-30px;font-size:54px}.page-title{font-size:30px}.gallery{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.gallery.square{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.peek{width:100vw;animation-name:sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.peek-body{padding:4px 16px 80px}.peek-hero{flex-direction:column;gap:14px}.peek-cover{width:120px}.peek-cover.square{width:160px}.peek-cover .cover-actions{opacity:1}.title-input{font-size:26px}.prop-label,.fm-name{width:128px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:12px 12px 0 0;width:100%;max-height:92vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}