/* Eyes Up · Usage page (Tab, Nov 9 2026). Uses the premium theme variables from h2/theme.css when present. */
.uz{position:fixed;inset:0;z-index:9000;background:var(--bg,#07090d);color:var(--txt,#eef3f8);overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);animation:uzIn .22s ease}
.uz.hidden{display:none}html.uz-lock body{overflow:hidden}
@keyframes uzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.uz-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:rgba(7,9,13,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line,#1f2935)}
.uz-x{width:38px;height:38px;border-radius:12px;border:1px solid var(--line2,#2a3746);background:var(--panel,#10151d);color:var(--txt,#fff);font-size:24px;line-height:1;cursor:pointer}
.uz-tt{display:flex;flex-direction:column}.uz-tt b{font-size:18px;letter-spacing:-.02em}.uz-tt small{color:var(--mut,#8796a8);font-size:12px}
.uz-bar{max-width:1100px;margin:0 auto;padding:12px 16px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.uz-chips,.uz-tabs{display:flex;gap:6px;background:var(--panel,#10151d);border:1px solid var(--line,#1f2935);border-radius:14px;padding:4px}
.uz-chips button,.uz-tabs button{border:0;background:none;color:var(--mut,#8796a8);font:600 13px var(--font,inherit);padding:7px 12px;border-radius:10px;cursor:pointer}
.uz-chips button.on,.uz-tabs button.on{background:rgba(76,194,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(76,194,255,.3)}
.uz-custom{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--mut,#8796a8);font-size:13px}.uz-custom.hidden{display:none}
.uz-custom input,.uz-filt select{background:var(--panel,#10151d);color:var(--txt,#fff);border:1px solid var(--line2,#2a3746);border-radius:10px;padding:7px 9px;font:14px var(--font,inherit);color-scheme:dark}
.uz-body{max-width:1100px;margin:0 auto;padding:6px 16px calc(env(safe-area-inset-bottom) + 40px)}
.uz-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 10px;color:var(--mut,#8796a8);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.uz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line2,#2a3746);background:var(--panel2,#161d27);color:var(--txt,#fff);font:600 13px var(--font,inherit);padding:8px 13px;border-radius:11px;text-decoration:none;cursor:pointer;text-transform:none;letter-spacing:0}
.uz-btn.pri{background:var(--grad,linear-gradient(135deg,#4cc2ff,#7c6cff));border-color:transparent;color:#fff}
.uz-btn.wide{width:100%;margin-top:18px;padding:12px}.uz-btn.hidden{display:none}
.uz-dl{display:flex;gap:8px;flex-wrap:wrap}
.uz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.uz-card{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;background:var(--panel,#10151d);border:1px solid var(--line,#1f2935);border-radius:var(--r,16px);padding:14px;color:inherit;font:inherit;cursor:pointer;box-shadow:var(--sh,none);transition:transform .15s,border-color .15s}
.uz-card:hover{border-color:rgba(76,194,255,.4);transform:translateY(-1px)}
.uz-av{flex:none;width:40px;height:40px;border-radius:13px;background:var(--grad,linear-gradient(135deg,#4cc2ff,#7c6cff));display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff}
.uz-av.lg{width:54px;height:54px;font-size:22px;border-radius:17px}
.uz-cm{flex:1;min-width:0}.uz-cn{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.uz-cn small{color:var(--mut,#8796a8);font-weight:500;font-size:12.5px}
.uz-cn em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--panel2,#161d27);color:var(--mut,#8796a8);text-transform:uppercase}
.uz-cn em.a{color:#4cc2ff;background:rgba(76,194,255,.12)}.uz-cn em.x{color:#ff5a6a;background:rgba(255,90,106,.12)}
.uz-cl{color:var(--mut,#8796a8);font-size:12.5px;margin-top:2px}
.uz-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px;margin-top:10px}
.uz-cs span{display:flex;flex-direction:column;font-size:11px;color:var(--mut2,#5f6d7e)}.uz-cs b{font-size:14px;color:var(--txt,#fff);font-weight:700}
.uz-spark{flex:none;align-self:center;display:flex;align-items:flex-end;gap:2px;height:44px;width:58px}
.uz-spark i{flex:1;background:var(--line2,#2a3746);border-radius:2px}.uz-spark i.on{background:linear-gradient(#7c6cff,#4cc2ff)}
.uz-note{color:var(--mut2,#5f6d7e);font-size:12px;margin-top:14px}
.uz-uh{display:flex;gap:14px;align-items:center;margin:16px 0 12px}.uz-uh h2{margin:0;font-size:22px;letter-spacing:-.02em}
.uz-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.uz-tile{background:var(--panel,#10151d);border:1px solid var(--line,#1f2935);border-radius:14px;padding:11px 12px}.uz-tile small{display:block;color:var(--mut,#8796a8);font-size:11.5px}.uz-tile b{font-size:18px;letter-spacing:-.01em}
.uz-chart{background:var(--panel,#10151d);border:1px solid var(--line,#1f2935);border-radius:14px;padding:14px 12px 26px;position:relative}
.uz-bars{display:flex;align-items:flex-end;height:120px}.uz-b{height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.uz-b i{width:62%;max-width:26px;background:linear-gradient(#7c6cff,#4cc2ff);border-radius:4px 4px 1px 1px;min-height:0}
.uz-b s{position:absolute;bottom:-19px;font-size:10px;color:var(--mut2,#5f6d7e);text-decoration:none;white-space:nowrap}
.uz-cmax{position:absolute;top:8px;right:12px;font-size:10.5px;color:var(--mut2,#5f6d7e)}
.uz-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.uz-list{background:var(--panel,#10151d);border:1px solid var(--line,#1f2935);border-radius:14px;overflow:hidden}
.uz-li{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-top:1px solid var(--line,#1f2935);font-size:14px}.uz-li:first-child{border-top:0}
.uz-li span{min-width:0;overflow-wrap:anywhere}.uz-li small{display:block;color:var(--mut,#8796a8);font-size:12px;margin-top:2px}.uz-li b{flex:none;color:var(--mut,#8796a8);font-weight:600;font-size:13px}
.uz-empty{color:var(--mut,#8796a8);text-align:center;padding:30px 10px}.uz-empty.sm{padding:14px;background:var(--panel,#10151d);border:1px dashed var(--line2,#2a3746);border-radius:14px;font-size:13px}
.uz-filt{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px}.uz-filt select{flex:1;min-width:150px}
#uzTdl{margin-bottom:6px}
.uz-tl{margin-top:8px}.uz-day{position:sticky;top:calc(env(safe-area-inset-top) + 59px);z-index:1;background:var(--bg,#07090d);padding:12px 0 6px;color:var(--mut,#8796a8);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.uz-row{display:grid;grid-template-columns:64px 26px 1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line,#1f2935);font-size:14px}
.uz-row time{color:var(--mut,#8796a8);font-size:12.5px;padding-top:1px}.uz-row>i{font-style:normal;text-align:center}
.uz-who{color:#4cc2ff;font-size:12.5px}.uz-where{color:var(--txt,#fff);opacity:.85;font-size:13px;margin-top:2px}.uz-det{color:var(--mut,#8796a8);font-size:13px;margin-top:2px;overflow-wrap:anywhere}
.uz-dev{color:var(--mut2,#5f6d7e);font-size:11.5px;margin-top:3px}
.uz-row.c-security b,.uz-row.c-denied b{color:#ffb340}
.uz-skel{display:grid;gap:10px;margin-top:16px}.uz-skel i{display:block;height:74px;border-radius:14px;background:linear-gradient(90deg,var(--panel,#10151d) 25%,var(--panel2,#161d27) 50%,var(--panel,#10151d) 75%);background-size:200% 100%;animation:uzSk 1.2s infinite}
@keyframes uzSk{to{background-position:-200% 0}}
.uz-menu{display:block;width:100%;margin:6px 0}
@media(max-width:640px){.uz-tiles{grid-template-columns:repeat(3,1fr)}.uz-2{grid-template-columns:1fr}.uz-cards{grid-template-columns:1fr}.uz-bar{flex-direction:column;align-items:stretch}.uz-chips,.uz-tabs{justify-content:space-between}.uz-chips button,.uz-tabs button{flex:1}
 .uz-dl{width:100%}.uz-dl .uz-btn{flex:1}.uz-day{top:calc(env(safe-area-inset-top) + 59px)}}
