:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f1f1f3;--surface-3: #e8e8ec;--border: #e4e4e7;--border-strong: #8e8f99;--text: #161823;--muted: #62646e;--accent: #d6164a;--accent-hover: #b8103f;--on-accent: #ffffff;--accent-fg: #d6164a;--accent-soft: #ffeef1;--accent-soft-fg: #d6164a;--accent-vivid: #fe2c55;--danger: #b42318;--danger-bg: #fdecea;--danger-hover: #93190f;--on-danger: #ffffff;--good: #0e7a3e;--good-bg: #e6f6ec;--warn: #8a5a00;--warn-bg: #fff4d6;--info: #1f5fd1;--info-bg: #eaf1fe;--focus: #1a73e8;--toast-bg: #161823;--toast-fg: #f5f5f7;--toast-good: #5fd391;--toast-danger: #ff8a80;--toast-info: #8ab4f8;--backdrop: rgb(15 15 18 / 48%);--chart-bar: var(--accent-vivid);--chart-bar-active: var(--accent);--chart-grid: #ececef;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--radius: var(--radius-lg);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-13: 52px;--space-14: 56px;--space-15: 60px;--space-16: 64px;--shadow-xs: 0 1px 1px rgb(22 24 35 / 4%);--shadow-sm: 0 1px 2px rgb(22 24 35 / 6%), 0 1px 3px rgb(22 24 35 / 4%);--shadow-md: 0 4px 12px rgb(22 24 35 / 8%), 0 1px 3px rgb(22 24 35 / 6%);--shadow-lg: 0 16px 40px rgb(22 24 35 / 16%), 0 2px 8px rgb(22 24 35 / 8%);--shadow: var(--shadow-sm);--sidebar-w: 240px;--topbar-h: 56px;--content-max: 1200px;--page-pad: 24px;--z-sticky: 20;--z-drawer: 40;--z-modal: 50;--z-toast: 60;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-xs: 12px;--leading-xs: 16px;--font-sm: 13px;--leading-sm: 20px;--font-md: 15px;--leading-md: 22px;--font-lg: 17px;--leading-lg: 24px;--font-xl: 22px;--leading-xl: 28px;--font-2xl: 28px;--leading-2xl: 34px;color-scheme:light dark}@media(max-width:600px){:root{--page-pad: 16px}}@media(prefers-color-scheme:dark){:root{--bg: #0f0f12;--surface: #1a1a1f;--surface-2: #24242a;--surface-3: #2e2e35;--border: #2e2e35;--border-strong: #6b6c76;--text: #f1f1f3;--muted: #a6a7b0;--accent-fg: #ff5c7a;--accent-soft: #3a1520;--accent-soft-fg: #ff5c7a;--danger: #ff8a80;--danger-bg: #3a1a19;--danger-hover: #ffb0a9;--on-danger: #1a1a1f;--good: #5fd391;--good-bg: #123325;--warn: #ffcd6b;--warn-bg: #3a2c0c;--info: #8ab4f8;--info-bg: #1a2742;--focus: #8ab4f8;--toast-bg: #f1f1f3;--toast-fg: #161823;--toast-good: #0e7a3e;--toast-danger: #b42318;--toast-info: #1f5fd1;--backdrop: rgb(0 0 0 / 64%);--chart-grid: #2e2e35;--shadow-xs: 0 1px 1px rgb(0 0 0 / 30%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%), 0 1px 3px rgb(0 0 0 / 24%);--shadow-md: 0 4px 12px rgb(0 0 0 / 45%), 0 1px 3px rgb(0 0 0 / 30%);--shadow-lg: 0 16px 40px rgb(0 0 0 / 60%), 0 2px 8px rgb(0 0 0 / 40%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-md);line-height:var(--leading-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0 0 var(--space-2);font-weight:700;letter-spacing:-.01em}h1{font-size:var(--font-xl);line-height:var(--leading-xl)}h2{font-size:var(--font-lg);line-height:var(--leading-lg)}h3{font-size:var(--font-md);line-height:var(--leading-md)}h4{font-size:var(--font-md);line-height:var(--leading-md);font-weight:600}@media(max-width:600px){h1{font-size:20px}}p{margin:0 0 var(--space-3)}a{color:var(--accent-fg);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}strong,b{font-weight:600}code,.mono{font-family:var(--font-mono);font-size:.92em}.icon{flex:none;vertical-align:middle}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-soft);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:var(--space-2);top:-64px;z-index:calc(var(--z-toast) + 1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);font-weight:600}.skip-link:focus{top:var(--space-2)}.muted{color:var(--muted)}.small{font-size:var(--font-sm);line-height:var(--leading-sm)}.center{text-align:center}.num{font-variant-numeric:tabular-nums;text-align:right}.tabular{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;min-height:100dvh}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);align-items:start}}.app-content{min-width:0}html.drawer-open{overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}@media(min-width:1024px){.sidebar{position:sticky;top:0;height:100vh;height:100dvh}.sidebar-head .sidebar-close,.sidebar-backdrop,.topbar .topbar-menu,.topbar .topbar-brand{display:none}}@media(max-width:1023px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-drawer);width:min(288px,85vw);transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.sidebar[data-open=true]{transform:none;visibility:visible;box-shadow:var(--shadow-lg);transition:transform .2s ease}.sidebar-backdrop{position:fixed;inset:0;z-index:calc(var(--z-drawer) - 1);background:var(--backdrop)}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar[data-open=true]{transition:none}}.sidebar-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--topbar-h);padding:0 var(--space-3) 0 var(--space-5)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text);text-decoration:none;font-size:var(--font-lg);line-height:var(--leading-lg);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand:hover{text-decoration:none}.logo-mark{color:var(--accent)}.brand-large{color:var(--accent-fg);font-size:var(--font-lg);margin-bottom:var(--space-4)}.sidebar-body{flex:1 0 auto;padding:var(--space-2) var(--space-3) var(--space-4)}.sidebar-cta{margin:var(--space-1) 0 var(--space-4)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-3)}.nav-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-1);padding:4px var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--muted);font:inherit;font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.nav-group-toggle:hover{color:var(--text)}.nav-group-toggle .icon{transition:transform .15s}.nav-group-toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-list[hidden]{display:none}.nav-item{position:relative;display:flex;width:100%;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-md);line-height:var(--leading-md);font-weight:500;text-decoration:none}.nav-item .icon{color:var(--muted)}.nav-item:hover{background:var(--surface-2);text-decoration:none}.nav-item.active{background:var(--surface-2);color:var(--accent-fg);font-weight:600}.nav-item.active .icon{color:var(--accent-fg)}.nav-item.active:before{content:"";position:absolute;left:calc(-1 * var(--space-3));top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-vivid)}@media(forced-colors:active){.nav-item.active{outline:2px solid Highlight;outline-offset:-2px}}.nav-button{border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}.nav-button:disabled{opacity:.55;cursor:progress}.sidebar-foot{flex:none;padding:var(--space-3);border-top:1px solid var(--border)}.user-block{display:flex;align-items:center;gap:var(--space-2)}.user-block-who{display:flex;flex:1 1 auto;align-items:center;gap:10px;min-width:0;padding:var(--space-1) 0 var(--space-1) var(--space-3)}.user-block-logout{flex:none;color:var(--muted)}.user-block-logout:hover:not(:disabled){color:var(--text)}.user-block-names{display:flex;flex-direction:column;min-width:0}.user-block-name,.user-block-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-block-name{font-weight:600}.user-block-email{color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs)}.user-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-soft-fg);font-size:var(--font-sm);font-weight:700;line-height:1}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--page-pad);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.topbar-start,.topbar-end{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-menu{margin-left:calc(-1 * var(--space-2))}.topbar-brand{min-width:0}.topbar-brand .brand-name{overflow:hidden;text-overflow:ellipsis}.topbar-avatar{display:inline-flex;border-radius:50%;text-decoration:none}.topbar-avatar:hover .user-avatar{background:var(--surface-3);color:var(--text)}.topbar-avatar:focus-visible{border-radius:50%}.page{max-width:calc(var(--content-max) + 2 * var(--page-pad));margin:0 auto;padding:var(--space-6) var(--page-pad) var(--space-16)}.page:focus{outline:none}.page-narrow{max-width:560px;margin:40px auto;padding:0 var(--space-4)}.page-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.page-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4)}.page-header-text{min-width:0}.page-header h1{margin:0}.page-description{margin:var(--space-1) 0 0;color:var(--muted)}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.page-back{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:500;text-decoration:none}.page-back:hover{color:var(--text)}.page-tabs{border-bottom:1px solid var(--border)}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:760px){.grid-2{grid-template-columns:minmax(0,1fr)}}.error-fallback{display:flex;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:var(--space-12) var(--space-4);text-align:center}.error-fallback-page{justify-content:center;min-height:100vh;min-height:100dvh}.error-fallback-icon{margin-bottom:var(--space-3);color:var(--danger)}.error-fallback-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.verify-banner{background:var(--info-bg);border-bottom:1px solid var(--border)}.verify-banner-inner{max-width:calc(var(--content-max) + 2 * var(--page-pad));margin:0 auto;padding:10px var(--page-pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.verify-banner-text p{margin:0}.verify-banner-actions{display:flex;gap:var(--space-2)}.card{--card-pad: var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-xs)}@media(max-width:600px){.card{--card-pad: var(--space-4)}}.card>h2:first-child,.card>h3:first-child{margin-top:0}.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.card-head h2,.card-head h3{margin:0}.card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin:var(--space-5) calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad));padding:var(--space-3) var(--card-pad);border-top:1px solid var(--border)}.notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 var(--space-3);padding:var(--space-3) 14px;border:1px solid transparent;border-radius:var(--radius-md)}.notice p:last-child{margin-bottom:0}.notice-icon{margin-top:1px}.notice-body{flex:1 1 auto;min-width:0}.notice-body>:last-child{margin-bottom:0}.notice-body>.btn{margin-top:var(--space-2)}.notice-error{background:var(--danger-bg);color:var(--danger)}.notice-warning{background:var(--warn-bg);color:var(--warn)}.notice-success{background:var(--good-bg);color:var(--good)}.notice-info{background:var(--info-bg)}.notice-info .notice-icon{color:var(--info)}.notice-gap{margin-top:var(--space-3)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted);text-align:center}.empty h3{margin:0;color:var(--text);font-size:var(--font-lg);line-height:var(--leading-lg)}.empty p:last-child,.empty-body>:last-child{margin-bottom:0}.empty-body{max-width:52ch}.empty>.btn{margin-top:var(--space-2)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-10) var(--space-4);color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.skeleton-line,.skeleton-bar,.skeleton-circle{display:block;background:var(--surface-3);border-radius:var(--radius-xs);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton-line,.skeleton-bar,.skeleton-circle{animation:none}}.skeleton-line{height:12px;margin:6px 0}.skeleton-line-short{width:40%}.skeleton-line-value{width:60%;height:28px;margin-top:10px}.skeleton-line-title{width:45%;height:18px;margin-bottom:var(--space-4)}.skeleton-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.skeleton-tile,.skeleton-card,.skeleton-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.skeleton-tile{min-height:96px;padding:var(--space-4)}.skeleton-card{padding:var(--space-5)}.skeleton-chart{display:flex;align-items:flex-end;gap:6px;height:260px;padding:var(--space-5)}.skeleton-bar{flex:1 1 0}.skeleton-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.skeleton-row .skeleton-line{flex:1 1 auto;margin:0}.skeleton-row .skeleton-line-short{flex:0 0 20%}.skeleton-circle{flex:none;width:32px;height:32px;border-radius:50%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-md);line-height:var(--leading-md);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:active:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled),.btn-danger:active:not(:disabled){background:var(--danger-bg)}.btn-danger-solid{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn-danger-solid:hover:not(:disabled),.btn-danger-solid:active:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-small{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-sm);line-height:var(--leading-sm)}.btn-small .icon{width:16px;height:16px}.btn-large{min-height:48px;padding:var(--space-3) var(--space-5);font-size:var(--font-lg);line-height:var(--leading-lg)}.btn-block{display:flex;width:100%}.btn-icon{width:40px;min-width:40px;padding:0}.btn-small.btn-icon{width:32px;min-width:32px}@media(forced-colors:active){.btn-primary,.btn-danger-solid{border-color:ButtonText}}.field{margin-bottom:var(--space-4)}.field label,.legend{display:block;margin-bottom:6px;font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:600}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=datetime-local],select,textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:16px;line-height:22px}input:hover:not(:disabled):not([readonly]),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--text)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus);outline-offset:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[readonly]{background:var(--surface-2);border-color:var(--border)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}.select{position:relative;display:block}.select select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}.select-chevron{position:absolute;top:50%;right:var(--space-3);margin-top:-9px;color:var(--muted);pointer-events:none}.hint{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm)}.field-error{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;color:var(--danger);font-size:var(--font-sm);line-height:var(--leading-sm)}.field-error .icon{margin-top:2px}.inline-form{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:flex-end}.inline-form .field{flex:1 1 220px;margin-bottom:0}fieldset{min-width:0;margin:0 0 14px;padding:0;border:0}legend{padding:0}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.checkbox input,input[type=checkbox]:not(.switch),input[type=radio]{accent-color:var(--accent)}.checkbox input{width:18px;height:18px}.choice-row,.chips-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chips{margin:0}.choice,.chip{position:relative}.choice input,.chip input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.choice>span,.chip>span{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:500;user-select:none}.choice input:hover+span,.chip input:hover+span{background:var(--surface-3)}.choice input:checked+span,.chip input:checked+span{background:var(--text);border-color:var(--text);color:var(--surface);font-weight:600}.choice input:focus-visible+span,.chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}@media(forced-colors:active){.choice>span,.chip>span{border-color:ButtonText}.choice input:checked+span,.chip input:checked+span{border:2px solid Highlight}}.switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3) var(--space-4)}.switch-text{flex:1 1 auto;min-width:0}.switch-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) 10px}.switch-label{font-weight:600}.switch-row-master .switch-label{font-size:var(--font-lg);line-height:var(--leading-lg)}.switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:24px;margin:0;border:0;border-radius:var(--radius-pill);background:var(--muted);cursor:pointer;transition:background-color .15s}.switch:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-xs);transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:before{background:var(--on-accent);transform:translate(20px)}.switch:focus-visible{border-radius:var(--radius-pill)}.switch:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.switch,.switch:before{transition:none}}@media(forced-colors:active){.switch{forced-color-adjust:none;border:2px solid ButtonText;background:ButtonFace}.switch:before{top:1px;left:1px;background:ButtonText}.switch:checked{border-color:Highlight;background:Highlight}.switch:checked:before{background:HighlightText}.switch:focus-visible{outline-color:Highlight}.switch:disabled{border-color:GrayText;opacity:1}.switch:disabled:before{background:GrayText}}.toast-viewport{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);width:min(420px,calc(100vw - 2 * var(--space-4)));pointer-events:none}@media(max-width:600px){.toast-viewport{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:var(--space-4);width:auto;align-items:stretch}}.toast-region{position:fixed;right:0;bottom:var(--space-4);left:0;z-index:var(--z-toast);display:flex;justify-content:center;padding:0 var(--space-4);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:520px;padding:10px 10px 10px 14px;border-radius:var(--radius-md);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .18s ease-out}.toast-viewport .toast{max-width:100%}.toast-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.toast-success .toast-icon{color:var(--toast-good)}.toast-danger .toast-icon{color:var(--toast-danger)}.toast-info .toast-icon{color:var(--toast-info)}.toast-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.toast-close:hover{background:color-mix(in srgb,currentcolor 16%,transparent)}.toast-dismiss{flex:none;min-height:28px;padding:2px 10px;border:1px solid currentcolor;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-size:var(--font-sm);font-weight:600;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(forced-colors:active){.toast{border:1px solid CanvasText}}.divider{display:flex;align-items:center;gap:10px;margin:var(--space-4) 0;color:var(--muted);font-size:var(--font-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:600;white-space:nowrap}.badge:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentcolor}.badge-with-icon:before{content:none}.badge-icon{margin-left:-3px}.badge-live{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase}.badge-live:before{background:var(--accent-vivid);box-shadow:0 0 0 1.5px var(--on-accent);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.badge-live:before{animation:none}}.badge-tone-good{background:var(--good-bg);color:var(--good)}.badge-error,.badge-tone-bad{background:var(--danger-bg);color:var(--danger)}.badge-waiting,.badge-connecting,.badge-tone-warn{background:var(--warn-bg);color:var(--warn)}.badge-tone-accent{background:var(--accent-soft);color:var(--accent-soft-fg)}@media(forced-colors:active){.badge{border:1px solid CanvasText}}.avatar{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-soft-fg);font-weight:700}.gift-icon{flex:none;width:32px;height:32px;object-fit:contain}.gift-icon-fallback{display:inline-block;color:var(--muted)}table,.data-table{width:100%;border-collapse:collapse}th,td{padding:10px var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:600;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--surface-2)}td.num,th.num{text-align:right}.table-wrap{overflow-x:auto}.gift-cell{display:flex;align-items:center;gap:var(--space-2)}.segmented{display:flex;flex-wrap:wrap;gap:6px}.tabs{display:flex;gap:var(--space-6);overflow-x:auto;scrollbar-width:none}.tab{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-weight:600;text-decoration:none;white-space:nowrap}.tab:hover,.tab.active,.tab[aria-current=page],.tab[aria-selected=true]{color:var(--text)}.tab.active:after,.tab[aria-current=page]:after,.tab[aria-selected=true]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent-vivid)}.metric-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin:0}.metric-tab{position:relative;display:block}.metric-tab input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.metric-tab-body{position:relative;display:flex;flex-direction:column;gap:2px;height:100%;padding:14px var(--space-4) var(--space-4);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.metric-tab-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:500}.metric-tab-value{color:var(--text);font-size:var(--font-2xl);line-height:var(--leading-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metric-tab-note{color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs)}.metric-tab input:hover+.metric-tab-body{background:var(--surface-2)}.metric-tab input:checked+.metric-tab-body{background:var(--surface-2)}.metric-tab input:checked+.metric-tab-body .metric-tab-label{color:var(--text)}.metric-tab input:checked+.metric-tab-body:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--accent-vivid)}.metric-tab input:focus-visible+.metric-tab-body{outline:2px solid var(--focus);outline-offset:2px}@media(forced-colors:active){.metric-tab input:checked+.metric-tab-body{border:2px solid Highlight}}.settings-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-2) var(--space-6);align-items:start;padding:var(--space-4) 0;border-top:1px solid var(--border)}.settings-row:first-child{padding-top:0;border-top:0}.settings-row-label{display:block;font-weight:600}.settings-row-description{margin:2px 0 0;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm)}.settings-row-control{min-width:0}.settings-row-control>:last-child{margin-bottom:0}@media(max-width:600px){.settings-row{grid-template-columns:minmax(0,1fr)}}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4);overflow-y:auto;background:var(--backdrop)}.modal{width:100%;max-width:560px;margin-top:8vh;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}.modal:focus{outline:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-head h2{margin:6px 0 0}.modal-close{margin:-4px -8px 0 0}.modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}@media(max-width:600px){.modal-backdrop{padding:var(--space-6) 0 0}.modal{max-width:none;margin-top:auto;padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-footer>.btn{flex:1 1 auto}}.chart-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.chart-head h2{margin:0;font-size:var(--font-md);line-height:var(--leading-md)}.chart-block{--chart-bar-rest: color-mix(in oklab, var(--chart-bar) 46%, var(--surface));--chart-bar-lift: var(--chart-bar);min-width:0}@media(prefers-color-scheme:dark){.chart-block{--chart-bar-rest: color-mix(in oklab, var(--chart-bar) 58%, var(--surface))}}.chart-frame{position:relative;min-width:0}.chart{display:block;width:100%;height:auto;overflow:visible}.chart .bar{fill:var(--chart-bar-rest)}.chart .bar-active{fill:var(--chart-bar-lift)}.chart .grid{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges}.chart-guide{stroke:var(--border-strong);stroke-width:1;shape-rendering:crispEdges}.chart text{fill:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.chart-hit{position:absolute;inset:0;touch-action:pan-y;cursor:crosshair}.chart-tooltip{position:absolute;top:0;z-index:1;max-width:100%;padding:6px var(--space-3);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.chart-tooltip strong{color:var(--text);font-weight:700}.chart-data-toggle{margin-top:var(--space-2);margin-left:calc(-1 * var(--space-3));color:var(--muted)}.chart-data-toggle:hover:not(:disabled){color:var(--text)}.chart-data{max-height:20rem;overflow-y:auto;margin-top:var(--space-1);overscroll-behavior:contain}.chart-data th[scope=row]{color:var(--text);font-size:var(--font-sm);font-weight:500}@media(forced-colors:active){.chart .bar{fill:CanvasText}.chart .bar-active{fill:Highlight}}.card-link{display:inline-flex;align-items:center;gap:2px;min-height:32px;color:var(--accent-fg);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:600;text-decoration:none;white-space:nowrap}.card-link:hover{text-decoration:underline}.setup-steps{margin:0;padding:0;list-style:none}.setup-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--border)}.setup-step:first-child{border-top:0;padding-top:0}.setup-step:last-child{padding-bottom:0}.setup-step-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:var(--font-sm);font-weight:700;font-variant-numeric:tabular-nums}.setup-step-done .setup-step-mark{background:var(--good-bg);color:var(--good)}.setup-step-current .setup-step-mark{background:var(--accent);color:var(--on-accent)}.setup-step-text h3{margin:0;font-size:var(--font-md);line-height:var(--leading-md);font-weight:600}.setup-step-text p{margin:2px 0 0}.setup-step-next .setup-step-text h3,.setup-step-done .setup-step-text h3{color:var(--muted)}.setup-step-done .setup-step-text h3{text-decoration:line-through;text-decoration-thickness:1px}@media(max-width:600px){.setup-step{grid-template-columns:28px minmax(0,1fr);align-items:start}.setup-step-action{grid-column:2;margin-top:var(--space-2)}}.live-rows{margin:0;padding:0;list-style:none}.live-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border)}.live-row:first-child{border-top:0;padding-top:0}.live-row:last-child{padding-bottom:0}.live-row-who{display:flex;flex:1 1 10rem;flex-direction:column;min-width:0}.live-row-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.live-row-error{color:var(--danger);overflow-wrap:anywhere}@media(max-width:600px){.live-row-action{flex:1 1 100%}}.home-live-now-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}.home-live-now-head h2{margin:0}.home-metrics .tile,.home-metrics .skeleton-tile{background:var(--surface-2);border-color:transparent}.home-sessions th,.home-sessions td{white-space:nowrap}.home-sessions td a{color:var(--text);font-weight:500;text-decoration:none}.home-sessions td a:hover{color:var(--accent-fg);text-decoration:underline}.home-session-live{margin-left:var(--space-2)}@media(max-width:600px){.home-sessions th,.home-sessions td{padding-right:var(--space-2);padding-left:var(--space-2)}}.widget-rows{margin:0;padding:0;list-style:none}.widget-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:10px 0;border-top:1px solid var(--border)}.widget-row:first-child{border-top:0;padding-top:0}.widget-row-text{display:flex;flex-direction:column;min-width:0}.widget-row-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.obs-dot{flex:none;width:8px;height:8px;border:1.5px solid var(--border-strong);border-radius:50%;margin-top:7px}.obs-dot-on{border-color:var(--good);background:var(--good)}.home-widgets-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.home-widgets-empty p{margin:0}.home-chats .chat-scroll{max-height:18rem}.not-found h1{margin:0;color:var(--text)}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.page-toolbar .field{margin:0}.page-toolbar .field label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page-toolbar select{width:auto;min-width:10.5rem}.page-toolbar>p{margin:0}@media(max-width:600px){.page-toolbar{width:100%}.page-toolbar .field{flex:1 1 9rem;min-width:0}.page-toolbar select{width:100%;min-width:0}}.section-title{margin:0 0 var(--space-3);font-size:var(--font-md);line-height:var(--leading-md);font-weight:600}.custom-range-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.custom-range-foot p{margin:0}.key-metrics .metric-tabs{margin-bottom:var(--space-5)}.key-metrics .metric-tab-body{background:var(--surface-2);border-color:transparent}.key-metrics .metric-tab input:hover+.metric-tab-body{background:var(--surface-3)}.key-metrics .metric-tab input:checked+.metric-tab-body{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.key-metrics .skeleton-tile{background:var(--surface-2);border-color:transparent}.key-metrics .skeleton>.skeleton-chart{height:240px;margin-top:var(--space-5);padding:0;border:0}@media(max-width:600px){.key-metrics .metric-tabs{display:flex;gap:var(--space-2);margin-right:calc(-1 * var(--card-pad));margin-left:calc(-1 * var(--card-pad));padding:0 var(--card-pad) var(--space-1);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--card-pad);scrollbar-width:none}.key-metrics .metric-tabs::-webkit-scrollbar{display:none}.key-metrics .metric-tab{flex:0 0 auto;min-width:9.5rem;scroll-snap-align:start}.key-metrics .metric-tab-value{font-size:var(--font-xl);line-height:var(--leading-xl)}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin:0}.tile{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.tile dt{color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:500}.tile dd{margin:var(--space-1) 0 0;font-size:var(--font-2xl);line-height:var(--leading-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(max-width:480px){.tile dd{font-size:var(--font-xl);line-height:var(--leading-xl)}}.tile dd small{display:block;margin-top:2px;color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:400;letter-spacing:0}.tiles-strip{display:flex;flex-wrap:wrap;gap:1px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg)}.tiles-strip .tile{flex:1 1 150px;border:0;border-radius:0}.stack-tight>*+*{margin-top:var(--space-2)}.table-scroll{max-height:26rem;overflow-y:auto;overscroll-behavior:contain;margin-right:-12px;padding-right:12px;scrollbar-gutter:stable}.table-scroll thead th{position:sticky;top:0;z-index:1;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border)}.live-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--accent-vivid) 32%,transparent);border-radius:var(--radius-lg);background:var(--accent-soft)}.live-banner-text{margin:0}.live-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent-vivid);animation:live-pulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.live-banner-link{display:inline-flex;align-items:center;gap:2px;margin-left:auto;font-weight:600;text-decoration:none}.live-banner-link:hover{text-decoration:underline}.sessions-card{padding:0;overflow:hidden}.sessions-card>.notice{margin:var(--space-4)}.sessions-card .skeleton{padding:0 var(--space-4)}.sessions-card .skeleton-row:last-child{border-bottom:0}.sessions-table{min-width:44rem;border-collapse:separate;border-spacing:0}.sessions-table th,.sessions-table td{padding:var(--space-3) var(--space-4)}.sessions-table th{background:var(--surface)}.sessions-table th:first-child,.sessions-table td:first-child{padding-left:var(--space-5)}.sessions-table th:last-child,.sessions-table td:last-child{padding-right:var(--space-5)}.sessions-table tbody tr.row-live td{background:var(--accent-soft)}.session-cell{max-width:22rem}.sessions-table td:nth-child(2){white-space:nowrap}.session-link{white-space:nowrap;color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.session-link:hover{color:var(--accent-fg);text-decoration-color:currentcolor}.sessions-table .late-join{font-size:var(--font-xs);line-height:var(--leading-xs)}.sessions-more{display:flex;justify-content:center;padding:var(--space-4);border-top:1px solid var(--border)}@media(max-width:760px){.sessions-table th:first-child,.sessions-table td:first-child{position:sticky;left:0;z-index:1;padding-left:var(--space-4);background:var(--surface);box-shadow:inset -1px 0 0 var(--border)}.session-cell{max-width:min(13rem,55vw)}}.stream-header{gap:var(--space-1)}.eyebrow{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stream-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.stream-title h1{min-width:0;margin:0;overflow-wrap:anywhere}.stream-header .page-description{margin:0}.skeleton-header .skeleton-line-title{width:40%;height:26px;margin-top:0}.strip-skeleton .skeleton>.skeleton-tiles{display:flex;flex-wrap:wrap;gap:1px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg)}.strip-skeleton .skeleton-tile{flex:1 1 150px;border:0;border-radius:0}.chat-scroll{max-height:26rem;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;margin-right:-12px;padding-right:12px;scrollbar-gutter:stable}.chat-list{list-style:none;margin:0;padding:0}.chat-line{display:grid;grid-template-columns:6.5rem minmax(0,11rem) minmax(0,1fr);gap:2px 12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--border);font-size:var(--font-md)}.chat-time{font-size:var(--font-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.chat-who,.chat-body{min-width:0;overflow-wrap:anywhere}.chat-nick{font-weight:600}.chat-text{display:block;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}.chat-text-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.chat-more{margin-top:2px;padding:0;border:0;background:none;color:var(--accent-fg);font:inherit;font-size:var(--font-sm);text-decoration:underline;cursor:pointer}.chat-sentinel{height:1px}.chat-tail,.chat-live{margin:8px 0 0}@media(max-width:600px){.chat-line{grid-template-columns:auto minmax(0,1fr)}.chat-body{grid-column:1 / -1}}.late-join{max-width:46ch;margin-top:4px;padding-left:8px;border-left:3px solid var(--warn)}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-4)}.account{display:flex;flex-direction:column;min-width:0}.account-head{display:flex;align-items:center;gap:var(--space-3)}.account-head .avatar{width:48px;height:48px;font-size:var(--font-lg)}.account-head .badge{flex:none;align-self:flex-start}.account-names{flex:1 1 auto;min-width:0}.account-names strong,.account-names span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-names strong{font-size:var(--font-lg);line-height:var(--leading-lg)}.account-rows{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.account-row{display:flex;align-items:flex-start;gap:var(--space-2);min-height:24px;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm)}.account-row:has(.btn){align-items:center}.account-row .btn{flex:none;margin:-4px 0 -4px auto}.account-row-icon{display:inline-flex;flex:none;padding-top:2px}.account-row:has(.btn) .account-row-icon{padding-top:0}.account-row>span:not(.account-row-icon){flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.account-row-text{color:var(--text)}.account-row-warn{color:var(--warn)}.account-row-danger{color:var(--danger)}.account-foot{justify-content:flex-start}.account-foot .btn-danger{margin-left:auto}.release-list{margin:0 0 var(--space-3);padding-left:1.2rem}.release-list li+li{margin-top:var(--space-1)}.add-form{max-width:36rem}.input-prefix{position:relative}.input-prefix-mark{position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.input-prefix input{padding-left:30px}.hero-card{padding:var(--space-10) var(--space-6)}.hero-inner{max-width:560px;margin:0 auto var(--space-6);text-align:center}.hero-inner h2{margin-bottom:var(--space-2);font-size:var(--font-xl);line-height:var(--leading-xl)}.hero-mark{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:var(--space-3);border-radius:50%;background:var(--accent-soft);color:var(--accent-soft-fg)}.explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:760px;margin:0 auto var(--space-8);padding:0;list-style:none;text-align:center}.explainer li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.explainer p{margin:0}.explainer-title{font-weight:600}.explainer-text{font-size:var(--font-sm);line-height:var(--leading-sm)}.hero-form{max-width:480px;margin:0 auto}@media(max-width:760px){.hero-card{padding:var(--space-8) var(--space-4)}.explainer{grid-template-columns:minmax(0,1fr);text-align:left}.explainer li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:0 var(--space-3)}.explainer .step-num{grid-row:span 2}}.claim-card .card-head{margin-bottom:var(--space-4)}.countdown-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm);font-weight:500}.countdown-pill.is-warn{background:var(--warn-bg);color:var(--warn)}.countdown{font-variant-numeric:tabular-nums;font-weight:600}.stepper{max-width:640px;margin:0;padding:0;list-style:none}.step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 var(--space-3);padding-bottom:var(--space-5)}.step:last-child{padding-bottom:0}.step:not(:last-child):before{content:"";position:absolute;top:34px;bottom:6px;left:13px;width:2px;background:var(--border)}.step-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-soft-fg);font-size:var(--font-sm);font-weight:700}.step-body{min-width:0}.step-body p{margin:0 0 var(--space-2)}.step-title{padding-top:3px;font-weight:600}.claim-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.claim-code{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-family:var(--font-mono);font-size:22px;line-height:30px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;user-select:all}.zone-list{max-height:280px;overflow-y:auto;margin:8px 0;border:1px solid var(--border);border-radius:var(--radius-md)}.zone-option{position:relative;display:block}.zone-option input{position:absolute;opacity:0;inset:0;cursor:pointer}.zone-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 10px;border-bottom:1px solid var(--border)}.zone-option:last-child .zone-row{border-bottom:0}.zone-option:hover .zone-row{background:var(--surface-2)}.zone-option input:checked+.zone-row{background:var(--accent-soft)}.zone-option input:checked+.zone-row .zone-id{font-weight:600}.zone-option input:focus-visible+.zone-row{outline:3px solid var(--focus);outline-offset:-3px}.zone-check{align-self:center;color:var(--accent-fg);visibility:hidden}.zone-option input:checked+.zone-row .zone-check{visibility:visible}.zone-tag{padding:0 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);font-size:var(--font-xs);font-weight:600}.zone-offset{margin-left:auto;color:var(--muted);font-size:var(--font-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.zone-empty{padding:12px 10px;margin:0}.card>h2+.settings-row,.card>.notice+.settings-row{padding-top:var(--space-2);border-top:0}.card>.settings-row:last-child{padding-bottom:0}.settings-row-control input[type=text],.settings-row-control input[type=email]{max-width:28rem}.setting-value{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.setting-value-text{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.setting-value .btn{flex:none}.method-badge{min-width:0;white-space:normal;overflow-wrap:anywhere}.method-badge:before{align-self:flex-start;margin-top:5px}.reauth-lead{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.reauth-lead p{margin:0 0 var(--space-2)}.reauth-lead p:last-child{margin-bottom:0}.reauth-icon{display:inline-grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--text)}.reauth .field{margin-bottom:0}.reauth .notice{margin:var(--space-3) 0 0}.auth-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.auth-top{flex:none;padding:var(--space-5) var(--space-6)}.auth-main{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4) var(--space-16)}.auth-card{--auth-pad: var(--space-10);width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.auth-card-body{padding:var(--auth-pad)}.auth-card-foot{padding:var(--space-5) var(--auth-pad);border-top:1px solid var(--border);border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px);background:var(--surface-2);text-align:center}.auth-switch{margin-left:2px;font-weight:700}@media(max-width:600px){.auth-top{padding:var(--space-4)}.auth-main{align-items:flex-start;padding:0 0 var(--space-8)}.auth-card{--auth-pad: var(--space-5);max-width:none;border:0;border-radius:0;box-shadow:none}.auth-card-body{padding-block:var(--space-8)}.auth-card-foot{border-radius:0}}.auth-head{margin-bottom:var(--space-6);text-align:center}.auth-title{margin:0;font-size:var(--font-2xl);line-height:var(--leading-2xl);letter-spacing:-.02em}.auth-subtitle{margin:var(--space-2) 0 0;color:var(--muted)}.auth-status{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-4);border-radius:50%}.auth-status-success{background:var(--good-bg);color:var(--good)}.auth-status-problem{background:var(--danger-bg);color:var(--danger)}.auth-card .btn-block,.auth-card input[type=text],.auth-card input[type=email],.auth-card input[type=password]{min-height:48px}.auth-google{position:relative}.auth-google .icon{position:absolute;top:50%;left:var(--space-4);margin-top:-10px}.auth-card .divider{margin:var(--space-5) 0}.auth-aside{margin:var(--space-4) 0 0;text-align:center;font-size:var(--font-sm);line-height:var(--leading-sm)}.auth-aside a{font-weight:600}.auth-terms{color:var(--muted)}.auth-terms a{font-weight:400}.auth-note{margin:0 0 var(--space-4);text-align:center}.rules{display:grid;gap:var(--space-2);margin:0 0 var(--space-4);padding:0;list-style:none;color:var(--muted);font-size:var(--font-sm);line-height:var(--leading-sm)}.rules li{display:flex;align-items:center;gap:var(--space-2)}.rule-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:50%;color:var(--surface)}.rules li[data-met=true]{color:var(--good)}.rules li[data-met=true] .rule-mark{background:var(--good);border-color:var(--good)}@media(forced-colors:active){.rule-mark{color:CanvasText}}.verify-banner-lead{display:flex;flex:1 1 320px;align-items:flex-start;gap:var(--space-3);min-width:0}.verify-banner-icon{margin-top:2px;color:var(--info)}.verify-banner .field-error{margin-top:2px}.widget-create{align-items:flex-end}.widget-list>h2{margin-bottom:0}.obs-steps{display:grid;gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none;counter-reset:obs-step}.obs-steps li{position:relative;min-height:24px;padding-left:var(--space-8);counter-increment:obs-step}.obs-steps li:before{content:counter(obs-step);position:absolute;top:-1px;left:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:var(--font-xs);font-weight:700;font-variant-numeric:tabular-nums}.widget-head{margin-bottom:var(--space-2)}.widget-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-width:0}.widget-title h3{overflow-wrap:anywhere}.widget-account{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--font-xs);line-height:var(--leading-xs);font-weight:600}.widget-meta{display:grid;margin:0 0 var(--space-4);font-size:var(--font-sm);line-height:var(--leading-sm)}.widget-meta>div{display:grid;grid-template-columns:minmax(104px,148px) minmax(0,1fr);gap:var(--space-4);padding:var(--space-2) 0;border-top:1px solid var(--border)}.widget-meta>div:first-child{border-top:0}.widget-meta dt{color:var(--muted)}.widget-meta dd{margin:0;overflow-wrap:anywhere}@media(min-width:900px){.widget-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-8)}.widget-meta>div{grid-template-columns:minmax(96px,120px) minmax(0,1fr)}.widget-meta>div:nth-child(2){border-top:0}}@media(max-width:600px){.widget-meta>div{grid-template-columns:minmax(88px,112px) minmax(0,1fr);gap:var(--space-3)}}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.actions .btn-danger{margin-left:auto}.layer{margin:0 0 var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.layer-title{margin:0 0 2px;font-size:var(--font-md)}.layer-description{margin:0 0 var(--space-4);font-size:var(--font-sm)}.layer-body>:last-child{margin-bottom:0}.inset{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.inset>:last-child{margin-bottom:0}.inset:disabled{opacity:.6}.inset:disabled :disabled{opacity:1;cursor:not-allowed}.coin-input{display:flex;align-items:center;gap:8px}.coin-input input{flex:none;width:9rem}.widget-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--space-6);align-items:start;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.widget-editor-main{min-width:0}.widget-editor-side{position:sticky;top:calc(var(--topbar-h) + var(--space-4));min-width:0;max-height:calc(100vh - var(--topbar-h) - 2 * var(--space-4));max-height:calc(100dvh - var(--topbar-h) - 2 * var(--space-4));overflow-y:auto;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.widget-editor-side .preview{margin-top:0;padding-top:0;border-top:0}.browser-source{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.browser-source h4{margin:0 0 var(--space-1);font-size:var(--font-md)}.browser-source p{margin:0}.widget-editor-side>.browser-source:first-child{margin-top:0;padding-top:0;border-top:0}@media(max-width:899px),(min-width:1024px)and (max-width:1139px){.widget-editor{grid-template-columns:minmax(0,1fr)}.widget-editor-side{position:static;max-height:none;overflow:visible}}@media(max-width:600px){.widget-editor-side{padding:0;border:0;border-radius:0;background:none}.widget-editor-side .preview{padding-top:var(--space-4);border-top:1px solid var(--border)}.layer{padding:var(--space-4)}}.url-box{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.url-box input{flex:1 1 260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-sm)}.gift-scroll{max-height:260px;overflow-y:auto;padding:2px;margin:8px 0}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.gift-more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.gift-sentinel{width:100%;height:1px}.gift-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}.gift-strip .gift-option{flex:0 0 104px}.gift-option{position:relative}.gift-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.gift-option>span{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);height:100%;padding:var(--space-3) var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-xs);line-height:var(--leading-xs);text-align:center}.gift-option input:hover+span{background:var(--surface-2)}.gift-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.gift-option input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}@media(forced-colors:active){.gift-option input:checked+span{border:2px solid Highlight}}.preview{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.preview-head h4{margin:0;font-size:1rem}.preview-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 28px;margin-top:12px}.phone-wrap{flex:0 1 auto;width:min(100%,calc(70vh * var(--ratio, .46025)));padding:6px}@media(max-width:600px){.phone-wrap{width:calc(100% + 34px);margin-inline:-17px}}.phone-frame{position:relative;width:100%;aspect-ratio:var(--ratio, .46025);overflow:hidden;overflow:clip;isolation:isolate;background:#14151f;box-shadow:0 0 0 6px #0c0d14,var(--shadow)}.phone-bg{position:absolute;inset:0;background:linear-gradient(165deg,#4a5070,#2b2f48 45%,#181a28)}.phone-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.phone-stage{position:absolute;left:0;top:0;width:1080px;height:1920px;transform-origin:0 0}.phone-stage iframe{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:light}.phone-points{position:absolute;left:0;top:0;width:440px;height:956px;transform-origin:0 0;pointer-events:none}.crop-guides{position:absolute;inset:0;pointer-events:none}.crop-guide{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000042;color:#fff}.crop-guide-left{left:0;border-right:1px dashed rgb(255 255 255 / 85%)}.crop-guide-right{right:0;border-left:1px dashed rgb(255 255 255 / 85%)}.crop-guide span{writing-mode:vertical-rl;font-size:11px;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.crop-guide-left span{transform:rotate(180deg)}.jar-handle{position:absolute;z-index:1;margin:0;padding:0;border:2px dashed transparent;border-radius:14px;background:transparent;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.jar-handle:hover,.jar-handle:focus-visible,.jar-handle[data-dragging=true]{border-color:#fffc;background:#ffffff0f;box-shadow:0 0 0 1px #00000059}.jar-handle:hover{background:#ffffff1f}.jar-handle:active,.jar-handle[data-dragging=true]{cursor:grabbing}.jar-handle:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:#fff}.jar-handle-grip{position:absolute;transform:translate(-50%,calc(-100% - 4px));padding:3px 8px;border-radius:999px;background:#12161fd1;font-size:11px;line-height:1.2;white-space:nowrap;pointer-events:none}.jar-contents{margin-bottom:4px}.jar-clear-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 8px}.jar-clear-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.jar-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.jar-spot{margin-top:8px}.jar-unsaved{color:var(--warn);font-weight:600}.preview-side{flex:1 1 240px;min-width:0}.preview-side p,.preview-view{margin-bottom:8px}.preview-check{display:flex;align-items:center;gap:8px;font-weight:600;min-height:32px}.preview-bg,.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.preview-file:focus-within{outline:3px solid var(--focus);outline-offset:2px}.iphone-chrome{position:absolute;inset:0;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 55%))}.iphone-chrome:before{content:"";position:absolute;left:0;right:0;top:0;height:96px;background:linear-gradient(to bottom,rgb(0 0 0 / 32%),transparent)}.iphone-chrome__island{position:absolute;background:#000;border-radius:999px}.iphone-chrome__time,.iphone-chrome__status{position:absolute;display:flex;align-items:center;justify-content:center}.iphone-chrome__time{font-size:16px;font-weight:600;letter-spacing:.01em}.iphone-chrome__status{gap:6px}.iphone-chrome__home{position:absolute;border-radius:3px;background:#ffffffeb}.live-layout{position:absolute;inset:0;color:#fff;font-size:13px;line-height:1.25;text-shadow:0 1px 2px rgb(0 0 0 / 45%);pointer-events:none}.live-layout__host,.live-layout__top-right,.live-layout__bar,.live-layout__comments li,.live-layout__chip,.live-layout__follow{display:flex;align-items:center}.live-layout__host{gap:8px;padding:4px 8px 4px 4px;border-radius:20px;background:#00000059}.live-layout__avatar{flex:none;width:32px;height:32px;border-radius:50%;background:#ffffff7f}.live-layout__avatar--small{width:24px;height:24px}.live-layout__host-text{display:flex;flex:1;flex-direction:column;min-width:0;font-size:10px;white-space:nowrap}.live-layout__host-text strong{font-size:13px}.live-layout__follow{flex:none;height:28px;padding:0 12px;border-radius:14px;background:#ffffff4d;font-size:12px;font-weight:600}.live-layout__top-right{justify-content:flex-end;gap:8px}.live-layout__viewers{display:flex}.live-layout__viewers i{width:28px;height:28px;margin-left:-9px;border-radius:50%;border:2px solid rgb(0 0 0 / 35%);background:#ffffff73}.live-layout__chip{height:28px;padding:0 10px;border-radius:14px;background:#00000059;font-size:12px;font-weight:600}.live-layout__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00000059;font-size:24px;line-height:1}.live-layout__actions{display:flex;flex-direction:column;gap:14px}.live-layout__action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0000004d}.live-layout__action i,.live-layout__round i{width:18px;height:18px;border-radius:6px;background:#ffffff8c}.live-layout__comments{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%);mask-image:linear-gradient(to bottom,transparent 0%,#000 35%)}.live-layout__comments li{align-self:flex-start;gap:6px;padding:4px 12px 4px 4px;border-radius:16px;background:#00000047;font-size:12px}.live-layout__comments b{opacity:.8;font-weight:600}.live-layout__bar{gap:8px}.live-layout__input{display:flex;align-items:center;flex:1;height:44px;padding:0 16px;border-radius:22px;background:#0000004d;font-size:14px;opacity:.85}.live-layout__round{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:#ffffff47}.live-layout__round--dim{background:#0000004d}