:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f242d;--field: #212630;--line: #2a3039;--line-strong: #5a6478;--text: #e8eaee;--muted: #949cab;--accent: #ff5c39;--accent-hover: #ff6f50;--accent-press: #e8492a;--accent-ink: #1b0d07;--ok: #3ddc97;--warn: #ffc857;--err: #ff6b6b;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.25rem;--t-xl: 1.5rem;--t-2xl: 1.875rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 28px;--s-7: 40px;--s-8: 56px;--radius: 14px;--radius-sm: 10px;--tap: 44px;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .2s;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:var(--t-base)/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s-5) var(--s-8)}.site-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) 0 var(--s-6)}.brand{font-weight:700;letter-spacing:-.02em;font-size:var(--t-lg)}.brand span{color:var(--accent)}h1{font-size:var(--t-2xl);letter-spacing:-.025em;line-height:1.15;margin:0 0 var(--s-1);text-wrap:balance}h2{font-size:var(--t-md);letter-spacing:-.01em;margin:0 0 var(--s-3)}.muted{color:var(--muted)}.small{font-size:var(--t-sm)}.lede{color:var(--muted);margin:0 0 var(--s-6);max-width:60ch}button,.btn{font:inherit;font-weight:500;cursor:pointer;min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--field);color:var(--text);padding:var(--s-2) var(--s-4);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform 80ms var(--ease)}button:hover:not(:disabled){background:#2a313d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:active:not(:disabled){background:var(--accent-press);border-color:var(--accent-press)}button.primary:disabled{background:var(--field);border-color:var(--line);color:var(--muted);opacity:1}.btn-row{display:flex;gap:var(--s-3);flex-wrap:wrap}input,select{font:inherit;min-height:var(--tap);background:var(--field);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-3);width:100%;transition:border-color var(--dur) var(--ease)}input::placeholder{color:var(--muted)}input:hover,select:hover{border-color:#6b7689}input[aria-invalid=true]{border-color:var(--err)}@media(max-width:640px){input,select{font-size:1rem}}label{display:block;font-size:var(--t-sm);color:var(--muted);margin:0 0 var(--s-2)}.field-group{margin-bottom:var(--s-4)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s-1);padding:var(--s-1);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 var(--s-4)}.segmented button{border:none;background:transparent;color:var(--muted);border-radius:var(--radius-sm);padding:var(--s-2) var(--s-2);font-weight:500;white-space:nowrap;min-height:40px}.segmented button:hover:not([aria-selected=true]){background:#262c36;color:var(--text)}.segmented button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.notice{border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);border:1px solid var(--line);background:var(--surface-2)}.notice.err{border-color:color-mix(in srgb,var(--err) 45%,var(--line));color:var(--err)}.notice.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));color:var(--ok)}.notice.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--warn)}.event-grid{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.event-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:block;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.event-card:hover{border-color:#3a424e;transform:translateY(-2px)}.event-card:active{transform:translateY(0)}.event-card .banner{aspect-ratio:16 / 9;width:100%;object-fit:cover;display:block;background:var(--surface-2)}.event-card .body{padding:var(--s-3) var(--s-4) var(--s-4)}.event-card .name{font-weight:600;margin-bottom:2px}.photo-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.photo-grid figure{margin:0;position:relative;min-width:0}.photo-grid img{max-width:100%;display:block}.thumb{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-sm);background:var(--surface-2)}.photo-tile{display:block;position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-2);aspect-ratio:3 / 2}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .32s var(--ease),transform .42s var(--ease)}.photo-tile img.loaded{opacity:1}.photo-tile:hover img.loaded{transform:scale(1.04)}.badge{position:absolute;left:var(--s-2);bottom:var(--s-2);background:#000000b8;color:#fff;border-radius:999px;padding:2px var(--s-2);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.stack>*+*{margin-top:var(--s-4)}.stats{display:flex;gap:var(--s-6);flex-wrap:wrap}.stat-label{color:var(--muted);font-size:var(--t-sm)}.stat-value{font-size:var(--t-lg);font-variant-numeric:tabular-nums}.stat-value.warn{color:var(--warn)}.stat-value.ok{color:var(--ok)}.row{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{flex:1;min-width:220px}.row-actions{flex:none;display:flex;gap:var(--s-3);align-items:center}.row-tight{padding:var(--s-2) 0}.mono-id{font-size:var(--t-sm);word-break:break-all;text-decoration:underline;text-underline-offset:2px}.state{font-weight:600}.state.ok{color:var(--ok)}.state.warn{color:var(--warn)}.state.err{color:var(--err)}.state.idle{color:var(--text)}.banner-preview{width:240px;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:var(--radius-sm);background:var(--surface-2);margin-top:var(--s-3)}.banner-thumb{width:96px;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:var(--radius-sm);background:var(--surface-2);flex:none}.file-btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);margin:0;cursor:pointer;color:var(--text)}.inspect-tile{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;min-height:0}.inspect-tile img{width:100%;display:block}.inspect-tile.zoom{width:fit-content;max-width:100%;margin:0 auto;overflow:visible}.inspect-tile.zoom img{width:auto;max-width:100%;max-height:74vh}.face-box{position:absolute;border:2px solid var(--ok);border-radius:3px;box-shadow:0 0 0 1px #0000008c;pointer-events:none}.face-tag{position:absolute;left:0;top:100%;transform:translateY(2px);background:var(--ok);color:#06251a;font-size:11px;font-weight:700;line-height:1.4;padding:0 5px;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.no-face-flag{position:absolute;left:var(--s-2);bottom:var(--s-2);background:#000000b8;color:var(--warn);font-size:var(--t-xs);padding:2px var(--s-2);border-radius:999px}.zoom-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#000000d1;padding:var(--s-5)}.zoom-inner{max-width:min(1100px,94vw);width:100%}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#2b323d 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-tile{aspect-ratio:3 / 2}.skeleton-line{height:12px;margin-top:var(--s-2)}.skeleton-line.short{width:55%}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:inherit;transform-origin:left center;transition:transform .32s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .38s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 28ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:spin 1.4s linear infinite!important}.skeleton{animation:none!important;background:var(--surface-2)}.photo-tile img{opacity:1}}@media(max-width:560px){.wrap{padding-left:var(--s-4);padding-right:var(--s-4)}h1{font-size:var(--t-xl)}.photo-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.card{padding:var(--s-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}