:root{--tlcc-bg:#ffffff;--tlcc-fg:#0f172a;--tlcc-muted:#475569;--tlcc-border:rgba(15,23,42,.12);--tlcc-shadow:0 18px 60px rgba(2,6,23,.18);--tlcc-accent:#2563eb;--tlcc-accent2:#0ea5e9}
.tlcc-dark{--tlcc-bg:#0b1220;--tlcc-fg:#e2e8f0;--tlcc-muted:#94a3b8;--tlcc-border:rgba(148,163,184,.18);--tlcc-shadow:0 18px 60px rgba(0,0,0,.55);--tlcc-accent:#60a5fa;--tlcc-accent2:#22d3ee}
.tlcc-hidden{display:none!important}
#tlcc-root{position:fixed;left:0;right:0;z-index:999999;padding:14px;font-family:inherit}
#tlcc-root.tlcc-top{top:0}#tlcc-root.tlcc-bottom{bottom:0}
.tlcc-card{max-width:980px;margin:0 auto;background:var(--tlcc-bg);border:1px solid var(--tlcc-border);border-radius:16px;box-shadow:var(--tlcc-shadow);overflow:hidden}
.tlcc-inner{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 14px 12px;align-items:center}
.tlcc-title{font-weight:800;color:var(--tlcc-fg);font-size:15px;letter-spacing:.2px}
.tlcc-msg{color:var(--tlcc-muted);font-size:13px;line-height:1.45;margin-top:4px}
.tlcc-links{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}
.tlcc-link{font-size:12px;color:var(--tlcc-accent);text-decoration:none;font-weight:700;cursor:pointer}
.tlcc-link:hover{text-decoration:underline}
.tlcc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tlcc-btn{appearance:none;border:1px solid var(--tlcc-border);background:transparent;color:var(--tlcc-fg);padding:9px 12px;border-radius:999px;font-weight:800;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease;font-size:13px}
.tlcc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(2,6,23,.12)}
.tlcc-btn-primary{background:linear-gradient(135deg,var(--tlcc-accent),var(--tlcc-accent2));border-color:transparent;color:#fff}
.tlcc-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:16px}
.tlcc-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(6px)}
.tlcc-sheet{position:relative;width:min(620px,100%);background:var(--tlcc-bg);border:1px solid var(--tlcc-border);border-radius:18px;box-shadow:var(--tlcc-shadow);overflow:hidden;transform:translateY(6px);animation:tlccPop .18s ease-out forwards}
@keyframes tlccPop{to{transform:translateY(0)}}
.tlcc-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid var(--tlcc-border)}
.tlcc-sheet-title{font-weight:900;color:var(--tlcc-fg);letter-spacing:.2px}
.tlcc-x{width:36px;height:36px;border-radius:10px;border:1px solid var(--tlcc-border);background:transparent;color:var(--tlcc-fg);cursor:pointer;font-size:18px}
.tlcc-sheet-body{padding:14px}
.tlcc-cat{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;border:1px solid var(--tlcc-border);border-radius:14px;margin-bottom:10px}
.tlcc-cat h4{margin:0;font-size:14px;color:var(--tlcc-fg)}
.tlcc-cat p{margin:2px 0 0;color:var(--tlcc-muted);font-size:12px}
.tlcc-switch{position:relative;width:46px;height:26px}
.tlcc-switch input{display:none}
.tlcc-track{position:absolute;inset:0;background:rgba(148,163,184,.35);border-radius:999px;transition:background .15s ease}
.tlcc-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--tlcc-bg);border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.18);transition:transform .15s ease}
.tlcc-switch input:checked + .tlcc-track{background:linear-gradient(135deg,var(--tlcc-accent),var(--tlcc-accent2))}
.tlcc-switch input:checked ~ .tlcc-knob{transform:translateX(20px)}
.tlcc-sheet-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 14px 14px;border-top:1px solid var(--tlcc-border)}
.tlcc-fab{position:fixed;right:18px;bottom:18px;z-index:999999;border:1px solid var(--tlcc-border);background:var(--tlcc-bg);color:var(--tlcc-fg);border-radius:999px;padding:10px 12px;box-shadow:0 16px 40px rgba(2,6,23,.16);cursor:pointer;font-weight:900;font-size:13px}
.tlcc-inline-btn{border:1px solid var(--tlcc-border);background:var(--tlcc-bg);color:var(--tlcc-fg);border-radius:999px;padding:8px 10px;font-weight:800;cursor:pointer}
@media (max-width:720px){.tlcc-inner{grid-template-columns:1fr}.tlcc-actions{justify-content:flex-start}}
.tlcc-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--tlcc-border);border-radius:14px;padding:18px;background:rgba(2,6,23,.03);color:var(--tlcc-fg)}
.tlcc-placeholder h5{margin:0 0 6px;font-size:14px}
.tlcc-placeholder p{margin:0 0 10px;color:var(--tlcc-muted);font-size:12px;line-height:1.4}