:root{--red:#f87171;--amber:#fbbf24;--green:#34d399}:root,html[data-mode=dark]{--card:#131c2e;--fg:#e6edf6;--muted:#9fb0c8;--line:#243049;--field:#0e1626;--bg:#0b1220;--btn-ink:#ffffff;--card-shadow:0 14px 40px rgba(0,0,0,0.38);--fab-bg:rgba(17,25,42,0.82);--fab-line:rgba(255,255,255,0.14)}html[data-mode=light]{--card:#ffffff;--fg:#15243c;--muted:#5b6b85;--line:#e4e9f0;--field:#eef2f8;--bg:#eef2f7;--btn-ink:#ffffff;--card-shadow:0 14px 40px rgba(20,40,80,0.14);--fab-bg:rgba(255,255,255,0.86);--fab-line:rgba(20,40,80,0.16)}:root,html[data-color=blue]{--teal:#2563eb;--teal-dark:#1d4ed8;--link:#3b82f6}html[data-color=green]{--teal:#16a34a;--teal-dark:#15803d;--link:#22c55e}html[data-color=yellow]{--teal:#eab308;--teal-dark:#ca8a04;--link:#d39e00;--btn-ink:#3a2a00}:root,html[data-mode=dark][data-color=blue]{--grad:linear-gradient(150deg,#0a1326,#0f1f47 48%,#0a2a3e)}html[data-mode=dark][data-color=green]{--grad:linear-gradient(150deg,#07160f,#0c2c1c 48%,#0a2a30)}html[data-mode=dark][data-color=yellow]{--grad:linear-gradient(150deg,#181203,#2c2310 48%,#231d0a)}html[data-mode=light][data-color=blue]{--grad:linear-gradient(150deg,#dfeaff,#eef3ff 50%,#e3f6fb)}html[data-mode=light][data-color=green]{--grad:linear-gradient(150deg,#dff3e6,#eefaf0 50%,#e3f6f7)}html[data-mode=light][data-color=yellow]{--grad:linear-gradient(150deg,#fdf0d0,#fff7e6 50%,#fef3d6)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--grad) fixed;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.wrap{max-width:520px;margin:0 auto;padding:20px 16px 72px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:1.4rem;margin:8px 0 4px}h2{font-size:1.05rem;margin:0 0 10px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:14px;box-shadow:var(--card-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;font-size:1rem;font-weight:600;color:var(--btn-ink);background:var(--teal);border:0;border-radius:12px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--teal-dark)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);width:auto;padding:8px 14px;font-size:.9rem}.btn.ghost:hover{background:transparent;border-color:var(--teal)}.btn.amber{background:var(--amber);color:#3a2a00}.btn[disabled]{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}.tile{display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--fg);text-decoration:none;box-shadow:var(--card-shadow)}.tile:hover{border-color:var(--teal)}.tile b{font-size:1.05rem}.tile span{color:var(--muted);font-size:.85rem}.video{width:100%;border-radius:14px;background:#000;aspect-ratio:3/4;object-fit:cover;display:block}.cam-wrap{position:relative;width:100%}.cam-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:14px}.cam-badge{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:90%;padding:8px 16px;border-radius:999px;font-size:.9rem;font-weight:700;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s ease}.cam-badge.red{background:rgba(185,28,28,.72)}.cam-badge.amber{background:rgba(202,138,4,.78);color:#1a1400}.cam-badge.green{background:rgba(21,128,61,.8)}.note{color:var(--muted);font-size:.9rem;line-height:1.5}.ok{color:var(--green)}.warn{color:var(--amber)}.err{color:var(--red)}label{display:block;margin:10px 0 4px;font-size:.9rem;color:var(--muted)}input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--field);color:var(--fg);font-size:1rem;font-family:inherit}textarea{resize:vertical}.avatar{object-fit:cover;background:var(--field)}.avatar,.avatar-fallback{border-radius:50%;border:2px solid var(--line);flex-shrink:0}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:var(--btn-ink);font-weight:700}.inline{display:flex;gap:10px;align-items:center}.inline input[type=checkbox]{width:auto}.status{padding:12px;border-radius:10px;border:1px solid var(--line);margin-top:12px;font-weight:600}a.link{color:var(--link)}.spacer{height:8px}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:10000;max-width:480px;width:calc(100% - 28px);padding:13px 16px;border-radius:12px;font-size:.95rem;font-weight:600;line-height:1.45;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);cursor:pointer;animation:toastIn .3s ease}.toast.ok{background:#15803d;border-color:#34d399}.toast.err{background:#b91c1c;border-color:#f87171}.toast.info{background:#1d4ed8;border-color:#60a5fa}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translateX(-50%)}}.theme-fab{position:fixed;right:14px;bottom:14px;z-index:9999;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:999px;background:var(--fab-bg);border:1px solid var(--fab-line);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-fab .dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:transform .12s ease}.theme-fab .dot:hover{transform:scale(1.12)}.theme-fab .dot[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.35)}.theme-fab .dot.c-green{background:#16a34a}.theme-fab .dot.c-blue{background:#2563eb}.theme-fab .dot.c-yellow{background:#eab308}.theme-fab .sep{width:1px;height:20px;background:var(--fab-line)}.theme-fab .mode{width:30px;height:26px;border-radius:999px;border:1px solid var(--fab-line);background:transparent;color:var(--fg);cursor:pointer;font-size:.95rem;line-height:1;padding:0}.theme-fab .mode:hover{border-color:var(--teal)}@media (max-width:480px){.theme-fab{right:10px;bottom:10px;padding:6px 8px;gap:6px}.theme-fab .dot{width:20px;height:20px}}