:root{--ink: #17171A;--ink-2: #1F1F23;--ink-3: #26262B;--bone: #F2EEE6;--bone-2: #E6E1D6;--paper: #FFFFFF;--ox: #7A1F2B;--ox-2: #9A2A38;--ash: #8F897C;--ash-2: #5E5950;--line: #E3DED3;--line-2: #D6D0C4;--ok: #3E7A5A;--moss: #8FB8A0;--f-serif: "Fraunces", Georgia, "Times New Roman", serif;--f-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.22,.61,.36,1);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--f-sans);background:var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block}::-webkit-scrollbar{width:0;height:0}.serif{font-family:var(--f-serif);font-weight:400}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);font-weight:600}.eyebrow.ox{color:var(--ox)}.app{height:100%;display:flex;flex-direction:column}.page{flex:1;overflow-y:auto;padding:calc(var(--sat) + 18px) 18px calc(var(--sab) + 120px);-webkit-overflow-scrolling:touch}.hdr{padding:6px 0 12px}.hdr .brand{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ox);font-weight:600}.hdr h1{font-family:var(--f-serif);font-size:30px;font-weight:500;line-height:1.1;margin-top:6px}.hdr .sub{font-size:13px;color:var(--ash);margin-top:4px}.dock{position:fixed;left:0;right:0;bottom:0;height:calc(var(--sab) + 104px);background:linear-gradient(180deg,rgba(242,238,230,0) 0%,var(--bone) 34%);z-index:19;pointer-events:none}.tabs{position:fixed;left:14px;right:14px;bottom:calc(var(--sab) + 14px);height:62px;border-radius:22px;background:var(--ink);color:var(--bone);display:flex;align-items:center;justify-content:space-around;padding:0 6px;z-index:20;box-shadow:0 10px 30px #17171a40}.tabs button{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.45;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--bone);min-width:64px;padding:6px 0}.tabs button.on{opacity:1}.tabs button.on svg{stroke-width:2}.rail{display:none}.split{display:contents}@media(min-width:700px){.app{flex-direction:row}.tabs,.dock{display:none}.rail{display:flex;flex-direction:column;align-items:center;width:84px;background:var(--ink);color:var(--bone);padding:28px 0;gap:22px;flex-shrink:0}.rail button{opacity:.45;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}.rail button.on{opacity:1}.rail .wmk{font-family:var(--f-serif);font-size:9px;letter-spacing:.3em;color:var(--ash);writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto}.split{display:grid;grid-template-columns:minmax(300px,380px) 1fr;flex:1;min-width:0}.split .page{padding-bottom:40px}.split .list-pane{border-right:1px solid var(--line)}.split .detail-pane{background:#f7f4ee}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.st{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-align:left}.st b{font-family:var(--f-serif);font-size:28px;font-weight:500;display:block;line-height:1}.st span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);display:block;margin-top:6px}.st.ink{background:var(--ink);color:var(--bone);border-color:var(--ink)}.st.ink span{color:#f2eee699}.st.ox{background:var(--ox);color:#fff;border-color:var(--ox)}.st.ox span{color:#ffffffbf}.lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin:4px 2px 8px;display:flex;justify-content:space-between;align-items:center}.lbl a,.lbl button{color:var(--ox);text-decoration:none;letter-spacing:.06em;text-transform:none;font-size:12px}.list{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px}.li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #F0ECE4;width:100%;text-align:left}.li:last-child{border-bottom:0}.li:active{background:#fbf8f2}.li.sel{background:#fbf8f2;box-shadow:inset 3px 0 0 var(--ox)}.li .th{width:40px;height:54px;border-radius:7px;background:#d9d4c9;object-fit:cover;flex-shrink:0}.li .body{flex:1;min-width:0}.li .t{font-family:var(--f-serif);font-size:15px;line-height:1.15}.li .d{font-size:12px;color:var(--ash);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li .r{margin-left:auto;text-align:right;font-size:12px;color:var(--ash);white-space:nowrap}.li .r b{display:block;font-size:14px;color:var(--ink);font-weight:500}.gauge{height:4px;background:#ece7de;border-radius:2px;margin-top:6px;overflow:hidden}.gauge i{display:block;height:100%;background:var(--ink)}.gauge.low i{background:var(--ox)}.chipr{display:flex;gap:8px;overflow-x:auto;margin:0 -18px 12px;padding:0 18px 2px}.chip{border:1px solid var(--line-2);background:var(--paper);border-radius:999px;padding:9px 14px;font-size:13px;white-space:nowrap;color:var(--ink);flex-shrink:0}.chip.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}.search{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:15px;color:var(--ink);margin-bottom:12px;display:flex;gap:8px;align-items:center;width:100%;outline:none}.search::placeholder{color:var(--ash)}.fab{position:fixed;right:22px;bottom:calc(var(--sab) + 98px);width:56px;height:56px;border-radius:50%;background:var(--ox);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;box-shadow:0 10px 24px #7a1f2b59;z-index:15}@media(min-width:700px){.fab{bottom:28px}}.btn{border-radius:14px;padding:15px 0;text-align:center;font-size:15px;border:1px solid var(--line-2);background:var(--paper);flex:1}.btn.p{background:var(--ink);color:var(--bone);border-color:var(--ink)}.btn.ox{background:var(--ox);color:#fff;border-color:var(--ox)}.btn:disabled{opacity:.4}.row{display:flex;gap:10px}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.kv .card{margin:0;padding:12px 14px}.kv b{font-family:var(--f-serif);font-size:22px;font-weight:500;display:block;line-height:1}.kv span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);display:block;margin-top:5px}.seg{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:10px}.seg button{flex:1;text-align:center;padding:9px 0;font-size:13px;border-radius:9px;color:var(--ash)}.seg button.on{background:var(--ink);color:var(--bone)}.hero{height:240px;background:#d9d4c9 center 20% / cover no-repeat;position:relative;margin:calc(-1 * (var(--sat) + 14px)) -18px 0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(242,238,230,0) 55%,var(--bone) 100%)}.hero .back{position:absolute;top:calc(var(--sat) + 14px);left:16px;background:#17171ac7;color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;z-index:2}.back{font-size:15px;color:var(--ash-2);padding:8px 0;display:inline-flex;gap:6px}.bars div{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:6px}.bars label{width:60px;color:var(--ash-2)}.bars i{height:6px;border-radius:3px;background:var(--ink);display:block}.bars em{font-style:normal;color:var(--ash);font-size:11px;margin-left:auto}.pbands{display:flex;gap:4px;margin-top:8px}.pbands span{flex:1;height:22px;border-radius:5px;background:#ece7de;font-size:9px;display:flex;align-items:center;justify-content:center;color:var(--ash)}.pbands span.on{background:var(--ox);color:#fff}.role{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--ash)}.role.adm{background:var(--ink);color:var(--bone);border-color:var(--ink)}.av{width:44px;height:44px;border-radius:50%;background:#d9d4c9;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ash-2);flex-shrink:0;font-family:var(--f-serif)}.sw{width:54px;height:32px;border-radius:16px;background:#d9d4c9;position:relative;transition:background .2s;flex-shrink:0}.sw:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.sw.on{background:var(--ox)}.sw.on:after{transform:translate(22px)}.cams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.cam{aspect-ratio:4/3;border-radius:14px;background:#1e1e22 center / cover no-repeat;position:relative;overflow:hidden}.cam span{position:absolute;left:10px;bottom:8px;font-size:11px;color:#f2eee6;letter-spacing:.06em}.cam i{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--ok)}.toast{position:fixed;left:50%;bottom:calc(var(--sab) + 90px);transform:translate(-50%);background:var(--ink);color:var(--bone);padding:10px 16px;border-radius:999px;font-size:13px;z-index:50}.empty{color:var(--ash);font-family:var(--f-serif);font-style:italic;font-size:16px;padding:20px 4px}.unlock{position:fixed;inset:0;background:var(--ink);color:var(--bone);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding-bottom:40px}.unlock .wm{font-family:var(--f-serif);font-size:11px;letter-spacing:.5em;color:var(--ash)}.unlock .wm2{font-family:var(--f-serif);font-size:22px;letter-spacing:.22em;color:#b9b3a6;margin:6px 0 40px}.dots{display:flex;gap:16px;margin-bottom:44px;height:14px}.dots i{width:14px;height:14px;border-radius:50%;border:1.5px solid #B9B3A6}.dots i.f{background:var(--bone);border-color:var(--bone)}.dots.err i{border-color:var(--ox-2)}.pad{display:grid;grid-template-columns:repeat(3,76px);gap:14px}.pad button{width:76px;height:76px;border-radius:50%;border:1px solid rgba(242,238,230,.14);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;color:var(--bone);font-family:var(--f-serif)}.pad button:active{background:#f2eee614}.pad button.x{border:0;font-size:12px;letter-spacing:.14em;color:#8f897c;font-family:var(--f-sans)}.unlock .note{position:absolute;bottom:48px;font-size:12px;letter-spacing:.18em;color:#8f897c;text-transform:uppercase}.pick{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#fff;background:var(--ox);border-radius:5px;padding:3px 7px;margin:3px 0 2px}.pick.big{font-size:12px;padding:6px 10px;margin:8px 0 2px;border-radius:7px}.cam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bigcam{position:fixed;inset:0;background:#000;z-index:60;display:flex;align-items:center;justify-content:center}.bigcam img{width:100%;height:100%;object-fit:contain}.bigcam-bar{position:absolute;left:0;right:0;bottom:0;padding:16px 20px calc(var(--sab) + 16px);display:flex;justify-content:space-between;color:var(--bone);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.btn.sm{flex:0 0 auto;padding:8px 12px;font-size:13px;min-height:0}.unlock .pad .fid{color:#b9b3a6;display:flex;align-items:center;justify-content:center}