:root{--bg:#E8EDF2;--surf:#FFFFFF;--card:#FFFFFF;--brd:#D1D9E0;--txt:#1A1D23;--sub:#6B7280;--mut:#9CA3AF;--acc:#2563EB;--acc2:#1D4ED8;--red:#DC2626;--orange:#D97706;--green:#059669;--purple:#8B5CF6;--bdg-red-bg:#fef2f2;--bdg-red-brd:#fca5a5;--bdg-red-txt:#dc2626;--bdg-orange-bg:#fffbeb;--bdg-orange-brd:#fcd34d;--bdg-orange-txt:#b45309;--bdg-green-bg:#f0fdf4;--bdg-green-brd:#86efac;--bdg-green-txt:#059669;--bdg-grey-bg:#f1f5f9;--bdg-grey-brd:#cbd5e1;--bdg-grey-txt:#64748b;--font-ui:var(--font-ui);--font-display:'DM Serif Display',serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0F1117;
    --surf:#1A1D26;
    --card:#1E2130;
    --brd:#2A2D3A;
    --txt:#F0F2F8;
    --sub:#9CA3AF;
    --mut:#6B7280;
    --acc:#3B82F6;
    --acc2:#2563EB;
    --red:#F87171;
    --orange:#FB923C;
    --green:#34D399;
    --purple:#A78BFA;
    --bdg-red-bg:rgba(248,113,113,.12);
    --bdg-red-brd:rgba(248,113,113,.30);
    --bdg-red-txt:#fca5a5;
    --bdg-orange-bg:rgba(251,146,60,.12);
    --bdg-orange-brd:rgba(251,146,60,.30);
    --bdg-orange-txt:#fcd34d;
    --bdg-green-bg:rgba(52,211,153,.12);
    --bdg-green-brd:rgba(52,211,153,.30);
    --bdg-green-txt:#86efac;
    --bdg-grey-bg:rgba(148,163,184,.12);
    --bdg-grey-brd:rgba(148,163,184,.25);
    --bdg-grey-txt:#94a3b8;
    --hdr-shadow:0 2px 8px rgba(0,0,0,.35);
  }
  .nav { background: rgba(26,29,38,0.97) !important; }
  .sheet, .p-sheet { background: #1A1D26 !important; }
  input, select, textarea { background: #1E2130 !important; color: #F0F2F8 !important; border-color: #2A2D3A !important; }
  .adm-hdr-new { background: linear-gradient(135deg,#0F1117,#13161F) !important; }
  .co-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
  .co-card.act { background: linear-gradient(180deg,#1e2d4a 0%,#1a2744 100%) !important; border-color: var(--acc) !important; box-shadow:0 0 0 1px rgba(59,130,246,.25) !important; }
  .dl-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
  .info-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
  .conf-box { background: #1A1D26 !important; }
  .act-banner { background: #1a2744 !important; }
  .add-banner { border-color: #2A2D3A !important; }
  .a-box { background: #1A1D26 !important; }
  .a-tab.active { background: #1E2130 !important; }
  .g-btn { background: #1E2130 !important; border-color: #2A2D3A !important; }
  .hlp-tab { background: #1A1D26 !important; border-color: #2A2D3A !important; }
  .law-ref-card { background: #1E2130 !important; }
  .nkid-list { background: #1E2130 !important; }
  .nkid-item:hover { background: #2A2D3A !important; }
  .adm-body { background: #0F1117 !important; }
  .adm-section { background: #1A1D26 !important; border-color: #2A2D3A !important; }
  .adm-inp, .adm-sel, .adm-ta { background: #1E2130 !important; color: #F0F2F8 !important; border-color: #2A2D3A !important; }
  #auth-scr { background: #0F1117 !important; }
  #helper-scr { background: #0F1117 !important; }
  .hlp-body { background: #0F1117 !important; }
  .hlp-hdr { background: #1A1D26 !important; }
  .p-sheet { background: #1A1D26 !important; }
  .stat { background: #1E2130 !important; }
  .dl-card-wrap .swipe-action { background: #34D399 !important; }
}
html.light { /* force light */ }
html.dark {
  --bg:#0F1117;--surf:#1A1D26;--card:#1E2130;--brd:#2A2D3A;
  --txt:#F0F2F8;--sub:#9CA3AF;--mut:#6B7280;--acc:#3B82F6;
  --acc2:#2563EB;--red:#F87171;--orange:#FB923C;--green:#34D399;--purple:#A78BFA;
  --bdg-red-bg:rgba(248,113,113,.12);--bdg-red-brd:rgba(248,113,113,.30);--bdg-red-txt:#fca5a5;
  --bdg-orange-bg:rgba(251,146,60,.12);--bdg-orange-brd:rgba(251,146,60,.30);--bdg-orange-txt:#fcd34d;
  --bdg-green-bg:rgba(52,211,153,.12);--bdg-green-brd:rgba(52,211,153,.30);--bdg-green-txt:#86efac;
  --bdg-grey-bg:rgba(148,163,184,.12);--bdg-grey-brd:rgba(148,163,184,.25);--bdg-grey-txt:#94a3b8;
  --hdr-shadow:0 2px 8px rgba(0,0,0,.35);
}
html.dark .nav { background: rgba(26,29,38,0.97) !important; }
html.dark .sheet, html.dark .p-sheet { background: #1A1D26 !important; }
html.dark input, html.dark select, html.dark textarea { background: #1E2130 !important; color: #F0F2F8 !important; border-color: #2A2D3A !important; }
html.dark .co-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
html.dark .co-card.act { background: linear-gradient(180deg,#1e2d4a 0%,#1a2744 100%) !important; border-color: var(--acc) !important; box-shadow:0 0 0 1px rgba(59,130,246,.25) !important; }
html.dark .dl-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
html.dark .info-card { background: linear-gradient(180deg,#1E2130 0%,#1A1D26 100%) !important; border-color: rgba(255,255,255,.06) !important; }
html.dark .conf-box { background: #1A1D26 !important; }
html.dark .act-banner { background: #1a2744 !important; }
html.dark .add-banner { border-color: #2A2D3A !important; }
html.dark .a-box { background: #1A1D26 !important; }
html.dark .a-tab.active { background: #1E2130 !important; }
html.dark .g-btn { background: #1E2130 !important; border-color: #2A2D3A !important; }
html.dark .hlp-tab { background: #1A1D26 !important; border-color: #2A2D3A !important; }
html.dark .law-ref-card { background: #1E2130 !important; }
html.dark .nkid-list { background: #1E2130 !important; }
html.dark .nkid-item:hover { background: #2A2D3A !important; }
html.dark .stat { background: #1E2130 !important; }
html.dark #auth-scr { background: #0F1117 !important; }
html.dark #helper-scr { background: #0F1117 !important; }
html.dark .hlp-body { background: #0F1117 !important; }
html.dark .hlp-hdr { background: #1A1D26 !important; }
html.dark .p-sheet { background: #1A1D26 !important; }
html.dark .adm-body { background: #0F1117 !important; }
html.dark .adm-section { background: #1A1D26 !important; border-color: #2A2D3A !important; }
html.dark .adm-inp, html.dark .adm-sel, html.dark .adm-ta { background: #1E2130 !important; color: #F0F2F8 !important; border-color: #2A2D3A !important; }
html.dark .adm-hdr-new { background: linear-gradient(135deg,#0F1117,#13161F) !important; }
html.dark .dl-card-wrap .swipe-action { background: #34D399 !important; }
.ptr-indicator{text-align:center;padding:8px;font-size:12px;color:var(--mut);transition:opacity .2s;opacity:0}
.ptr-indicator.visible{opacity:1}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;scrollbar-width:none}*::-webkit-scrollbar{display:none}
html,body{height:100%;background:var(--bg);font-family:var(--font-ui);color:var(--txt);overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;margin:0 auto;position:relative;overflow:hidden;background:var(--bg)}
@media(min-width:600px){#app{max-width:680px}}
@media(min-width:1024px){#app{max-width:760px}}
.hdr{background:var(--surf);box-shadow:var(--hdr-shadow,0 1px 3px rgba(0,0,0,.08));padding:calc(var(--safe-t)+14px) 20px 14px;border-bottom:1px solid var(--brd);flex-shrink:0}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.app-name{font-size:20px;font-weight:700;color:var(--txt);letter-spacing:-.2px}
.app-sub{font-size:11px;color:var(--mut);margin-top:3px;letter-spacing:.1px}
.av-btn{width:32px;height:32px;border-radius:50%;background:var(--acc);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;overflow:hidden;flex-shrink:0}
.av-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.notif-dot{background:var(--red);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 5px rgba(239,68,68,0)}}
.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(70px + var(--safe-b))}
.screen{display:none;animation:fadeUp .24s cubic-bezier(.22,1,.36,1)}.screen.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.nav{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--brd);display:flex;padding:8px 0 calc(8px + var(--safe-b));z-index:100}
.nb{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--mut);font-family:var(--font-ui)}
.nb.active{color:var(--acc)}.nb svg{width:21px;height:21px;stroke:currentColor}.nb-lbl{font-size:9px;font-weight:600}.nb.active svg{color:var(--acc);stroke:var(--acc)}.nb.active .nb-lbl{color:var(--acc)}
.nb-dot{width:4px;height:4px;border-radius:50%;background:var(--acc);opacity:0}.nb.active .nb-dot{opacity:1}
.nb-badge{position:absolute;top:4px;right:calc(50% - 18px);background:#ef4444;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}
.badge{border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}
.b-red{background:var(--bdg-red-bg);color:var(--bdg-red-txt);border:1px solid var(--bdg-red-brd)}
.b-orange{background:var(--bdg-orange-bg);color:var(--bdg-orange-txt);border:1px solid var(--bdg-orange-brd)}
.b-green{background:var(--bdg-green-bg);color:var(--bdg-green-txt);border:1px solid var(--bdg-green-brd)}
.b-grey{background:var(--bdg-grey-bg);color:var(--bdg-grey-txt);border:1px solid var(--bdg-grey-brd)}
.dl-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--brd);cursor:pointer}
.dl-row:last-child{border-bottom:none}.dl-row:active{background:rgba(255,255,255,.03)}
.dl-title{font-size:13px;font-weight:700;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-sub{font-size:10px;color:var(--mut);margin-top:2px}
.stats{display:flex;gap:8px;margin:12px 14px 0}
.stat{flex:1;background:var(--surf);border-radius:12px;padding:11px 8px;text-align:center;border:1px solid var(--brd);box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.stat-n{font-size:22px;font-weight:900;font-family:var(--font-ui)}
.stat-l{font-size:9px;color:var(--mut);margin-top:2px}
.stat:hover{transform:scale(1.03);}
[data-action="searchOpenDet"]:hover,[data-action="searchSetActCo"]:hover,[data-action="searchGoCars"]:hover{background:var(--bg);}
.a-box{margin:10px 14px 0;border-radius:12px;overflow:hidden;border:1px solid;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.a-box.danger{background:#fef2f2;border-color:#dc2626}
.a-box.normal{background:#fff;border-color:var(--brd)}
.a-title{padding:11px 14px 6px;font-size:11px;font-weight:800;letter-spacing:.5px}
.urg-box{margin:10px 14px 0;background:#FEF2F2;border-radius:12px;padding:13px 14px;border:1px solid #fca5a5}
.info-card{margin:0 14px 12px;border-radius:12px;padding:15px;border:1px solid var(--brd);background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.info-lbl{font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:8px}
.info-txt{font-size:13px;color:var(--sub);line-height:1.55;white-space:pre-line}
.law-card{margin:0 14px 12px;border-radius:16px;padding:13px;border:1px solid var(--brd);background:var(--card);display:flex;align-items:center;gap:12px;text-decoration:none}
.law-ic{width:42px;height:42px;border-radius:12px;background:var(--surf);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1px solid var(--brd)}
.rem-btn{display:block;width:calc(100% - 28px);margin:0 14px 14px;padding:16px;border-radius:8px;border:none;cursor:pointer;font-size:15px;font-weight:800;font-family:var(--font-ui);color:#fff}
.show-full-btn{margin-top:10px;background:none;border:1px solid rgba(56,189,248,.25);color:var(--acc);border-radius:10px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif}
.full-text{margin-top:10px;font-size:13px;color:var(--sub);line-height:1.7;padding-top:10px;border-top:1px solid var(--brd)}
.back-btn{background:none;border:none;color:var(--mut);font-size:14px;cursor:pointer;padding:14px 14px 6px;display:flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:600}
.s-wrap{padding:12px 14px 0;position:relative}
.s-ic{position:absolute;left:27px;top:50%;transform:translateY(-50%);color:var(--mut);pointer-events:none}
.s-inp{width:100%;padding:11px 14px 11px 42px;border-radius:14px;border:1px solid var(--brd);background:var(--surf);color:var(--txt);font-size:14px;outline:none;font-family:var(--font-ui)}
.s-inp:focus{border-color:var(--acc)}
.chips{display:flex;gap:7px;padding:10px 14px;overflow-x:auto}
.chip{padding:5px 14px;border-radius:20px;border:none;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;background:var(--surf);color:var(--mut);font-family:var(--font-ui)}
.chip.active{color:var(--txt)}
.f-lbl{font-size:10px;font-weight:800;color:var(--mut);letter-spacing:.7px;margin-bottom:5px;text-transform:uppercase;display:block}
.f-inp,.f-sel,.f-ta{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--brd);background:var(--card);color:var(--txt);font-size:13px;outline:none;font-family:var(--font-ui);margin-bottom:12px;appearance:none;transition:border-color .2s}
.f-inp:focus,.f-sel:focus,.f-ta:focus{border-color:var(--acc)}
.f-ta{resize:vertical;min-height:64px}
.f-check{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:10px;padding:11px 13px;background:var(--card);border-radius:12px;border:1px solid var(--brd)}
.f-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc);cursor:pointer;flex-shrink:0}
.btn-p{width:100%;padding:14px;border-radius:8px;border:none;background:var(--acc);color:#fff;font-size:14px;font-weight:800;cursor:pointer;font-family:var(--font-ui);transition:transform .08s ease,opacity .12s ease}
.btn-p:active{transform:scale(.97);opacity:.92}
.btn-o{width:100%;padding:12px;border-radius:8px;border:1px solid var(--brd);background:none;color:var(--sub);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui)}
.btn-d{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.08);color:var(--red);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-ui)}
.sec-hdr{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 0}
.sec-ttl{font-size:17px;font-weight:700;color:var(--txt);letter-spacing:-.2px}
.add-btn{background:var(--acc2);border:none;color:var(--txt);border-radius:10px;padding:8px 15px;font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif}
.co-card{background:#fff;border-radius:12px;padding:15px;margin:0 14px 10px;border:1px solid var(--brd);box-shadow:0 1px 3px rgba(0,0,0,0.06);transition:transform .15s,box-shadow .15s}
.co-card:active{transform:scale(.985);box-shadow:0 1px 6px rgba(0,0,0,.1)}
.co-card.act{background:#EFF6FF;border-color:var(--acc)}
.co-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.co-tag{border-radius:7px;padding:2px 8px;font-size:9px;font-weight:700}
@media(max-width:360px){.co-tags{gap:4px}.co-tag{font-size:8px;padding:2px 6px}}
.act-banner{margin:12px 14px 0;border-radius:12px;padding:14px 16px;background:#EFF6FF;border:1px solid var(--acc)}
.add-banner{margin:12px 14px 0;border-radius:12px;padding:16px;border:1px dashed var(--mut);cursor:pointer;text-align:center}
.empty{text-align:center;padding:40px 20px;color:var(--mut)}
/* MODAL OVERLAY */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;display:none;align-items:flex-end;justify-content:center}
.overlay.open{display:flex;animation:fadeOv .2s}
@keyframes fadeOv{from{opacity:0}to{opacity:1}}
.sheet{background:#FFFFFF;border-radius:24px 24px 0 0;width:100%;max-width:900px;padding-bottom:calc(16px + var(--safe-bot));border:1px solid var(--brd);border-bottom:none;animation:slideUp .25s cubic-bezier(.34,1.2,.64,1);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 -4px 24px rgba(0,0,0,.15)}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}
.sh-handle{width:36px;height:4px;background:var(--brd);border-radius:2px;margin:12px auto 0;flex-shrink:0}
.sh-hdr{padding:12px 20px 14px;border-bottom:1px solid var(--brd);flex-shrink:0}
.sh-title{font-family:var(--font-ui);font-size:17px;color:var(--txt)}
.sh-sub{font-size:11px;color:var(--mut);margin-top:4px}
.sh-body{padding:16px 20px 0;overflow-y:auto;flex:1}
.sh-foot{padding:12px 20px 0;flex-shrink:0;display:flex;gap:8px}
/* CONFIRM */
.conf-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:none;align-items:center;justify-content:center;padding:20px}
.conf-ov.open{display:flex;animation:fadeOv .15s}
.conf-box{background:#fff;border-radius:20px;padding:24px;width:100%;max-width:320px;border:1px solid var(--brd);animation:fadeUp .2s}
.conf-icon{font-size:36px;text-align:center;margin-bottom:10px}
.conf-title{font-family:var(--font-ui);font-size:17px;color:var(--txt);text-align:center;margin-bottom:8px}
.conf-msg{font-size:13px;color:var(--sub);text-align:center;line-height:1.6;margin-bottom:18px}
.conf-btns{display:flex;gap:10px}
/* NKID PICKER */
.nkid-q{width:100%;padding:9px 13px;border-radius:10px;border:1px solid var(--brd);background:var(--bg);color:var(--txt);font-size:12px;outline:none;font-family:var(--font-ui);margin-bottom:6px}
.nkid-q:focus{border-color:var(--acc)}
.nkid-list{max-height:160px;overflow-y:auto;border:1px solid var(--brd);border-radius:10px;background:var(--bg);margin-bottom:12px}
.nkid-item{padding:8px 13px;cursor:pointer;border-bottom:1px solid var(--brd);font-size:12px}
.nkid-item:last-child{border-bottom:none}
.nkid-item:active,.nkid-item:hover{background:var(--surf)}
.nkid-code{color:var(--acc);font-weight:700;font-size:10px;margin-right:6px}
.nkid-sel{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);border-radius:10px;padding:9px 13px;font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
/* PROFILE */
#pmv{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;display:none;align-items:flex-end;justify-content:center}
#pmv.open{display:flex}
.p-sheet{background:#FFFFFF;border-radius:24px 24px 0 0;width:100%;max-width:900px;border:1px solid var(--brd);border-bottom:none;box-shadow:0 -4px 24px rgba(0,0,0,.15)}
.p-hdr{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--brd)}
.p-av{width:52px;height:52px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;overflow:hidden;flex-shrink:0}
.p-av img{width:100%;height:100%;object-fit:cover}
.p-plan{font-size:9px;font-weight:800;background:var(--acc2);color:var(--txt);border-radius:6px;padding:2px 8px;display:inline-block;margin-top:4px}
.p-item{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--brd);cursor:pointer}
.p-item:last-child{border-bottom:none}
.p-item:active{background:rgba(255,255,255,.03)}
/* AUTH */
#auth-scr{position:fixed;inset:0;background:var(--bg);z-index:500;display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;overflow-y:auto;padding-top:40px}
.a-box{width:100%;max-width:400px;background:var(--surf);border-radius:24px;padding:24px;border:1px solid var(--brd);max-height:calc(100vh - 140px);overflow-y:auto}
.a-tabs{display:flex;background:var(--card);border-radius:14px;padding:3px;margin-bottom:20px;gap:3px}
.a-tab{flex:1;padding:9px;border-radius:11px;border:none;background:none;color:var(--mut);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer}
.a-tab.active{background:var(--surf);color:var(--txt);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--mut);font-size:11px}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--brd)}
.g-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:8px;border:1px solid var(--brd);background:var(--card);color:var(--txt);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-ui);margin-bottom:12px}
.a-err{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#dc2626;border-radius:10px;padding:10px 13px;font-size:12px;margin-bottom:12px;display:none}
/* ADMIN — FULL PANEL */
#adm-scr{position:fixed;inset:0;background:#F8FAFC;z-index:400;display:none;flex-direction:column}
#adm-scr.open{display:flex}
.adm-hdr-new{background:linear-gradient(135deg,#1A1A2E,#16213E);padding:calc(var(--safe-t)+14px) 20px 0;border-bottom:1px solid rgba(139,92,246,.3);flex-shrink:0}
.adm-hdr-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}
.adm-tabs-bar{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.adm-tabs-bar::-webkit-scrollbar{display:none}
.adm-tab{flex-shrink:0;padding:10px 14px;border:none;background:none;color:rgba(255,255,255,.45);font-size:11px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;font-family:var(--font-ui);transition:color .2s}
.adm-tab.active{color:#fff;border-bottom-color:#2563EB}
.adm-body{flex:1;overflow-y:auto;background:#F8FAFC;-webkit-overflow-scrolling:touch}
.adm-pane{display:none;padding:14px}.adm-pane.active{display:block;animation:fadeUp .22s ease}
.adm-section{background:#FFFFFF;border-radius:14px;padding:14px;margin-bottom:10px;border:1px solid #E2E8F0}
.adm-ttl{font-size:10px;font-weight:800;color:#2563EB;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.adm-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}
.adm-stat-card{background:#F8FAFC;border-radius:10px;padding:12px;border:1px solid #E2E8F0;text-align:center}
.adm-stat-n{font-size:26px;font-weight:900;color:#2563EB;font-family:var(--font-ui)}
.adm-stat-l{font-size:9px;color:#6B7280;margin-top:2px}
.adm-table{width:100%;border-collapse:collapse;font-size:12px}
.adm-table th{color:#6B7280;font-size:10px;font-weight:700;text-align:left;padding:8px 10px;border-bottom:1px solid #E2E8F0;white-space:nowrap}
.adm-table td{color:#1C1917;padding:9px 10px;border-bottom:1px solid #E2E8F0;vertical-align:middle}
.adm-table tr:hover td{background:rgba(37,99,235,.05)}
.adm-wrap{overflow-x:auto;border-radius:10px;overflow:hidden}
.badge-pro{background:#f59e0b;color:#fff;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:800}
.badge-free{background:#F1F5F9;color:#64748B;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700}
.adm-inp,.adm-sel,.adm-ta{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #E2E8F0;background:#F8FAFC;color:#1C1917;font-size:13px;outline:none;font-family:var(--font-ui);margin-bottom:9px;appearance:none}
.adm-inp::placeholder,.adm-ta::placeholder{color:#9CA3AF}
.adm-inp:focus,.adm-sel:focus,.adm-ta:focus{border-color:#2563EB}
.adm-sel option{background:#FFFFFF;color:#1C1917}
.adm-ta{resize:vertical;min-height:66px}
.adm-lbl{font-size:10px;font-weight:700;color:#6B7280;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;display:block}
.adm-row{display:flex;gap:8px}.adm-row>*{flex:1}
.adm-btn-p{padding:11px 16px;border-radius:10px;border:none;background:#2563EB;color:#fff;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font-ui)}
.adm-btn-o{padding:10px 14px;border-radius:10px;border:1px solid #E2E8F0;background:none;color:#6B7280;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-ui)}
.adm-btn-d{padding:9px 14px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#f87171;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-ui)}
.adm-dl-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #E2E8F0}
.adm-dl-row:last-child{border-bottom:none}
.adm-dl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.adm-dl-info{flex:1;min-width:0}
.adm-dl-ttl{color:#1C1917;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-dl-meta{font-size:10px;color:#6B7280;margin-top:1px}
.nt-btns{display:flex;gap:6px;margin-bottom:9px}
.nt-btn{flex:1;padding:8px;border-radius:8px;border:1px solid #E2E8F0;background:none;color:#6B7280;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:all .2s}
.nt-btn.active{border-color:#2563EB;background:rgba(37,99,235,.1);color:#2563EB}
.sys-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #E2E8F0}
.sys-row:last-child{border-bottom:none}
.sys-lbl{color:#6B7280;font-size:12px}
.sys-val{color:#1C1917;font-weight:600;font-size:12px}
.adm-toggle{position:relative;display:inline-block;width:42px;height:22px}
.adm-toggle input{opacity:0;width:0;height:0}
.adm-toggle-s{position:absolute;cursor:pointer;inset:0;background:#E2E8F0;border-radius:22px;transition:.3s}
.adm-toggle-s:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.adm-toggle input:checked+.adm-toggle-s{background:#2563EB}
.adm-toggle input:checked+.adm-toggle-s:before{transform:translateX(20px)}
.adm-search-bar{display:flex;align-items:center;gap:8px;background:#F8FAFC;border-radius:10px;padding:8px 12px;border:1px solid #E2E8F0;margin-bottom:10px}
.adm-search-bar input{background:none;border:none;color:#1C1917;font-size:13px;outline:none;flex:1;font-family:var(--font-ui)}
.adm-search-bar input::placeholder{color:#9CA3AF}
.adm-chips{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto}
.adm-chip{padding:5px 12px;border-radius:18px;border:1px solid #E2E8F0;background:none;color:#6B7280;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:var(--font-ui);transition:all .2s}
.adm-chip.active{background:rgba(37,99,235,.1);border-color:#2563EB;color:#2563EB}
.adm-loading{text-align:center;padding:24px;color:#9CA3AF;font-size:12px}
.adm-preview{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.2);border-radius:10px;padding:12px;margin-bottom:10px;display:none}
.adm-preview.show{display:block}
.adm-errlog{background:#FEF2F2;border-radius:8px;padding:10px;font-family:monospace;font-size:10px;color:#f87171;line-height:1.8;max-height:180px;overflow-y:auto;border:1px solid rgba(239,68,68,.18)}
.adm-change-item{background:#F8FAFC;border-radius:10px;padding:12px;margin-bottom:8px;border:1px solid #E2E8F0}
.adm-dv-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #E2E8F0}
.adm-dv-row:last-child{border-bottom:none}
/* HELPER */
#helper-scr{position:fixed;inset:0;background:var(--bg);z-index:400;display:none;flex-direction:column}
#helper-scr.open{display:flex}
.hlp-hdr{background:var(--surf);padding:calc(var(--safe-t)+14px) 20px 14px;border-bottom:1px solid var(--brd);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}
.hlp-body{flex:1;overflow-y:auto;padding:14px}
.hlp-tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}
.hlp-tab{padding:7px 14px;border-radius:20px;border:none;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;background:var(--surf);color:var(--mut);border:1px solid var(--brd)}
.hlp-tab.active{background:var(--acc);color:#fff;border-color:var(--acc)}
.calc-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--brd);font-size:13px}
.calc-row:last-child{border-bottom:none}
.calc-lbl{color:var(--sub)}
.calc-val{font-weight:700;color:var(--txt)}
.calc-total{background:#eff6ff;border-radius:10px;padding:10px 14px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}
.law-ref-card{background:var(--surf);border-radius:12px;padding:14px;margin-bottom:8px;border:1px solid var(--brd);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.chk-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--brd)}
.chk-item:last-child{border-bottom:none}
/* legacy admin classes removed — replaced by new panel */
.u-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--brd)}
.u-row:last-child{border-bottom:none}
.u-av{width:36px;height:36px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}
.u-av img{width:100%;height:100%;object-fit:cover}
/* CALENDAR - Enhanced */
.cal-container{padding:16px;max-width:100%}
.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}
.cal-title{font-size:18px;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:8px}
.cal-year-select{display:flex;align-items:center;gap:8px;background:var(--card);padding:6px 14px;border-radius:12px;border:1px solid var(--brd)}
.cal-year-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.cal-year-btn:hover{transform:scale(1.1);background:var(--acc2)}
.cal-year-display{font-size:17px;font-weight:700;color:var(--txt);min-width:55px;text-align:center}
.cal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
@media(max-width:480px){.cal-stats{grid-template-columns:repeat(2,1fr)}}
.cal-stat-card{background:var(--card);border-radius:12px;padding:14px 10px;text-align:center;border:1px solid var(--brd);transition:transform .2s}
.cal-stat-card:hover{transform:translateY(-2px)}
.cal-stat-card.work{border-left:3px solid var(--acc)}
.cal-stat-card.weekend{border-left:3px solid var(--mut)}
.cal-stat-card.holiday{border-left:3px solid var(--red)}
.cal-stat-card.total{border-left:3px solid var(--orange)}
.cal-stat-value{font-size:24px;font-weight:800;margin-bottom:2px}
.cal-stat-card.work .cal-stat-value{color:var(--acc)}
.cal-stat-card.weekend .cal-stat-value{color:var(--mut)}
.cal-stat-card.holiday .cal-stat-value{color:var(--red)}
.cal-stat-card.total .cal-stat-value{color:var(--orange)}
.cal-stat-label{font-size:10px;color:var(--sub);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.cal-pdf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;margin-bottom:16px;border-radius:12px;border:2px dashed var(--acc);background:rgba(37,99,235,.05);color:var(--acc);font-size:14px;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit}
.cal-pdf-btn:hover{background:var(--acc);color:#fff;border-style:solid;transform:translateY(-2px)}
.cal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.cal-month-card{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--brd);transition:transform .2s,box-shadow .2s}
.cal-month-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.cal-month-header{padding:12px 14px;color:#fff;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.cal-month-header span:last-child{font-size:11px;opacity:.9;font-weight:600}
.m-jan{background:linear-gradient(135deg,#3B82F6,#2563EB)}.m-feb{background:linear-gradient(135deg,#8B5CF6,#7C3AED)}
.m-mar{background:linear-gradient(135deg,#10B981,#059669)}.m-apr{background:linear-gradient(135deg,#F59E0B,#D97706)}
.m-may{background:linear-gradient(135deg,#EF4444,#DC2626)}.m-jun{background:linear-gradient(135deg,#EC4899,#DB2777)}
.m-jul{background:linear-gradient(135deg,#6366F1,#4F46E5)}.m-aug{background:linear-gradient(135deg,#14B8A6,#0D9488)}
.m-sep{background:linear-gradient(135deg,#F97316,#EA580C)}.m-oct{background:linear-gradient(135deg,#84CC16,#65A30D)}
.m-nov{background:linear-gradient(135deg,#06B6D4,#0891B2)}.m-dec{background:linear-gradient(135deg,#A855F7,#9333EA)}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg);border-bottom:1px solid var(--brd)}
.cal-weekday{padding:6px 2px;text-align:center;font-size:10px;font-weight:700;color:var(--sub)}
.cal-weekday:nth-child(6),.cal-weekday:nth-child(7){color:var(--red)}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);padding:6px;gap:3px}
.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:6px;transition:all .15s;position:relative;cursor:default}
.cal-day.empty{background:transparent}
.cal-day.work{background:rgba(37,99,235,.08);color:var(--txt)}
.cal-day.work:hover{background:rgba(37,99,235,.18);transform:scale(1.08)}
.cal-day.weekend{background:rgba(107,114,128,.08);color:var(--mut)}
.cal-day.holiday{background:rgba(239,68,68,.12);color:var(--red);font-weight:700}
.cal-day.holiday::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--red);border-radius:50%}
.cal-day.today{background:var(--acc)!important;color:#fff!important;font-weight:800;box-shadow:0 2px 8px rgba(37,99,235,.35)}
.cal-day.today::after{display:none}
.cal-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:16px;padding:14px;background:var(--card);border-radius:12px;border:1px solid var(--brd)}
.cal-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub)}
.cal-legend-dot{width:12px;height:12px;border-radius:4px}
.cal-legend-dot.work{background:rgba(37,99,235,.25)}.cal-legend-dot.weekend{background:rgba(107,114,128,.25)}
.cal-legend-dot.holiday{background:rgba(239,68,68,.25)}.cal-legend-dot.today{background:var(--acc)}
.cal-holidays-list{margin-top:16px;background:var(--card);border-radius:14px;border:1px solid var(--brd);overflow:hidden}
.cal-holidays-header{padding:12px 16px;background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}
.cal-holidays-body{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px}
.cal-holiday-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg);border-radius:8px;font-size:12px}
.cal-holiday-date{min-width:42px;font-weight:700;color:var(--red)}
.cal-holiday-name{color:var(--txt);flex:1}
.cal-holiday-day{font-size:10px;color:var(--sub);background:var(--card);padding:2px 7px;border-radius:4px}
@media print{.cal-pdf-btn{display:none!important}.cal-container{padding:0}.cal-month-card{break-inside:avoid}}
/* DEADLINE CARDS */
.dl-card{background:var(--card);border-radius:12px;padding:14px;margin-bottom:8px;cursor:pointer;border:1px solid var(--brd);border-left-width:3px;box-shadow:0 1px 3px rgba(0,0,0,0.06);transition:transform .08s ease,opacity .12s ease}
.dl-card:active{opacity:.85;transform:scale(.98)}
.dl-card-wrap{position:relative;overflow:hidden;border-radius:12px;margin-bottom:8px}
.dl-card-wrap .dl-card{margin-bottom:0;border-radius:12px}
.swipe-action{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;transform:translateX(100%);transition:transform .2s}
/* SETTINGS */
.set-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--brd)}
.set-row:last-child{border-bottom:none}
.toggle{width:44px;height:24px;border-radius:12px;background:#cdd5d0;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}
.toggle.on{background:var(--acc)}
.toggle::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:left .2s}
.toggle.on::after{left:23px}
/* TOAST */
#offline-bar{position:fixed;top:0;left:0;right:0;background:#d97706;color:#fff;text-align:center;font-size:11px;font-weight:700;padding:5px;z-index:9998;display:none}
#toast{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-80px);background:var(--green);color:#fff;border-radius:14px;padding:11px 22px;font-weight:700;z-index:9999;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0)}
#ld{position:fixed;inset:0;background:var(--bg);z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center}
.loader{width:48px;height:48px;border:3px solid var(--brd);border-top-color:var(--acc);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══ NAV TAP FEEDBACK ═══ */
.nb{transition:transform .08s ease,color .15s ease}
.nb:active{transform:scale(.92)}

/* ═══ CHIP + TAB TAP FEEDBACK ═══ */
.chip,.a-tab,.hlp-tab,.adm-chip,.adm-tab{transition:transform .08s ease,background-color .15s ease,color .15s ease}
.chip:active,.a-tab:active,.hlp-tab:active,.adm-chip:active,.adm-tab:active{transform:scale(.96)}

/* ═══ SHEET POLISH — slightly more luxurious close ═══ */
.sheet{will-change:transform}

/* ═══ ACCESSIBILITY — respect user preference for reduced motion ═══ */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .notif-dot{animation:none}
  .screen{animation:none}
}

/* ═══ FOCUS INDICATORS — keyboard navigation ═══ */
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--acc);
  outline-offset:2px;
  border-radius:4px;
}

/* ═══ SKELETON LOADERS — shimmer while content loads ═══ */
.skeleton{
  background:linear-gradient(90deg,var(--brd) 0%,var(--card) 50%,var(--brd) 100%);
  background-size:200% 100%;
  animation:skeleton-shimmer 1.4s ease-in-out infinite;
  border-radius:8px;
  display:block;
}
.skeleton.sk-line{height:12px;margin-bottom:8px}
.skeleton.sk-line-sm{height:10px;margin-bottom:6px}
.skeleton.sk-line-lg{height:16px;margin-bottom:10px}
.skeleton.sk-box{height:60px;margin-bottom:10px}
.skeleton.sk-circle{width:36px;height:36px;border-radius:50%}
.sk-row{display:flex;align-items:center;gap:12px;padding:10px 0}
.sk-row .skeleton.sk-line{flex:1;margin:0}
@keyframes skeleton-shimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}
@media (prefers-reduced-motion: reduce){
  .skeleton{animation:none;background:var(--brd)}
}

/* ═══ EMPTY STATES — consistent, warm, with clear next action ═══ */
.empty-state{
  text-align:center;
  padding:44px 24px 36px;
  color:var(--sub);
}
.empty-state .es-icon{
  font-size:48px;
  line-height:1;
  margin-bottom:14px;
  opacity:.85;
}
.empty-state .es-title{
  font-size:15px;
  font-weight:700;
  color:var(--txt);
  margin-bottom:6px;
  letter-spacing:-.1px;
}
.empty-state .es-desc{
  font-size:12px;
  color:var(--mut);
  max-width:280px;
  margin:0 auto 16px;
  line-height:1.55;
}
.empty-state .es-cta{
  display:inline-block;
  padding:10px 22px;
  border-radius:10px;
  border:none;
  background:var(--acc);
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  font-family:var(--font-ui);
  transition:transform .08s ease,opacity .12s ease;
}
.empty-state .es-cta:active{transform:scale(.97);opacity:.92}

/* ДВ preview card hover */
.dv-card{transition:transform .15s,box-shadow .15s}
.dv-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}

/* ══ PUSH NOTIFICATION STACK (Block 8) ══ */
#push-stack{
  position:fixed;
  top:64px;
  left:0;
  right:0;
  z-index:9998;
  padding:0 12px;
  pointer-events:none;
  max-height:calc(100vh - 120px);
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  scrollbar-width:none;
}
#push-stack::-webkit-scrollbar{display:none}
.pc{
  pointer-events:auto;
  background:var(--card);
  border:1px solid var(--brd);
  border-left:4px solid var(--acc);
  border-radius:12px;
  padding:12px 14px;
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  animation:pcSlideIn .25s cubic-bezier(.34,1.56,.64,1);
}
.pc.urgent{border-left-color:#dc2626}
.pc.car{border-left-color:#f59e0b}
.pc.info{border-left-color:#2563eb}
.pc-ttl{font-size:13px;font-weight:700;color:var(--txt);line-height:1.4;margin-bottom:4px}
.pc-body{font-size:12px;color:var(--sub);line-height:1.5;margin-bottom:8px;word-break:break-word}
.pc-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pc-ago{font-size:10px;color:var(--mut)}
.pc-ack{
  background:#dcfce7;color:#15803d;border:none;border-radius:6px;
  padding:5px 11px;font-size:11px;font-weight:700;cursor:pointer;
  font-family:inherit;transition:opacity .12s
}
.pc-ack:active{opacity:.75}
.pc.fade-out{animation:pcSlideOut .3s ease-in forwards}
@keyframes pcSlideIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes pcSlideOut{
  from{opacity:1;transform:translateX(0);max-height:120px;margin-top:0}
  to{opacity:0;transform:translateX(110%);max-height:0;padding-top:0;padding-bottom:0;margin-top:-8px;border-width:0}
}