/* Packet 10: header and interaction states only; packet 8 colors stay unchanged. */
@font-face{font-family:"Exo 2";font-style:italic;font-weight:900;font-display:swap;src:url('/static/fonts/exo2-black-italic-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Exo 2";font-style:italic;font-weight:900;font-display:swap;src:url('/static/fonts/exo2-black-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:start;column-gap:12px;row-gap:0;height:92px;padding:14px 28px 0;margin:-24px -28px 16px;border-bottom:1px solid var(--line);background:#e9eaee url('/static/img/header-bg-desktop.jpg') center/cover no-repeat}
.band h1{margin:0;line-height:1;min-width:0}.brand{display:inline-flex;align-items:center;gap:10px;height:40px;color:#000;text-decoration:none;white-space:nowrap;font:italic 900 30px/1 "Exo 2","Arial Black",Arial,sans-serif}.brand .mark{display:block;height:36px;width:auto}.band .toolbar{display:flex;flex-wrap:nowrap;gap:8px}.band .toolbar button{height:40px}.band .meta{grid-column:1 / -1;margin:2px 0 0;font-size:13px;color:var(--ink-2);white-space:nowrap}.mobile-meta{display:none}#logout{gap:6px}#logout svg{display:none}
button,.button{transition:background-color .12s,border-color .12s,transform .08s;position:relative}
button:not(:disabled):hover,.button:not([aria-disabled=true]):hover{background-color:var(--fill-2);border-color:#8b9aab}
button.primary:not(:disabled):hover,.button.primary:not([aria-disabled=true]):hover{background-color:var(--accent-ink);border-color:var(--accent-ink)}
button.danger:not(:disabled):hover,.button.danger:not([aria-disabled=true]):hover{background-color:var(--danger-tint);border-color:var(--danger)}
#categories button:not(:disabled):hover{background-color:var(--accent-tint-2);border-color:var(--accent-line)}
#segments button:not(:disabled):hover{background-color:var(--fill-2);border-bottom-color:var(--accent-line)}
#selection button:not(:disabled):hover{background-color:#3e4a59;border-color:#b9cff0}
button:not(:disabled):active,.button:not([aria-disabled=true]):active{transform:translateY(1px);box-shadow:inset 0 2px 3px #0002}
button:focus-visible,.button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[aria-disabled=true]{cursor:wait;pointer-events:none;opacity:.65}
[aria-busy=true]::before{content:"";display:inline-block;flex-shrink:0;width:13px;height:13px;margin-right:6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-wait .7s linear infinite}
@keyframes button-wait{to{transform:rotate(360deg)}}
.action-window{padding-top:60px}.window-close{position:absolute;right:12px;top:10px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;color:var(--ink-2);background:transparent;border:1px solid transparent;border-radius:8px;text-decoration:none}.window-close:hover{background:var(--fill-2);border-color:var(--line)}.modal-footer{justify-content:flex-end}
.segment-heading{justify-content:flex-start;gap:12px}.segment-heading>div{flex:1}.segment-select{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:44px;cursor:pointer}#select-segment{width:18px;height:18px;accent-color:var(--accent);margin:0}
@media(max-width:720px){
 .band{display:grid;height:88px;padding:10px 14px 0;margin:-16px 0 16px;background-image:url('/static/img/header-bg-mobile.jpg');column-gap:8px}
 .brand{gap:8px;height:44px;font-size:22px}.brand .mark{height:26px}.band .toolbar{gap:8px;flex-wrap:nowrap}.band .toolbar button{height:44px;padding:0 8px;font-size:13px}.band #logout{width:44px;padding:0}.band #logout .t{display:none}#logout svg{display:block}.band .meta{font-size:12.5px}.desktop-meta{display:none}.mobile-meta{display:inline}.action-window{padding-top:60px}.segment-heading{gap:8px}.segment-select{min-width:30px}
}
@media(max-width:360px){.brand{font-size:18px;gap:6px}.brand .mark{height:23px}.band{padding-left:10px;padding-right:10px;column-gap:6px}.band .toolbar{gap:5px}.band .toolbar button{padding:0 8px}.band .meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}button:not(:disabled):active,.button:not([aria-disabled=true]):active{transform:none}[aria-busy=true]::before{animation:none}}