:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--sidebar-width: 244px;--sidebar-width-collapsed: 68px;--topbar-height: 60px;--content-max: 1120px;--z-sticky: 20;--z-overlay: 60;--z-toast: 80;--media-bg: #000000;--on-media: #ffffff;--qr-bg: #ffffff;--qr-fg: #0b0d12;--toggle-thumb: #ffffff}[data-theme=dark]{--accent-50: #eef2ff;--accent-300: #a5b4fc;--accent-400: #818cf8;--accent-500: #6366f1;--accent-600: #4f46e5;--accent-contrast: #ffffff;--accent-soft: rgba(99, 102, 241, .16);--accent-ring: rgba(129, 140, 248, .45);--bg-canvas: #0b0d12;--bg-surface: #12151d;--bg-surface-raised: #171b25;--bg-surface-hover: #1c212d;--bg-inset: #0e1116;--border-subtle: #232936;--border-strong: #313a4b;--text-primary: #e8eaf0;--text-secondary: #a2abbd;--text-muted: #6f7889;--text-inverse: #0b0d12;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .42);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .52);--overlay: rgba(3, 5, 9, .72)}[data-theme=light]{--accent-50: #eef2ff;--accent-300: #a5b4fc;--accent-400: #818cf8;--accent-500: #5b5bd6;--accent-600: #4f46e5;--accent-contrast: #ffffff;--accent-soft: rgba(91, 91, 214, .1);--accent-ring: rgba(91, 91, 214, .35);--bg-canvas: #f5f6f9;--bg-surface: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-hover: #f1f2f7;--bg-inset: #f8f9fb;--border-subtle: #e4e6ed;--border-strong: #ccd0da;--text-primary: #171a21;--text-secondary: #4e5566;--text-muted: #79808f;--text-inverse: #ffffff;--success: #0f9d6e;--success-soft: rgba(15, 157, 110, .1);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .1);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 6px 20px rgba(16, 24, 40, .08);--shadow-lg: 0 20px 48px rgba(16, 24, 40, .12);--overlay: rgba(16, 24, 40, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,fieldset{margin:0}fieldset{border:0;padding:0}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-400);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{justify-content:space-between}.row-wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.grid-auto{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted);font-size:var(--text-sm)}.text-danger{color:var(--danger)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:-.02em}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-header__title{font-size:var(--text-2xl)}.page-header__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.card--raised{background:var(--bg-surface-raised);box-shadow:var(--shadow-md)}.card--interactive{transition:border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.card--interactive:hover{border-color:var(--border-strong)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card__divider{height:1px;background:var(--border-subtle);margin:var(--space-4) calc(var(--space-5) * -1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:38px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.btn:disabled{opacity:.5}.btn--primary{background:var(--accent-500);color:var(--accent-contrast)}.btn--primary:not(:disabled):hover{background:var(--accent-600)}.btn--secondary{background:var(--bg-surface-raised);border-color:var(--border-subtle);color:var(--text-primary)}.btn--secondary:not(:disabled):hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:not(:disabled):hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn--danger{background:transparent;border-color:var(--border-subtle);color:var(--danger)}.btn--danger:not(:disabled):hover{background:var(--danger-soft);border-color:var(--danger)}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--lg{height:44px;padding:0 var(--space-5);font-size:var(--text-base)}.btn--block{width:100%}.btn--icon{width:38px;padding:0}.btn--icon.btn--sm{width:32px}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.field__required{color:var(--danger);margin-left:2px}.input,.textarea,.select{width:100%;padding:0 var(--space-3);height:38px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.textarea{height:auto;min-height:96px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:disabled,.textarea:disabled{opacity:.6}.input--invalid{border-color:var(--danger)}.toggle{display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;width:40px;height:22px;background:var(--border-strong);border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease)}.toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--toggle-thumb);border-radius:var(--radius-full);transition:transform var(--duration-base) var(--ease)}.toggle input:checked+.toggle__track{background:var(--accent-500)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent-ring);outline-offset:2px}.toggle input:disabled+.toggle__track{opacity:.5}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0}.toggle-row+.toggle-row{border-top:1px solid var(--border-subtle)}.toggle-row__title{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium)}.toggle-row__hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge--neutral{background:var(--bg-surface-hover);color:var(--text-secondary)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--accent{background:var(--accent-soft);color:var(--accent-400)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm)}.alert--danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.alert--success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:var(--success)}.alert--info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 35%,transparent);color:var(--info)}.alert--warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent);color:var(--warning)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary)}.empty__icon{color:var(--text-muted)}.empty__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty__body{font-size:var(--text-sm);max-width:46ch}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent-400);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner--lg{width:30px;height:30px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-hover) 25%,var(--bg-surface-raised) 37%,var(--bg-surface-hover) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.loading-panel{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-secondary);font-size:var(--text-sm)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin:0}.detail-grid dt{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-1)}.detail-grid dd{margin:0;font-size:var(--text-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(520px,100%);max-height:85dvh;overflow-y:auto;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.toast-region{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,calc(100vw - var(--space-8)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-left-width:3px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--duration-base) var(--ease)}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100dvh;transition:grid-template-columns var(--duration-base) var(--ease)}.shell--collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--bg-surface);border-right:1px solid var(--border-subtle);position:sticky;top:0;height:100dvh;overflow:hidden}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-2);color:var(--text-primary);text-decoration:none}.brand:hover{text-decoration:none}.brand__mark{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-500);color:var(--accent-contrast);display:grid;place-items:center;font-weight:var(--weight-bold);font-size:var(--text-sm)}.brand__name{font-weight:var(--weight-semibold);font-size:var(--text-md);letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;text-decoration:none;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.nav__item:hover{background:var(--bg-surface-hover);color:var(--text-primary);text-decoration:none}.nav__item.is-active{background:var(--accent-soft);color:var(--accent-400)}.nav__icon{flex:0 0 auto;display:grid;place-items:center;width:20px}.nav__label{white-space:nowrap;overflow:hidden}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}.shell--collapsed .brand__name,.shell--collapsed .nav__label,.shell--collapsed .sidebar__footer-text{display:none}.shell--collapsed .nav__item{justify-content:center}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-6);background:color-mix(in srgb,var(--bg-canvas) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.topbar__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm)}.user-menu__trigger:hover{background:var(--bg-surface-hover);border-color:var(--border-subtle)}.avatar{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-full);object-fit:cover;background:var(--accent-soft);color:var(--accent-400);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.avatar--lg{width:96px;height:96px;font-size:var(--text-2xl)}.user-menu__panel{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:220px;padding:var(--space-2);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px}.user-menu__identity{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1)}.user-menu__email{font-size:var(--text-xs);color:var(--text-muted)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-align:left;text-decoration:none}.menu-item:hover{background:var(--bg-surface-hover);color:var(--text-primary);text-decoration:none}.menu-item--danger{color:var(--danger)}.content{display:flex;flex-direction:column;min-width:0}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth__aside{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);padding:var(--space-16);background:radial-gradient(120% 120% at 15% 10%,var(--accent-soft),transparent 60%),var(--bg-surface);border-right:1px solid var(--border-subtle)}.auth__headline{font-size:var(--text-3xl);max-width:16ch}.auth__lede{color:var(--text-secondary);max-width:46ch}.auth__points{display:flex;flex-direction:column;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.auth__point{display:flex;gap:var(--space-3);align-items:flex-start}.auth__point svg{flex:0 0 auto;color:var(--accent-400);margin-top:2px}.auth__main{display:grid;place-items:center;padding:var(--space-8) var(--space-6)}.auth__card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-5)}.auth__divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth__aside{display:none}}@media(max-width:780px){.shell,.shell--collapsed{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--duration-base) var(--ease);box-shadow:var(--shadow-lg)}.shell--drawer-open .sidebar{transform:translate(0)}.shell--drawer-open .sidebar .brand__name,.shell--drawer-open .sidebar .nav__label{display:block}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) - 1);background:var(--overlay);border:0}.page{padding:var(--space-6) var(--space-4) var(--space-12)}.topbar{padding:0 var(--space-4)}}.nav__icon{position:relative}.nav__dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--warning);box-shadow:0 0 0 2px var(--bg-surface)}.event-card{display:flex;flex-direction:column;gap:var(--space-3)}.event-card__description{font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-card__invite{display:flex;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.event-card__qr{padding:var(--space-2);background:var(--qr-bg);color:var(--qr-fg);border-radius:var(--radius-md);line-height:0}.event-card__link{display:block;padding:var(--space-2);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);word-break:break-all;color:var(--text-secondary)}.profile-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.avatar-upload{position:relative;padding:0;border:0;background:none;border-radius:var(--radius-full);overflow:hidden;flex:0 0 auto}.avatar-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--overlay);color:var(--on-media);opacity:0;transition:opacity var(--duration-fast) var(--ease)}.avatar-upload:hover .avatar-upload__overlay,.avatar-upload:focus-visible .avatar-upload__overlay{opacity:1}.photo-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.photo-tile{position:relative;margin:0;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-inset);border:1px solid var(--border-subtle)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile__badge{position:absolute;left:var(--space-2);bottom:var(--space-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.photo-tile__delete{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--overlay);opacity:0;transition:opacity var(--duration-fast) var(--ease)}.photo-tile:hover .photo-tile__delete,.photo-tile:focus-within .photo-tile__delete{opacity:1}.photo-tile--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border-style:dashed;color:var(--text-secondary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.photo-tile--add:hover:not(:disabled){border-color:var(--accent-500);color:var(--accent-400)}.studio{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}@media(max-width:900px){.studio{grid-template-columns:1fr}}.stream-preview{position:relative;aspect-ratio:16 / 9;background:var(--media-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.stream-preview video{width:100%;height:100%;object-fit:cover}.stream-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.stream-preview__live{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);background:var(--danger);color:var(--on-media);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.stream-preview__live:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:var(--on-media);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.copy-field{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.copy-field__label{font-size:var(--text-xs);color:var(--text-muted)}.copy-field__value{min-width:0;padding:6px var(--space-2);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection{display:flex;flex-direction:column;gap:var(--space-3)}.connection__head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.connection__ways{display:flex;flex-direction:column;gap:var(--space-2)}.connection__hint{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection__outputs{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.segmented{display:inline-flex;align-self:flex-start;padding:2px;gap:2px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.segmented__item{padding:4px var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.segmented__item:hover{color:var(--text-primary)}.segmented__item.is-active{background:var(--bg-surface-hover);color:var(--text-primary)}.output-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.output-list__item{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;font-size:var(--text-sm)}.output-list__name{font-weight:var(--weight-medium)}.destination{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.destination__head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.destination__head .toggle-row{gap:var(--space-2);padding:0}.destination__foot{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.destination__foot .field{flex:1 1 200px}.destination__help{padding-bottom:var(--space-2);font-size:var(--text-sm);color:var(--accent-400)}.notice{align-items:flex-start;margin-bottom:var(--space-5)}.notice>svg{flex:0 0 auto;margin-top:2px}.notice__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.card .notice{margin-bottom:0}.steps{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:step;font-size:var(--text-sm);color:var(--text-secondary)}.steps__item{display:flex;gap:var(--space-3);align-items:flex-start;counter-increment:step}.steps__item:before{content:counter(step);flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.steps__item.is-done:before{content:"✓";border-color:transparent;background:var(--success-soft);color:var(--success)}@media(hover:none){.photo-tile__delete{opacity:1}}.privacy-toggles{padding:var(--space-3) var(--space-4);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.form-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.event-card--past{opacity:.72}.event-card__facts{margin:0;font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap}.event-card__todo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--warning-soft);border-radius:var(--radius-md);color:var(--warning);font-size:var(--text-sm)}.event-card__more{display:flex;align-items:center;gap:var(--space-1);margin:0 calc(-1 * var(--space-2)) calc(-1 * var(--space-2));padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.on-air:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:var(--radius-full);background:currentColor;animation:pulse 1.4s ease-in-out infinite}.past-events{margin-top:var(--space-8)}.onboarding{display:flex;flex-direction:column;gap:var(--space-5);max-width:620px;padding:var(--space-8)}.onboarding__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-400)}.onboarding__steps{gap:var(--space-4);font-size:var(--text-base)}.invite{display:flex;flex-direction:column;gap:var(--space-4);max-width:440px}.invite__qr{align-self:center;padding:var(--space-4);background:var(--qr-bg);color:var(--qr-fg);border-radius:var(--radius-lg);line-height:0}.invite__link{display:block;padding:var(--space-2) var(--space-3);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-card{max-width:760px;gap:0;padding:0}.form-card>.alert{margin:var(--space-5) var(--space-5) 0}.form-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-subtle)}.form-section__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.form-section__number{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-400);font-size:var(--text-sm)}.form-actions{padding:var(--space-5)}.choice-cards{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.choice-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);text-align:left;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);transition:border-color var(--duration-fast) var(--ease)}.choice-card:hover{border-color:var(--border-strong)}.choice-card.is-active{border-color:var(--accent-500);box-shadow:0 0 0 1px var(--accent-500)}.choice-card__title{color:var(--text-primary);font-weight:var(--weight-semibold)}.choice-card__body{font-size:var(--text-sm)}.studio__header{align-items:flex-end}.back-link{display:inline-block;margin-bottom:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.back-link:hover{color:var(--text-primary)}.studio__modes{align-self:flex-start}.studio__modes .segmented__item{padding:6px var(--space-4);font-size:var(--text-sm);letter-spacing:0}.notice-row{display:flex;align-items:center;gap:var(--space-2)}.camera-panel__devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:var(--space-3)}@media(max-width:560px){.camera-panel__devices{grid-template-columns:1fr}}.stream-preview__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:4px var(--space-3);background:var(--overlay);color:var(--on-media);border-radius:var(--radius-full);font-size:var(--text-xs)}.live-status{display:flex;flex-direction:column;gap:var(--space-3)}.live-status__head{display:flex;align-items:center;gap:var(--space-3)}.live-status__hint{font-size:var(--text-sm)}.live-dot{flex:0 0 auto;width:12px;height:12px;border-radius:var(--radius-full);background:var(--text-muted)}.live-dot--live{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft);animation:pulse 1.4s ease-in-out infinite}.live-dot--pending{background:var(--warning)}.live-dot--warning{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.live-status__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.live-status__stats div{padding:var(--space-2) var(--space-3);background:var(--bg-inset);border-radius:var(--radius-md)}.live-status__stats dt{font-size:var(--text-xs);color:var(--text-muted)}.live-status__stats dd{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.live-status__outputs{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.live-status .output-list__item{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.privacy-line{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm)}.privacy-line svg{flex:0 0 auto;margin-top:2px}