:root{color-scheme:light;--hb-pwa-bg:var(--hb-porcelain);--hb-pwa-card:var(--hb-surface)}
*{box-sizing:border-box}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
body.hb-pwa-app{min-height:100dvh;margin:0;overflow-x:hidden;color:var(--hb-navy);background:var(--hb-pwa-bg);font-family:Vazirmatn,Tahoma,sans-serif}.hb-pwa-shell{width:min(100%,620px);min-height:100dvh;margin:auto;padding-bottom:calc(92px + env(safe-area-inset-bottom));position:relative;background:var(--hb-pwa-bg)}
.hb-pwa-header{min-height:80px;padding:max(env(safe-area-inset-top),8px) var(--hb-space-5) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--hb-space-3)}.hb-pwa-brand{padding:0;border:0;display:flex;align-items:center;gap:10px;color:inherit;background:transparent;cursor:pointer}.hb-pwa-brand span{display:grid;line-height:1;text-align:start}.hb-pwa-brand b{font-size:18px}.hb-pwa-brand small{margin-top:5px;color:var(--hb-muted);font-size:10px}.hb-pwa-account-actions{min-height:44px;display:flex;align-items:center;gap:4px}.hb-pwa-link{min-height:44px;padding:10px;border:0;display:inline-flex;align-items:center;color:var(--hb-cobalt);background:transparent;font-weight:800;text-decoration:none;cursor:pointer}
#app-main{padding:var(--hb-space-4) var(--hb-space-5) var(--hb-space-7)}#app-main:focus{outline:none}.hb-pwa-view{animation:hb-view-in .18s ease}@keyframes hb-view-in{from{opacity:.35;transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.hb-pwa-view{animation:none}}.hb-pwa-eyebrow{margin:10px 0 8px;color:var(--hb-cobalt);font-size:12px;font-weight:900}.hb-pwa-view h1{margin:0 0 10px;font-size:clamp(28px,7vw,34px);line-height:1.3;letter-spacing:-.03em}.hb-pwa-lead{margin:0 0 var(--hb-space-5);color:var(--hb-muted);font-size:14px;line-height:1.9}
.hb-pwa-button{min-height:52px;padding:13px 20px;border:0;border-radius:var(--hb-radius-md);display:inline-flex;align-items:center;justify-content:center;gap:9px;color:white;background:var(--hb-cobalt);font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}.hb-pwa-button--small{min-height:44px;padding:8px 14px;border-radius:var(--hb-radius-sm)}.hb-pwa-button--wide{width:100%}.hb-pwa-button--secondary{border:1px solid var(--hb-line);color:var(--hb-navy);background:white}.hb-pwa-button--admin{margin-top:var(--hb-space-4);color:var(--hb-navy);background:var(--hb-butter)}.hb-pwa-button--danger{margin-top:var(--hb-space-3);border:1px solid #efb9b4;color:#a42119;background:#fff7f6}.hb-pwa-button:disabled{opacity:.55;cursor:wait}
.hb-pwa-section{margin-top:var(--hb-space-7)}.hb-pwa-section>header{margin-bottom:var(--hb-space-3);display:flex;align-items:end;justify-content:space-between;gap:12px}.hb-pwa-section h2,.hb-pwa-panel h2{margin:0;font-size:20px}.hb-pwa-section header :is(button,span){border:0;color:var(--hb-cobalt);background:none;font-size:12px;font-weight:800}
.hb-pwa-shelf{padding:2px 0 8px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,43%);gap:var(--hb-space-3);overflow-x:auto;scroll-snap-type:x mandatory}.hb-pwa-event-grid{margin-top:var(--hb-space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hb-space-4) var(--hb-space-3)}.hb-pwa-event{min-width:0;scroll-snap-align:start}.hb-pwa-event__link{display:block;color:inherit;text-decoration:none}.hb-pwa-event__media{aspect-ratio:1;position:relative;overflow:hidden;border-radius:var(--hb-radius-lg);background:var(--hb-navy)}.hb-pwa-event__media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.hb-pwa-event__media .hb-pwa-badge{position:absolute;inset:9px 9px auto auto}.hb-pwa-event__body{padding:9px 2px 0}.hb-pwa-event h3{margin:0;overflow:hidden;font-size:15px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.hb-pwa-event p{margin:2px 0 5px;overflow:hidden;color:var(--hb-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hb-pwa-event__facts{display:flex;gap:8px;color:var(--hb-muted);font-size:10px}.hb-pwa-event__facts span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-pwa-badge{width:fit-content;padding:5px 8px;border-radius:var(--hb-radius-round);color:white;background:color-mix(in srgb,var(--hb-navy) 86%,transparent);font-size:10px;font-weight:900;white-space:nowrap}.hb-pwa-badge[data-live=true]{background:var(--hb-cobalt)}
.hb-pwa-info{margin-top:var(--hb-space-6);padding:var(--hb-space-5);border-radius:var(--hb-radius-xl);display:flex;gap:15px;color:white;background:var(--hb-navy)}.hb-pwa-info>i{color:var(--hb-butter);font-size:26px}.hb-pwa-info b{font-size:15px}.hb-pwa-info p{margin:6px 0 0;color:var(--hb-powder);font-size:12px;line-height:1.9}
.hb-pwa-search{height:52px;padding:0 15px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-md);display:flex;align-items:center;gap:10px;background:white}.hb-pwa-search input{width:100%;border:0;outline:0;color:inherit;background:transparent;font-size:14px}.hb-pwa-filters{margin-top:var(--hb-space-3);padding-bottom:4px;display:flex;gap:8px;overflow-x:auto}.hb-pwa-filters button{min-height:44px;padding:0 14px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-round);color:var(--hb-muted);background:white;font-size:12px;font-weight:800;white-space:nowrap}.hb-pwa-filters button.is-active{border-color:var(--hb-cobalt);color:white;background:var(--hb-cobalt)}.hb-pwa-result-count{margin:var(--hb-space-4) 0 0;color:var(--hb-muted);font-size:12px;font-weight:800}.hb-pwa-empty{grid-column:1/-1;margin:0;padding:var(--hb-space-6);border:1px dashed var(--hb-line);border-radius:var(--hb-radius-lg);color:var(--hb-muted);background:white;text-align:center}
.hb-pwa-auth-wall,.hb-pwa-panel{margin-top:var(--hb-space-5);padding:var(--hb-space-5);border:1px solid var(--hb-line);border-radius:var(--hb-radius-xl);background:white}.hb-pwa-auth-wall{text-align:center}.hb-pwa-auth-wall>i{color:var(--hb-cobalt);font-size:38px}.hb-pwa-auth-wall h2{margin:18px 0 7px;font-size:20px}.hb-pwa-auth-wall p{color:var(--hb-muted);font-size:13px;line-height:1.9}.hb-pwa-auth-wall>a{margin:7px}.hb-pwa-form{margin-top:var(--hb-space-5);display:grid;gap:var(--hb-space-4)}.hb-pwa-form label:not(.hb-pwa-file){display:grid;gap:7px;font-size:12px;font-weight:900}.hb-pwa-form :is(input,textarea,select){width:100%;min-height:48px;padding:12px 13px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-sm);color:inherit;background:white}.hb-pwa-form textarea{resize:vertical}.hb-pwa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hb-pwa-file{min-height:76px;padding:16px;position:relative;border:1px dashed color-mix(in srgb,var(--hb-cobalt) 55%,white);border-radius:var(--hb-radius-md);display:flex;align-items:center;gap:13px;color:var(--hb-cobalt);background:color-mix(in srgb,var(--hb-powder) 25%,white)}.hb-pwa-file span{display:grid}.hb-pwa-file small{margin-top:4px;color:var(--hb-muted);font-size:11px;font-weight:500}.hb-pwa-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.hb-pwa-progress{padding:14px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-md);background:white}.hb-pwa-progress>div{display:flex;justify-content:space-between}.hb-pwa-progress progress{width:100%;margin-top:9px;accent-color:var(--hb-cobalt)}.hb-pwa-progress p,.hb-pwa-message{min-height:1.5em;color:var(--hb-muted);font-size:12px;line-height:1.8}.hb-pwa-message[data-type=error]{color:#b42318}.hb-pwa-message[data-type=success]{color:#087746}
.hb-pwa-device-list{margin:var(--hb-space-5) 0;display:grid;gap:10px}.hb-pwa-device-row,.hb-pwa-setting-row{min-height:64px;padding:14px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-md);display:flex;align-items:center;gap:12px;background:white}.hb-pwa-device-row i{width:36px;height:36px;border-radius:var(--hb-radius-sm);display:grid;place-items:center;color:var(--hb-cobalt);background:color-mix(in srgb,var(--hb-powder) 35%,white)}.hb-pwa-device-row span{min-width:0;display:grid}.hb-pwa-device-row small{margin-top:3px;overflow-wrap:anywhere;color:var(--hb-muted)}
.hb-pwa-profile-hero{margin-top:var(--hb-space-5);padding:var(--hb-space-5);border-radius:var(--hb-radius-xl);display:flex;align-items:center;gap:var(--hb-space-4);color:white;background:var(--hb-navy)}.hb-pwa-avatar{width:68px;height:68px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--hb-navy);background:var(--hb-butter);font-size:28px;font-weight:900}.hb-pwa-avatar img{width:100%;height:100%;object-fit:contain;background:var(--hb-butter)}.hb-pwa-profile-hero h2{margin:0;font-size:22px}.hb-pwa-profile-hero p{margin:4px 0 8px;overflow-wrap:anywhere;color:var(--hb-powder);font-size:11px}.hb-pwa-setting-row{margin:var(--hb-space-3) 0;justify-content:space-between}
.hb-pwa-mini-player{width:min(calc(100% - 24px),596px);min-height:66px;position:fixed;z-index:19;inset:auto 50% calc(78px + env(safe-area-inset-bottom)) auto;transform:translateX(50%);border-radius:var(--hb-radius-md);display:flex;align-items:stretch;overflow:hidden;color:white;background:var(--hb-navy);box-shadow:var(--hb-shadow-md)}.hb-pwa-mini-player button{min-width:52px;border:0;color:inherit;background:transparent}.hb-pwa-mini-player>button:first-child{flex:1;padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:start}.hb-pwa-mini-player span{display:grid}.hb-pwa-mini-player small{color:var(--hb-powder)}
.hb-pwa-bottom-nav{width:min(100%,620px);min-height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));position:fixed;z-index:20;inset:auto 50% 0 auto;transform:translateX(50%);border-top:1px solid var(--hb-line);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,white 93%,transparent);backdrop-filter:blur(16px)}.hb-pwa-bottom-nav button{min-height:58px;padding:3px;border:0;display:grid;place-content:center;gap:4px;color:var(--hb-muted);background:none;font-size:10px;font-weight:700}.hb-pwa-bottom-nav i{font-size:19px}.hb-pwa-bottom-nav button.is-active{color:var(--hb-cobalt)}.hb-pwa-bottom-nav button.is-active i{min-width:52px;padding:7px;border-radius:var(--hb-radius-round);background:color-mix(in srgb,var(--hb-powder) 48%,white)}.hb-pwa-create-tab i{width:38px;height:38px;margin:-18px auto 0;border:2px solid var(--hb-muted);border-radius:50%;display:grid;place-items:center}.hb-pwa-bottom-nav .hb-pwa-create-tab.is-active i{border-color:var(--hb-cobalt);color:white;background:var(--hb-cobalt)}
.hb-pwa-event-surface{width:min(100%,620px);height:100dvh;margin:auto;position:fixed;z-index:50;inset:0;background:var(--hb-porcelain)}.hb-pwa-event-surface>header{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid var(--hb-line);display:flex;align-items:center;justify-content:space-between;background:white}.hb-pwa-event-surface>header button{min-height:44px;padding:0 10px;border:0;display:flex;align-items:center;gap:8px;color:var(--hb-navy);background:transparent;font-weight:900}.hb-pwa-event-surface iframe{width:100%;height:calc(100dvh - 58px - env(safe-area-inset-top));border:0;display:block;background:var(--hb-porcelain)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--hb-cobalt) 68%,white);outline-offset:2px}@media(max-width:360px){#app-main,.hb-pwa-header{padding-inline:var(--hb-space-3)}.hb-pwa-event-grid{gap:var(--hb-space-3) 9px}.hb-pwa-form-grid{grid-template-columns:1fr}}@media(min-width:700px){body.hb-pwa-app{background:color-mix(in srgb,var(--hb-sand) 65%,white)}.hb-pwa-shell,.hb-pwa-event-surface{box-shadow:0 0 60px rgb(16 27 43 / 10%)}}

/* Event artwork keeps the complete source visible while an ambient duplicate
   carries its colour to the card edges. */
.hb-pwa-event__media img{display:block;width:100%;height:100%}.hb-pwa-event__backdrop{position:absolute;inset:-8%;width:116%!important;height:116%!important;object-fit:cover!important;filter:blur(10px) saturate(.94) brightness(.88);transform:scale(1.03)}.hb-pwa-event__art{position:relative;z-index:1;object-fit:contain!important;object-position:center;filter:drop-shadow(0 8px 18px rgba(9,33,61,.2))}.hb-pwa-event__media .hb-pwa-badge{z-index:2}
.hb-pwa-switch{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--hb-line);border-radius:var(--hb-radius-lg);background:var(--hb-surface)}
.hb-pwa-switch input{width:22px;height:22px;margin-top:2px;accent-color:var(--hb-cobalt)}
.hb-pwa-switch span{display:grid;gap:4px}.hb-pwa-switch small{color:var(--hb-muted);line-height:1.8}
.hb-pwa-owned-event{display:grid;gap:8px}.hb-pwa-owned-event__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb-pwa-owned-event__actions .hb-pwa-button{font-size:.82rem;padding:10px 8px}