:is(.sala,.auth) .btn{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--s1);height:34px;color:var(--tx);font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}:is(.sala,.auth) .btn:hover:not(:disabled){background:var(--s2);border-color:#fff3}:is(.sala,.auth) .btn:active:not(:disabled){transform:translateY(1px)}:is(.sala,.auth) .btn:disabled{opacity:.5;cursor:not-allowed}:is(.sala,.auth) .btn-primary{background:var(--accent);color:#0a0a0b;border-color:#0000;font-weight:600}:is(.sala,.auth) .btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08);border-color:#0000}:is(.sala,.auth) .btn-primary:disabled,:is(.sala,.auth) .btn-ok:disabled,:is(.sala,.auth) .btn-warn:disabled{border-color:var(--line-strong);background:var(--s2);color:var(--tx3);opacity:1}:is(.sala,.auth) .btn-ok,:is(.sala,.auth) .btn-warn{color:#0a0a0b;border-color:#0000;font-weight:600}:is(.sala,.auth) .btn-ok{background:var(--ok)}:is(.sala,.auth) .btn-warn{background:var(--warn)}:is(.sala,.auth) .btn-ok:hover:not(:disabled),:is(.sala,.auth) .btn-warn:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}:is(.sala,.auth) .btn-ok:hover:not(:disabled){background:var(--ok)}:is(.sala,.auth) .btn-warn:hover:not(:disabled){background:var(--warn)}:is(.sala,.auth) .btn-danger{color:var(--danger)}:is(.sala,.auth) .btn-danger:hover:not(:disabled){background:var(--danger-08);border-color:#ff8a8059}:is(.sala,.auth) .btn-ghost{color:var(--tx2);background:0 0;border-color:#0000}:is(.sala,.auth) .btn-ghost:hover:not(:disabled){background:var(--s1);color:var(--tx);border-color:#0000}:is(.sala,.auth) .btn-ghost.btn-danger{color:var(--danger)}:is(.sala,.auth) .btn-ghost.btn-danger:hover:not(:disabled){background:var(--danger-08)}:is(.sala,.auth) .btn-sm{border-radius:7px;height:28px;padding:0 8px;font-size:12.5px}:is(.sala,.auth) .btn-icon{width:34px;padding:0}:is(.sala,.auth) .btn-icon.btn-sm{width:28px}:is(.sala,.auth) .btn[aria-pressed=true],:is(.sala,.auth) .btn[aria-current=page]{background:var(--accent-08);color:var(--accent);border-color:#0000}:is(.sala,.auth) .seg{border:1px solid var(--line-strong);background:var(--s1);border-radius:9px;padding:2px;display:inline-flex}:is(.sala,.auth) .seg>*{height:28px;color:var(--tx2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px}:is(.sala,.auth) .seg>:hover{color:var(--tx)}:is(.sala,.auth) .seg>[aria-pressed=true],:is(.sala,.auth) .seg>[aria-current=page]{background:var(--accent-08);color:var(--accent)}:is(.sala,.auth) .field{gap:6px;min-width:0;display:grid}:is(.sala,.auth) .field>span:first-child{color:var(--tx2);font-size:12px}:is(.sala,.auth) .input{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--s1);width:100%;min-height:36px;color:var(--tx);font:inherit;border-radius:8px;padding:8px 10px;transition:border-color .12s,box-shadow .12s}:is(.sala,.auth) .input::placeholder{color:var(--tx3)}:is(.sala,.auth) .input:hover:not(:disabled){border-color:#fff3}:is(.sala,.auth) .input:focus,:is(.sala,.auth) .input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-08);outline:none}:is(.sala,.auth) .input:disabled{opacity:.6;cursor:not-allowed}.sala textarea.input{resize:vertical;min-height:64px}:is(.sala,.auth) .switch{color:var(--tx2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}:is(.sala,.auth) .switch input{appearance:none;border:1px solid var(--line-strong);background:var(--s2);cursor:pointer;border-radius:999px;flex:none;width:32px;height:18px;margin:0;transition:background .15s,border-color .15s;position:relative}:is(.sala,.auth) .switch input:after{content:"";background:var(--tx2);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}:is(.sala,.auth) .switch input:checked{border-color:var(--accent);background:var(--accent)}:is(.sala,.auth) .switch input:checked:after{background:#0a0a0b;transform:translate(14px)}:is(.sala,.auth) .switch:has(input:checked){color:var(--tx)}:is(.sala,.auth) .switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:is(.sala,.auth) .badge{background:var(--s2);height:22px;color:var(--tx2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}:is(.sala,.auth) .badge-accent{background:var(--accent-08);color:var(--accent)}:is(.sala,.auth) .badge-ok{color:var(--ok);background:#4ade801a}:is(.sala,.auth) .badge-warn{background:var(--warn-08);color:var(--warn)}:is(.sala,.auth) .badge-danger{background:var(--danger-08);color:var(--danger)}:is(.sala,.auth) .badge-info{color:var(--info);background:#7cb4ff1a}@media (prefers-reduced-motion:reduce){:is(.sala,.auth) .btn,:is(.sala,.auth) .input{transition:none}:is(.sala,.auth) .btn:active:not(:disabled){transform:none}}:is(.sala,.auth) .reel{gap:12px;min-width:0;display:grid}:is(.sala,.auth) .reel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}:is(.sala,.auth) .reel-head h2{margin:0;font-size:16px;font-weight:600}:is(.sala,.auth) .reel-controls{align-items:center;gap:6px;display:flex}:is(.sala,.auth) .reel-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(240px,22%);grid-auto-flow:column;gap:14px;padding-bottom:2px;display:grid;overflow-x:auto}:is(.sala,.auth) .reel-item{aspect-ratio:16/10;background:var(--s2);scroll-snap-align:start;border-radius:14px;align-items:flex-end;display:flex;position:relative;overflow:hidden}:is(.sala,.auth) .reel-item img,:is(.sala,.auth) .reel-item video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}:is(.sala,.auth) .reel-caption{color:#fff;background:linear-gradient(#0000,#000000c7);gap:2px;width:100%;padding:28px 12px 10px;font-size:13px;display:grid;position:relative}:is(.sala,.auth) .reel-caption strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}:is(.sala,.auth) .reel-caption span{color:#ffffffb3;font-size:12px}@media (max-width:720px){:is(.sala,.auth) .reel-track{grid-auto-columns:78%}:is(.sala,.auth) .reel-controls .btn-icon{display:none}}