@keyframes k-rise{0%{opacity:0;transform:translate3d(0, var(--rise), 0)}}@keyframes k-fade{0%{opacity:0}}@keyframes k-fade-out{to{opacity:0}}@keyframes k-pop{0%{opacity:0;transform:translate3d(0, calc(var(--rise) * .6), 0) scale(.96)}}@keyframes k-pop-out{to{opacity:0;transform:translate3d(0, calc(var(--rise) * .4), 0) scale(.97)}}@keyframes k-ping{to{opacity:0;transform:scale(2.6)}}@keyframes k-spin{to{transform:rotate(360deg)}}@keyframes k-slide{0%{opacity:0;transform:translate3d(calc(var(--dir,1) * var(--rise) * 1.4), 0, 0)}}@keyframes k-march{to{stroke-dashoffset:-13px}}@layer components{html,body{margin:0;padding:0}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}svg{flex:none;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-tint)}html{scrollbar-color:var(--border-strong) transparent}input,textarea{caret-color:var(--accent)}::placeholder{color:var(--fg-2);opacity:1}.tnum{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100dvh;display:flex}.nav{z-index:40;padding:env(safe-area-inset-top,0px) max(var(--gutter), env(safe-area-inset-right,0px)) 0 max(var(--gutter), env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid var(--border);view-transition-name:site-nav;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{width:100%;max-width:var(--page-max);height:var(--nav-h);padding:var(--space-2) 0;align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.brand{color:inherit;border-radius:var(--radius-6);align-items:center;gap:var(--space-4);min-width:0;padding-left:var(--space-1);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-full);width:40px;height:40px;color:var(--accent-fg);background:var(--accent);flex:none;place-items:center;display:grid}.brand-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-inner.share-nav-product{gap:var(--space-8);grid-template-columns:auto minmax(0,1fr) auto}.nav-tag{color:var(--fg-2);font-size:var(--text-2xs);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}@media (max-width:760px){.nav-tag{display:none}.nav-inner.share-nav-product{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:420px){.share-nav-product .brand-name{display:none}}.auth-inline{gap:var(--space-8);margin-top:var(--space-6);flex-direction:column;display:flex}.nav-inner.share-nav{grid-template-columns:minmax(0,1fr)}.share-bare .page{padding-top:calc(var(--space-13) + env(safe-area-inset-top,0px))}.share-bare .gate-brand+.page{padding-top:0}.gate-brand{width:100%;max-width:calc(var(--page-narrow) + 2 * var(--gutter));padding:calc(var(--space-15) + env(safe-area-inset-top,0px)) var(--gutter) 0;justify-content:center;margin:0 auto;display:flex}.gate-brand .share-logo{object-position:center;max-width:min(220px,60vw);height:40px}.gate-brand-name{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);text-align:center;overflow-wrap:anywhere}.branded-video{position:relative;container-type:inline-size}.brand-overlay{--overlay-inset:clamp(4px, 2.5cqi, 16px);z-index:1;top:var(--overlay-inset);left:var(--overlay-inset);pointer-events:none;-webkit-user-select:none;user-select:none;width:22%;height:10%;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--color-ink) 45%, transparent));align-items:flex-start;display:flex;position:absolute}.brand-overlay[data-text]{width:auto;max-width:40%;height:auto}.brand-overlay-logo{object-fit:contain;object-position:left top;width:100%;height:100%;display:block}.brand-overlay-name{color:var(--stage-fg);font-size:clamp(10px,2.2cqi,18px);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.share-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(240px,60vw);height:36px;display:block}.share-logo[data-variant=light]{display:none}[data-theme=light] .share-logo[data-variant=light]{display:block}[data-theme=light] .share-logo[data-variant=dark],[data-theme=light] [data-theme=dark] .share-logo[data-variant=light]{display:none}[data-theme=light] [data-theme=dark] .share-logo[data-variant=dark]{display:block}.auth-plain{width:100%;max-width:440px;margin:var(--space-13) auto 0}.nav-start{align-items:center;gap:var(--space-1);min-width:0;display:flex}.ws-sep{color:var(--fg-dis)}@media (max-width:1480px){.nav-start:has(.ws-switch) .brand-name{display:none}}.ws-switch{align-items:center;gap:var(--space-2);min-width:0;height:44px;padding:0 var(--space-4) 0 var(--space-1);border-radius:var(--radius-6);color:var(--fg);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);display:inline-flex}.ws-switch:hover:not(:disabled){background:var(--surface-hover)}.ws-switch:active:not(:disabled){transform:scale(.97)}.ws-switch:disabled{opacity:.4;cursor:not-allowed}.ws-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.ws-chevron{color:var(--fg-2)}.ws-mark{background:var(--accent-tint);width:30px;height:30px;color:var(--accent-text);font-size:12px;font-weight:var(--weight-medium);letter-spacing:0;border-radius:9px;flex:none;place-items:center;display:grid}.ws-mark[data-personal]{background:var(--surface-2);color:var(--fg-2)}.menu.ws-menu{right:auto;left:max(var(--gutter), calc((100vw - var(--page-max)) / 2));transform-origin:0 0}.menu-label{padding:var(--space-2) var(--space-6) var(--space-1);font-size:var(--text-2xs);color:var(--fg-2);margin:0}.menu-rule{height:1px;margin:var(--space-2) 0;background:var(--border)}.ws-item{height:52px;padding:0 var(--space-4)}.ws-item[aria-current]{background:var(--surface-2)}.ws-item-text{min-width:0;line-height:var(--leading-snug);flex-direction:column;flex:1;display:flex}.ws-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ws-item-text small{color:var(--fg-2);font-size:12px}.ws-check{color:var(--accent-text)}.menu-ws-compact{display:none}.tabs{--tab:0;grid-template-columns:repeat(var(--tab-count,5), 1fr);border-radius:var(--radius-6);background:var(--surface-2);isolation:isolate;padding:4px;display:grid;position:relative}.tabs[data-none] .tab-indicator{opacity:0}.tab-indicator{z-index:-1;width:calc((100% - 8px) / var(--tab-count,5));border-radius:var(--radius-6);background:var(--surface-hover);transform:translate3d(calc(var(--tab) * 100%), 0, 0);transition:transform var(--duration-slower) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.tab{justify-content:center;align-items:center;gap:var(--space-2);min-width:96px;height:40px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg-2);font-weight:var(--weight-medium);transition:color var(--duration-base) var(--ease-standard), opacity var(--duration-fast);display:inline-flex}.tab:hover:not(:disabled),.tab[aria-current=page]{color:var(--fg)}.tab{text-decoration:none}.tab:disabled,.tab[aria-disabled=true]{opacity:.4;cursor:not-allowed}.nav-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.icon-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--fg-2);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);place-items:center;display:grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.icon-btn:active:not(:disabled){transform:scale(.92)}.theme-icon{transition:transform var(--duration-slower) var(--ease-spring), opacity var(--duration-base) var(--ease-standard);grid-area:1/1}.theme-icon[data-active=false]{opacity:0;transform:rotate(-90deg)scale(.5)}.avatar-btn{border-radius:var(--radius-full);width:44px;height:44px;font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--fg);background:var(--accent-tint);border:1px solid var(--border-strong);transition:transform var(--duration-base) var(--ease-spring), border-color var(--duration-fast);place-items:center;display:grid}.avatar-btn:hover{border-color:var(--accent)}.avatar-btn:active{transform:scale(.94)}.menu{inset:auto;top:calc(var(--nav-h) + var(--space-2) + env(safe-area-inset-top,0px));right:max(var(--gutter), calc((100vw - var(--page-max)) / 2));width:min(280px, calc(100vw - 2 * var(--gutter)));padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--fg);box-shadow:var(--elevation);transform-origin:100% 0;opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), overlay var(--duration-base) allow-discrete, display var(--duration-base) allow-discrete;margin:0;position:fixed;transform:translateY(-6px)scale(.96)}.menu:popover-open{opacity:1;transform:none}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-6px)scale(.96)}}.menu-head{padding:var(--space-4) var(--space-6) var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.menu-head b{font-weight:var(--weight-medium);display:block}.menu-head small{font-size:var(--text-2xs);color:var(--fg-2);text-overflow:ellipsis;display:block;overflow:hidden}.menu-item{align-items:center;gap:var(--space-4);width:100%;height:44px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard);text-decoration:none;display:flex}.menu-item:hover{background:var(--surface-hover)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page{width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));padding-top:calc(var(--nav-h) + var(--space-13) + env(safe-area-inset-top,0px));padding-bottom:var(--space-15);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));flex:1;margin:0 auto}.page-centered{align-content:center;display:grid}.page-narrow{max-width:calc(var(--page-narrow) + 2 * var(--gutter))}.display,.title{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:0}.lede{margin:var(--space-7) 0 0;max-width:46ch;font-size:var(--text-xs);color:var(--fg-2)}.h-card{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);letter-spacing:var(--tracking-heading);margin:0}.hint{font-size:var(--text-2xs);color:var(--fg-2);line-height:var(--leading-body);margin:0}.msg-error{color:var(--danger-text)}.msg-success{color:var(--success)}.msg{align-items:flex-start;gap:var(--space-2);animation:k-pop var(--duration-slow) var(--ease-spring) backwards;display:flex}.glass{background:var(--surface-solid);border-radius:var(--radius-md);border:1px solid #0000}[data-theme=light] .glass{border-color:var(--border)}.pad{padding:var(--space-10)}.btn{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-10);border-radius:var(--radius-6);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring), opacity var(--duration-fast);text-decoration:none;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:var(--duration-fast);transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{background:var(--danger-tint);color:var(--danger-text);border-color:#0000}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 28%, transparent)}.btn-lg{height:56px;padding:0 var(--space-13);font-size:var(--text-xs)}.btn-sm{height:36px;padding:0 var(--space-7);font-size:var(--text-2xs)}.btn-block{width:100%}.btn-on-stage{border-color:var(--stage-border);background:var(--stage-surface);color:var(--stage-fg)}.btn-on-stage:hover:not(:disabled){background:color-mix(in srgb, var(--color-white) 12%, transparent)}.link-btn{color:var(--accent-text);font-weight:var(--weight-medium);text-underline-offset:4px;transition:text-decoration-color var(--duration-fast) var(--ease-standard);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.link-btn:hover{text-decoration-color:currentColor}.rec-glyph{border-radius:var(--radius-full);background:currentColor;width:12px;height:12px}.spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:16px;height:16px;animation:.8s linear infinite k-spin}.field{gap:var(--space-2);font-size:var(--text-2xs);color:var(--fg-2);flex-direction:column;display:flex}.input{width:100%;height:48px;padding:0 var(--space-8);border-radius:var(--radius-6);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:var(--text-xs);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background-color var(--duration-fast)}.input:hover:not(:disabled){border-color:var(--fg-dis)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:none}.input:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{height:auto;min-height:112px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);resize:vertical;line-height:var(--leading-body)}.check{align-items:center;gap:var(--space-4);font-size:var(--text-2xs);color:var(--fg-2);cursor:pointer;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.switch{border-radius:var(--radius-6);background:var(--border-strong);width:48px;height:28px;transition:background-color var(--duration-base) var(--ease-standard);flex:none;position:relative}.switch:after{content:"";border-radius:var(--radius-full);background:var(--color-white);width:22px;height:22px;transition:transform var(--duration-slower) var(--ease-spring);position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch:active:not(:disabled):after{transform:scale(.9)}.switch[aria-checked=true]:active:not(:disabled):after{transform:translate(20px)scale(.9)}.switch:disabled{opacity:.45;cursor:not-allowed}.select{min-width:0;max-width:220px;height:40px;padding:0 var(--space-13) 0 var(--space-7);border-radius:var(--radius-6);border:1px solid var(--border);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23a0a0a0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right var(--space-6) center;color:var(--fg);font-size:var(--text-2xs);appearance:none;cursor:pointer;text-overflow:ellipsis;transition:border-color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select:disabled{opacity:.45;cursor:not-allowed}.select option{background:var(--surface-solid);color:var(--fg)}.seg{border-radius:var(--radius-6);background:var(--surface-2);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:inline-grid;position:relative}.seg-indicator{z-index:-1;width:calc((100% - 8px) / var(--count));border-radius:var(--radius-6);background:var(--surface-solid);transform:translate3d(calc(var(--index) * 100%), 0, 0);transition:transform var(--duration-slower) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.seg button{min-width:44px;height:34px;padding:0 var(--space-6);border-radius:var(--radius-6);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--fg-2);transition:color var(--duration-base) var(--ease-standard)}.seg button[aria-pressed=true]{color:var(--fg)}.corner{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px;width:92px;padding:4px;display:grid}.corner button{border-radius:var(--radius-6);height:30px;padding:0 var(--space-2);transition:background-color var(--duration-fast) var(--ease-standard);display:flex}.corner button:hover{background:var(--surface-hover)}.corner button i{border-radius:var(--radius-full);background:var(--fg-dis);width:10px;height:10px;transition:background-color var(--duration-base) var(--ease-standard), transform var(--duration-slow) var(--ease-spring)}.corner button[aria-pressed=true]{background:var(--accent-tint)}.corner button[aria-pressed=true] i{background:var(--accent);transform:scale(1.25)}.corner .tl{padding-top:var(--space-2);justify-content:flex-start;align-items:flex-start}.corner .tr{padding-top:var(--space-2);justify-content:flex-end;align-items:flex-start}.corner .bl{padding-bottom:var(--space-2);justify-content:flex-start;align-items:flex-end}.corner .br{padding-bottom:var(--space-2);justify-content:flex-end;align-items:flex-end}.record-grid{gap:var(--space-15);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid}.setup-grid{gap:var(--space-10);margin-top:var(--space-13);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;display:grid}.camera-panel{grid-column:1/-1}.panel{min-width:0;padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-solid);flex-direction:column;display:flex}.panel-head{padding:var(--space-8) var(--space-8) var(--space-7);margin-bottom:var(--space-2);border-bottom:1px solid var(--border)}.panel-head .hint{margin-top:var(--space-1)}.capture-panel .modes{margin:var(--space-6);flex:1}.mode>:last-child{margin-top:auto}.capture-panel .region-note{margin:0 var(--space-6) var(--space-6)}.modes{gap:var(--space-7);grid-template-columns:1fr 1fr;display:grid}.mode{isolation:isolate;gap:var(--space-7);padding:var(--space-10);text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard), transform var(--duration-slow) var(--ease-spring);background:0 0;flex-direction:column;display:flex;position:relative}.mode:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-3px)}.mode:active:not(:disabled){transform:scale(.98)}.mode[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint)}.mode:disabled{opacity:.5;cursor:not-allowed}.mode-glyph{height:72px;color:var(--fg-2);transition:color var(--duration-base) var(--ease-standard);place-items:center start;display:grid}.mode[aria-pressed=true] .mode-glyph{color:var(--accent-text)}.mode[aria-pressed=true] .ants{animation:1.2s linear infinite k-march}.mode b{font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);letter-spacing:var(--tracking-heading);display:block}.mode span.mode-text{margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--fg-2);display:block}.mode-check{top:var(--space-8);right:var(--space-8);border-radius:var(--radius-full);background:var(--accent);width:28px;height:28px;color:var(--accent-fg);opacity:0;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-slower) var(--ease-spring);place-items:center;display:grid;position:absolute;transform:scale(.4)}.mode[aria-pressed=true] .mode-check{opacity:1;transform:none}.region-note{margin-top:var(--space-7);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-2xs);color:var(--fg-2);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}@starting-style{.region-note{opacity:0;transform:translateY(-6px)}}.source{align-items:center;column-gap:var(--space-6);row-gap:var(--space-4);padding:var(--space-7) var(--space-8);border-radius:var(--radius-sm);transition:background-color var(--duration-base) var(--ease-standard);grid-template-columns:44px minmax(0,1fr) auto;display:grid}.source:hover{background:var(--surface)}.source+.source,.cam-panel+.source{margin-top:var(--space-1)}.source-ic{border-radius:var(--radius-full);background:var(--surface-2);width:44px;height:44px;color:var(--fg-2);transition:background-color var(--duration-slow) var(--ease-standard), color var(--duration-slow) var(--ease-standard), transform var(--duration-slower) var(--ease-spring);flex:none;place-items:center;display:grid}.source.on .source-ic{background:var(--accent-tint);color:var(--accent-text);transform:scale(1.06)}.source-txt{min-width:0}.source-txt b{font-weight:var(--weight-medium);display:block}.source-txt small{font-size:var(--text-2xs);color:var(--fg-2);display:block}.source-ctl{display:contents}.source-ctl .switch{grid-area:1/3}.source-ctl .select{grid-area:2/2/auto/4;justify-self:start;max-width:100%}.cam-panel{gap:var(--space-10);margin:var(--space-2) var(--space-8) 0;padding:var(--space-8) 0;border-top:1px solid var(--border);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);flex-wrap:wrap;align-items:flex-start;display:flex}@starting-style{.cam-panel{opacity:0;transform:translateY(-8px)}}.cam-options{gap:var(--space-8) var(--space-10);flex-wrap:wrap;align-items:flex-start;display:flex}.cam-mirror .switch{margin-top:var(--space-2)}.cam-preview{aspect-ratio:16/10;border-radius:var(--space-7);contain:strict;border:1px solid var(--border);width:320px;max-width:100%;position:relative;overflow:hidden;container-type:size}.cam-bubble-mock{width:calc(var(--size) * 100cqw);aspect-ratio:1;translate:calc(clamp(var(--size) * 50cqw, var(--cx) * 100cqw, 100cqw - var(--size) * 50cqw) - 50%) calc(clamp(var(--size) * 50cqw, var(--cy) * 100cqh, 100cqh - var(--size) * 50cqw) - 50%);transition:translate var(--duration-slower) var(--ease-spring), width var(--duration-slow) var(--ease-standard);position:absolute;top:0;left:0}.cam-preview[data-dragging=true] .cam-bubble-mock{transition:none}.cam-bubble-grab{border-radius:var(--radius-full);border:2px solid color-mix(in srgb, var(--color-white) 85%, transparent);width:100%;height:100%;box-shadow:0 4px 14px color-mix(in srgb, var(--color-ink) 45%, transparent);background:var(--art-4);cursor:grab;touch-action:none;display:block;overflow:hidden}.cam-preview[data-dragging=true] .cam-bubble-grab{cursor:grabbing}.cam-bubble-grab svg{opacity:.85;width:100%;height:100%}.cam-bubble-mock .resize-dot{border-width:3px;width:16px;height:16px}.desk{background:var(--art-1);position:absolute;inset:0}.desk .menubar{background:color-mix(in srgb, var(--color-white) 10%, transparent);align-items:center;gap:6%;height:12%;padding:0 4%;display:flex}.desk .menubar i{border-radius:var(--radius-6);background:color-mix(in srgb, var(--color-white) 40%, transparent);height:30%;display:block}.desk .win{background:color-mix(in srgb, var(--color-white) 96%, var(--art-tint));border-radius:6px;flex-direction:column;display:flex;position:absolute;inset:20% 8% 12%;overflow:hidden}.desk .win-bar{background:color-mix(in srgb, var(--color-neutral-200) 10%, var(--color-white));flex:none;align-items:center;gap:3px;height:14%;padding:0 5px;display:flex}.desk .dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-neutral-200) 30%, var(--color-white));width:5px;height:5px}.desk .win-body{flex:1;grid-template-columns:26% 1fr;min-height:0;display:grid}.desk .win-side{background:color-mix(in srgb, var(--color-neutral-200) 5%, var(--color-white));flex-direction:column;gap:4px;padding:6px 5px;display:flex}.desk .win-side i{border-radius:var(--radius-6);background:color-mix(in srgb, var(--color-neutral-200) 16%, var(--color-white));height:5px}.desk .win-main{flex-direction:column;gap:5px;min-width:0;padding:7px 8px;display:flex}.desk .bar{border-radius:var(--radius-6);background:color-mix(in srgb, var(--color-neutral-200) 12%, var(--color-white));height:6px}.desk .block{background:var(--art-tint);border-radius:4px;flex:1}.dock{z-index:20;bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px));margin-top:var(--space-15);align-items:center;gap:var(--space-7);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-10);border-radius:var(--radius-6);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--elevation);display:flex;position:sticky}.chips{gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.chip{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-6);border-radius:var(--radius-6);background:var(--accent-tint);color:var(--accent-text);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-spring);display:inline-flex}@starting-style{.chip{opacity:0;transform:scale(.8)}}.chip-muted{background:var(--surface-2);color:var(--fg-2)}.privacy{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-7) 0 0;color:var(--fg-2);font-size:var(--text-2xs);display:flex}.stage{z-index:60;background:var(--stage);color:var(--stage-fg);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;animation:k-fade var(--duration-slow) var(--ease-out) backwards;--fg:var(--stage-fg);--fg-2:var(--stage-fg-2);--accent:var(--stage-accent);--accent-hover:var(--stage-accent-hover);--accent-fg:var(--stage-accent-fg);--accent-text:var(--stage-accent-text);--accent-tint:color-mix(in srgb, var(--stage-accent) 14%, transparent);--danger-text:var(--stage-danger);--danger-tint:color-mix(in srgb, var(--stage-danger) 18%, transparent);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.stage-head{text-align:center;padding:var(--space-15) var(--gutter) var(--space-10);flex:none}.stage-head h2{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);margin:0}.stage-head p{margin:var(--space-4) auto 0;max-width:52ch;color:var(--stage-fg-2)}.stage-body{min-height:0;padding:0 var(--gutter);flex:1;place-items:center;display:grid}.stage-bar{justify-content:center;align-items:center;gap:var(--space-4);margin:var(--space-10) auto var(--space-13);padding:var(--space-2);border-radius:var(--radius-6);background:var(--stage-surface);border:1px solid var(--stage-border);flex-wrap:wrap;flex:none;display:flex}.stage-note{margin:var(--space-7) auto 0;text-align:center;max-width:52ch;color:var(--stage-fg-2);font-size:var(--text-2xs)}.canvas{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--color-ink);border:1px solid var(--stage-border);cursor:crosshair;touch-action:none;width:min(100%,920px);position:relative;overflow:hidden}.draw-hint{pointer-events:none;background:color-mix(in srgb, var(--color-ink) 45%, transparent);animation:k-fade var(--duration-slow) var(--ease-out) backwards;place-items:center;display:grid;position:absolute;inset:0}.draw-hint span{padding:var(--space-6) var(--space-10);border-radius:var(--radius-6);border:1.5px dashed var(--color-white);color:var(--color-white);font-weight:var(--weight-medium)}.crop{border:1.5px solid var(--stage-accent);box-shadow:0 0 0 9999px color-mix(in srgb, var(--color-ink) 66%, transparent);cursor:move;touch-action:none;border-radius:4px;position:absolute}.hdl{background:var(--color-white);border:2px solid var(--stage-accent);border-radius:var(--radius-full);width:14px;height:14px;transition:transform var(--duration-base) var(--ease-spring);position:absolute}.hdl:hover{transform:scale(1.35)}.hdl.nw{cursor:nwse-resize;top:-7px;left:-7px}.hdl.ne{cursor:nesw-resize;top:-7px;right:-7px}.hdl.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.hdl.se{cursor:nwse-resize;bottom:-7px;right:-7px}.dims{height:28px;padding:0 var(--space-6);border-radius:var(--radius-6);background:var(--stage-accent);color:var(--stage-accent-fg);font-size:var(--text-2xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:flex;position:absolute;top:-36px;left:50%;translate:-50%}.live-wrap{width:min(100%,920px)}.live-frame{width:100%;position:relative}.live-video{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-ink);object-fit:contain;border:1px solid var(--stage-border);width:100%;display:block}.cam-layer{pointer-events:none;position:absolute;inset:0;container-type:size}.cam-bubble{width:calc(var(--size) * 100cqw);aspect-ratio:1;translate:calc(clamp(var(--size) * 50cqw, var(--cx) * 100cqw, 100cqw - var(--size) * 50cqw) - 50%) calc(clamp(var(--size) * 50cqw, var(--cy) * 100cqh, 100cqh - var(--size) * 50cqw) - 50%);pointer-events:auto;animation:k-pop var(--duration-slower) var(--ease-spring) backwards;position:absolute;top:0;left:0}.cam-face{border-radius:var(--radius-full);border:3px solid var(--color-white);width:100%;height:100%;box-shadow:0 8px 30px color-mix(in srgb, var(--color-ink) 55%, transparent);touch-action:none;overflow:hidden}.cam-face video{object-fit:cover;width:100%;height:100%}.resize-dot{border-radius:var(--radius-full);background:var(--color-white);border:4px solid var(--stage-accent);width:24px;height:24px;box-shadow:0 2px 8px color-mix(in srgb, var(--color-ink) 50%, transparent);cursor:nwse-resize;touch-action:none;transition:transform var(--duration-base) var(--ease-spring);position:absolute;top:85.36%;left:85.36%;translate:-50% -50%}.resize-dot:hover{transform:scale(1.2)}.rec-body{padding:var(--space-15) var(--gutter) calc(var(--space-16) + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.rec-state{align-items:center;gap:var(--space-4);height:36px;padding:0 var(--space-8) 0 var(--space-7);border-radius:var(--radius-6);background:var(--danger-tint);color:var(--danger-text);font-size:var(--text-2xs);font-weight:var(--weight-medium);display:inline-flex}.rec-state[data-phase=paused]{background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning)}.rec-state[data-phase=processing]{background:var(--accent-tint);color:var(--accent-text)}.pulse{border-radius:var(--radius-full);background:currentColor;flex:none;width:10px;height:10px;position:relative}.pulse:after{content:"";border-radius:inherit;background:inherit;animation:k-ping 1.6s var(--ease-out) infinite;position:absolute;inset:0}.pulse[data-paused=true]:after{animation:none}.rec-time{margin:var(--space-6) 0 0;font-size:clamp(64px, 14vw, var(--text-2xl));font-weight:var(--weight-regular);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;transition:opacity var(--duration-slow) var(--ease-standard)}.rec-time[data-paused=true]{opacity:.5}.rec-canvas{aspect-ratio:16/10;width:min(100%,760px);margin-top:var(--space-13);border-radius:var(--radius-sm);background:var(--color-ink);border:1px solid var(--stage-border);position:relative;overflow:hidden}.rec-canvas>video{object-fit:contain;width:100%;height:100%}.hud{z-index:72;left:50%;bottom:calc(var(--space-13) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-6);background:var(--stage);border:1px solid var(--stage-border);box-shadow:var(--shadow-sm);animation:k-pop var(--duration-slower) var(--ease-spring) backwards;display:flex;position:fixed;translate:-50%}.hud-time{align-items:center;gap:var(--space-2);padding:0 var(--space-6) 0 var(--space-7);color:var(--danger-text);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;display:flex}.hud-time span:last-child{color:var(--stage-fg)}.hud-btn{border-radius:var(--radius-full);width:48px;height:48px;color:var(--stage-fg);background:var(--stage-surface);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);place-items:center;display:grid}.hud-btn:hover{background:color-mix(in srgb, var(--color-white) 14%, transparent)}.hud-btn:active{transform:scale(.92)}.hud-stop{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-10);border-radius:var(--radius-6);background:var(--danger);color:var(--color-white);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);display:inline-flex}.hud-stop:hover{background:color-mix(in srgb, var(--danger) 85%, var(--color-white))}.hud-stop:active{transform:scale(.95)}.review{gap:var(--space-13);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.player-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-ink);border:1px solid var(--border);position:relative;overflow:hidden}.side{gap:var(--space-8);padding:var(--space-10);flex-direction:column;display:flex}.facts{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.fact{padding:var(--space-6) var(--space-7);border-radius:var(--radius-sm);background:var(--surface-2)}.fact small{font-size:var(--text-2xs);color:var(--fg-2);display:block}.fact b{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;margin-top:2px;display:block}.save-dest{align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-7) var(--space-8);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.save-dest-text{min-width:0}.save-dest-text small{font-size:var(--text-2xs);color:var(--fg-2);display:block}.save-dest-text b{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.save-dest-toggle{align-items:center;gap:var(--space-4);font-size:var(--text-2xs);cursor:pointer;display:inline-flex}.save-dest-note{grid-column:1/-1}.progress-head{font-size:var(--text-2xs);color:var(--fg-2);justify-content:space-between;display:flex}.progress{height:8px;margin-top:var(--space-2);border-radius:var(--radius-6);background:var(--surface-2);position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);transform-origin:0;transform:scaleX(var(--p,0));transition:transform var(--duration-slow) var(--ease-out);position:absolute;inset:0}.actions{gap:var(--space-2);flex-direction:column;display:flex}.vp{background:var(--color-ink);width:100%;height:100%;color:var(--color-white);position:relative;overflow:hidden}.vp video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.vp-big{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.vp-big span{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-ink) 60%, transparent);border:1px solid color-mix(in srgb, var(--color-white) 22%, transparent);width:84px;height:84px;animation:k-pop var(--duration-slow) var(--ease-spring) backwards;place-items:center;display:grid}.vp-bar{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-ink) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-white) 10%, transparent);transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-out);flex-direction:column;gap:2px;display:flex;position:absolute}.vp.idle .vp-bar{opacity:0;pointer-events:none;transform:translateY(10px)}.vp-seek{cursor:pointer;touch-action:none;align-items:center;height:18px;display:flex;position:relative}.vp-track{border-radius:var(--radius-6);background:color-mix(in srgb, var(--color-white) 22%, transparent);width:100%;height:4px;position:relative}.vp-buf{background:color-mix(in srgb, var(--color-white) 25%, transparent);border-radius:inherit;position:absolute;inset:0 auto 0 0}.vp-fill{background:var(--stage-accent);border-radius:inherit;position:absolute;inset:0 auto 0 0}.vp-knob{border-radius:var(--radius-full);background:var(--color-white);opacity:0;width:14px;height:14px;transition:transform var(--duration-base) var(--ease-spring), opacity var(--duration-fast);position:absolute;top:50%;transform:scale(.6)}.vp-seek:hover .vp-knob,.vp-seek:focus-visible .vp-knob{opacity:1;transform:scale(1)}.vp-row{align-items:center;gap:var(--space-1);display:flex}.vp-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-white);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);place-items:center;display:grid}.vp-btn:hover{background:color-mix(in srgb, var(--color-white) 16%, transparent)}.vp-btn:active{transform:scale(.9)}.vp-time{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-white) 90%, transparent);margin:0 var(--space-2)}.vp-vol{width:72px;accent-color:var(--stage-accent)}.vp-speed{width:auto;min-width:48px;padding:0 var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.vp-spacer{flex:1}.mic-meter{border-radius:var(--radius-6);background:var(--surface-2);flex:1;min-width:96px;height:8px;display:block;position:relative;overflow:hidden}.mic-meter-fill{border-radius:inherit;background:var(--accent);transform-origin:0;transform:scaleX(var(--level,0));will-change:transform;position:absolute;inset:0}.mic-meter[data-clip=true] .mic-meter-fill{background:var(--warning)}.mic-dot{border-radius:var(--radius-full);background:var(--stage-surface);width:26px;height:26px;color:var(--stage-fg-2);transition:color var(--duration-slow) var(--ease-standard), background-color var(--duration-slow) var(--ease-standard);flex:none;place-items:center;display:inline-grid}.mic-dot[data-active=true]{color:var(--stage-accent-text);background:color-mix(in srgb, var(--stage-accent) 18%, transparent)}.mic-check{align-items:stretch;gap:var(--space-2);flex-direction:column;grid-area:3/2/auto/4;min-width:0;display:flex}.mic-check-row{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.mic-check-row .mic-status{flex:200px}.mic-status{align-items:center;gap:var(--space-1);display:inline-flex}.mic-check[data-tone=ok] .mic-status{color:var(--success)}.mic-check[data-tone=warn] .mic-status{color:var(--danger-text)}.mic-test{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);color:var(--fg-2);flex:none;display:inline-flex}.mic-test .pulse{color:var(--danger)}.stage-mic{justify-content:center;align-items:center;gap:var(--space-6);margin:0 auto var(--space-7);padding:0 var(--gutter);font-size:var(--text-2xs);color:var(--stage-fg-2);flex-wrap:wrap;display:flex}.stage-mic-label{font-weight:var(--weight-medium);color:var(--stage-fg)}.stage-mic[data-tone=ok] .stage-mic-text{color:var(--stage-accent-text)}.stage-mic[data-tone=warn] .stage-mic-text,.mic-note[data-tone=warn]{color:var(--stage-danger)}.hud-mic{padding:0 var(--space-2);align-items:center;display:inline-flex}.page-narrow-wide{max-width:calc(900px + 2 * var(--gutter))}.back-link{margin-bottom:var(--space-7);font-size:var(--text-2xs);display:inline-block}.trash-list{margin:var(--space-13) 0 0;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-solid);padding:0;list-style:none}.trash-item{align-items:center;gap:var(--space-8);padding:var(--space-7) var(--space-8);grid-template-columns:128px minmax(0,1fr) auto;display:grid}.trash-item+.trash-item{border-top:1px solid var(--border)}.trash-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-2);position:relative;overflow:hidden}.trash-thumb img{object-fit:cover;opacity:.55;filter:grayscale(.6);width:100%;height:100%}.trash-thumb .thumb-badge{right:var(--space-2);bottom:var(--space-2);height:22px}.trash-info{flex-direction:column;gap:2px;min-width:0;display:flex}.trash-left[data-soon=true]{color:var(--danger-text)}.trash-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.toast.toast-action{align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-10);display:flex}.toast-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast-action .link-btn{padding-right:var(--space-7);white-space:nowrap}.recent{margin-top:var(--space-15);padding-top:var(--space-13);border-top:1px solid var(--border)}.recent-head{justify-content:space-between;align-items:baseline;gap:var(--space-7);display:flex}.recent-grid{margin:var(--space-8) 0 0;gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.recent-item{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.recent-item .thumb{margin-bottom:var(--space-4)}.recovery{padding:var(--space-10);margin-bottom:var(--space-13)}.recovery-head .hint{margin-top:var(--space-1)}.recovery-list{margin:var(--space-8) 0 0;padding:0;list-style:none}.recovery-item{justify-content:space-between;align-items:center;gap:var(--space-7);padding:var(--space-7) 0;border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.recovery-item:last-child{padding-bottom:0}.recovery-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.tag.tag-muted{background:var(--surface-2);color:var(--fg-2)}.recovery-progress{width:min(320px,100%);margin-top:var(--space-3)}.recovery-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.lib-head{justify-content:space-between;align-items:flex-end;gap:var(--space-7);flex-wrap:wrap;display:flex}.lib-tools{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.refresh-btn[aria-busy=true] svg{animation:.8s linear infinite k-spin}.count-pill{height:32px;padding:0 var(--space-6);border-radius:var(--radius-6);background:var(--surface-2);color:var(--fg-2);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.grid{gap:var(--space-10);margin-top:var(--space-13);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.rec-card{padding:var(--space-1);transition:transform var(--duration-slow) var(--ease-spring), border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.rec-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--art-1);width:100%;display:block;position:relative;overflow:hidden}.thumb:disabled{cursor:default}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slower) var(--ease-out)}.rec-card:hover .thumb img{transform:scale(1.05)}.thumb-state{color:var(--color-white);font-size:var(--text-2xs);place-items:center;display:grid;position:absolute;inset:0}.thumb-play{background:color-mix(in srgb, var(--color-ink) 30%, transparent);opacity:0;transition:opacity var(--duration-base) var(--ease-standard);place-items:center;display:grid;position:absolute;inset:0}.thumb-play span{border-radius:var(--radius-full);background:var(--stage-accent);width:56px;height:56px;color:var(--stage-accent-fg);transition:transform var(--duration-slower) var(--ease-spring);place-items:center;display:grid;transform:scale(.7)}.thumb:hover:not(:disabled) .thumb-play,.thumb:focus-visible .thumb-play{opacity:1}.thumb:hover:not(:disabled) .thumb-play span,.thumb:focus-visible .thumb-play span{transform:none}.thumb-badge{right:var(--space-4);bottom:var(--space-4);height:26px;padding:0 var(--space-4);border-radius:var(--radius-6);background:color-mix(in srgb, var(--color-ink) 82%, transparent);color:var(--color-white);font-size:var(--text-2xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;align-items:center;display:flex;position:absolute}.rec-meta{padding:var(--space-6) var(--space-7) var(--space-7)}.rec-title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meta-row{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--fg-2);flex-wrap:wrap;display:flex}.dot-sep{border-radius:var(--radius-full);background:var(--fg-dis);flex:none;width:3px;height:3px}.tag{height:24px;padding:0 var(--space-4);border-radius:var(--radius-6);background:var(--accent-tint);color:var(--accent-text);font-size:var(--text-2xs);align-items:center;display:inline-flex}.rec-note{margin-top:var(--space-4);font-size:var(--text-2xs);color:var(--fg-2);text-wrap:pretty}.rec-upload{margin-top:var(--space-5)}.rec-actions{gap:var(--space-2);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.rec-actions>*{animation:k-fade var(--duration-base) var(--ease-out) backwards}.skeleton{background:var(--surface-2);position:relative;overflow:hidden}.sk-line{border-radius:var(--radius-6);height:14px}.empty{align-items:flex-start;gap:var(--space-7);max-width:var(--page-narrow);margin-top:var(--space-13);padding:var(--space-13);flex-direction:column;display:flex}.empty-ic{border-radius:var(--radius-full);background:var(--accent-tint);width:64px;height:64px;color:var(--accent-text);place-items:center;display:grid}.fold{margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--border)}.fold-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg);margin:0}.fold-head{align-items:center;gap:var(--space-6);width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.fold-name{flex:none}.fold-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-2xs);font-weight:var(--weight-regular,400);color:var(--fg-2);text-align:right;flex:auto;overflow:hidden}.fold-chevron{color:var(--fg-2);transition:transform var(--duration-base) var(--ease-standard);flex:none;margin-left:auto}.fold-summary+.fold-chevron{margin-left:0}.fold[data-open] .fold-chevron{transform:rotate(180deg)}.fold-body[hidden]{display:none}.fold .cpv,.fold .lock-row:first-child{margin-top:var(--space-2)}.link-locks{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border)}.link-locks h4{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg);margin:0}.lock-row{justify-content:space-between;align-items:center;gap:var(--space-8);margin-top:var(--space-7);display:flex}.lock-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.lock-text b{font-weight:var(--weight-medium);font-size:var(--text-xs)}.lock-row .select{flex:none;max-width:200px}.lock-detail{align-items:baseline;gap:var(--space-2) var(--space-6);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lock-field{flex-direction:column;align-items:stretch}.lock-field .field{width:100%}.lock-field .link-btn{align-self:flex-start}.pw-input{display:block;position:relative}.pw-input .input{padding-right:84px}.pw-input .btn{top:50%;right:var(--space-2);position:absolute;transform:translateY(-50%)}.gate{align-items:stretch;gap:var(--space-8);max-width:440px;margin:var(--space-13) auto 0;padding:var(--space-13);border:1px solid var(--border-strong);flex-direction:column;display:flex}.gate-ic{border-radius:var(--radius-full);background:var(--accent-tint);width:48px;height:48px;color:var(--accent-text);place-items:center;display:grid}.gate .msg{margin:0}.gate .btn-primary{width:100%}.owner-note{align-items:flex-start;gap:var(--space-4);width:fit-content;max-width:100%;margin:var(--space-10) 0 0;padding:var(--space-6) var(--space-7);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg-2);display:flex}.owner-note svg{width:18px;height:18px;color:var(--accent-text);flex:none;margin-top:1px}.owner-note+.watch-meta{margin-top:var(--space-8)}.owner-note[data-expired=true] svg{color:var(--danger-text)}.tag.tag-icon{gap:var(--space-1)}a.tag-link:hover{background:var(--accent);color:var(--accent-fg)}.tag[data-tone=soon]{color:var(--fg)}.tag[data-tone=expired],.tag[data-tone=alert]{background:var(--danger-tint);color:var(--danger-text)}.modal-root{z-index:80;padding:max(var(--gutter), env(safe-area-inset-top,0px)) var(--gutter);place-items:center;display:grid;position:fixed;inset:0}.scrim{background:var(--scrim);position:absolute;inset:0}.dialog{width:min(100%,560px);max-height:calc(100dvh - 2 * var(--gutter));padding:var(--space-13);border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--elevation);position:relative;overflow:auto}.dialog-wide{width:min(100%,920px);padding:var(--space-4)}.dialog-head{align-items:center;gap:var(--space-6);display:flex}.dialog-head h3{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.dialog-wide .dialog-head{padding:var(--space-4) var(--space-4) var(--space-6) var(--space-10)}.dialog-foot{justify-content:flex-end;align-items:center;gap:var(--space-4);margin-top:var(--space-13);flex-wrap:wrap;display:flex}.dialog-video{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-ink);border:0;width:100%;display:block}.share-item{align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.share-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--art-1);flex:none;width:112px;overflow:hidden}.share-thumb img{object-fit:cover;width:100%;height:100%}.choices{gap:var(--space-2);margin-top:var(--space-6);display:grid}.choice{align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-8);text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);display:flex;position:relative}.choice:hover{border-color:var(--border-strong)}.choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-tint)}.choice b{font-weight:var(--weight-medium);display:block}.choice small{font-size:var(--text-2xs);color:var(--fg-2);display:block}.radio{border-radius:var(--radius-full);border:2px solid var(--border-strong);width:22px;height:22px;transition:border-color var(--duration-base) var(--ease-standard);flex:none;place-items:center;display:grid}.radio:after{content:"";border-radius:var(--radius-full);background:var(--accent);opacity:0;width:10px;height:10px;transition:transform var(--duration-slower) var(--ease-spring), opacity var(--duration-fast);transform:scale(.5)}.choice[aria-checked=true] .radio{border-color:var(--accent)}.choice[aria-checked=true] .radio:after{opacity:1;transform:none}.choice:disabled{cursor:not-allowed}.visibility-row{margin-top:var(--space-6)}.visibility-note{margin-top:var(--space-6);text-wrap:pretty}.rec-creator{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.reveal-in{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}@starting-style{.reveal-in{opacity:0;transform:translateY(-6px)}}.watch-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-ink);border:0;width:100%;display:block}.watch-meta{justify-content:space-between;align-items:flex-end;gap:var(--space-7);margin-top:var(--space-13);flex-wrap:wrap;display:flex}.watch-page{max-width:calc(1440px + 2 * var(--gutter))}.watch-layout{gap:var(--space-13);grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;display:grid}.watch-main{min-width:0}@media (max-width:1080px){.watch-layout{grid-template-columns:minmax(0,1fr)}}.reactions{padding:0 var(--space-10) var(--space-7);border-bottom:1px solid var(--border)}.reactions-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reaction{min-width:44px;height:36px;padding:0 var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-6);border:1px solid var(--border);background:var(--surface);color:var(--fg-2);font-size:var(--text-2xs);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);display:inline-flex}.reaction:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.reaction[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-text)}.reaction:disabled{cursor:default}.reaction[data-empty]:disabled{opacity:.45}.reaction-emoji{font-size:18px;line-height:1}.reaction-count{font-weight:var(--weight-medium)}.reactions>.hint{margin-top:var(--space-4)}.reaction-more{position:relative}.emoji-pop{z-index:30;top:calc(100% + var(--space-2));border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-solid);position:absolute;right:0;overflow:hidden}.emoji-pop>.hint{padding:var(--space-7);width:280px}.emoji-pop emoji-picker{--background:var(--surface-solid);--border-color:var(--border);--indicator-color:var(--accent);--input-border-color:var(--border-strong);--input-font-color:var(--fg);--input-placeholder-color:var(--fg-2);--button-hover-background:var(--surface-2);--button-active-background:var(--accent-tint);--outline-color:var(--accent);--category-font-color:var(--fg-2);--num-columns:8;width:340px;height:360px}@media (max-width:520px){.emoji-pop{top:auto;left:var(--gutter);right:var(--gutter);bottom:var(--space-7);position:fixed}.emoji-pop emoji-picker{--num-columns:7;width:100%}}.activity{max-height:calc(100dvh - var(--nav-h) - 2 * var(--space-13));top:calc(var(--nav-h) + var(--space-13));border-radius:var(--radius-sm);flex-direction:column;display:flex;position:sticky}@media (max-width:1080px){.activity{max-height:min(78dvh,760px);position:static}}.activity-head{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-10) var(--space-6);display:flex}.activity-body{padding:0 var(--space-10) var(--space-8)}.activity-empty{flex:1}.activity-list{padding:0 var(--space-10) var(--space-6);overscroll-behavior:contain;flex:1;min-height:0;margin:0;list-style:none;position:relative;overflow-y:auto}.activity-earlier{padding-bottom:var(--space-4);justify-content:center;display:flex}.activity-notice,.activity-closed{padding:0 var(--space-10) var(--space-6)}.activity-closed{padding-top:var(--space-6);border-top:1px solid var(--border)}.entry{padding:var(--space-6) 0}.entry+.entry{border-top:1px solid var(--border)}.entry-comment{gap:var(--space-6);grid-template-columns:32px minmax(0,1fr);display:grid}.entry-main{min-width:0}.entry-head{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--text-2xs);flex-wrap:wrap;display:flex}.entry-name{font-weight:var(--weight-medium);color:var(--fg);overflow-wrap:anywhere}.entry-tag{height:20px;padding:0 var(--space-2);font-size:12px}.entry-time{color:var(--fg-2);font-size:var(--text-2xs)}.entry-body{margin-top:var(--space-1);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.entry-actions{gap:var(--space-6);margin-top:var(--space-2);font-size:var(--text-2xs);flex-wrap:wrap;display:flex}.entry-actions .link-btn{color:var(--fg-2)}.entry-actions .link-btn:hover{color:var(--fg)}.entry-actions .link-danger,.entry-actions .link-danger:hover{color:var(--danger-text)}.entry-edit{margin-top:var(--space-2)}.entry-reaction{align-items:baseline;gap:var(--space-2);font-size:var(--text-2xs);color:var(--fg-2);flex-wrap:wrap;display:flex}.entry-reaction .entry-name{color:var(--fg-2)}.entry-reaction-emoji{width:32px;margin-right:var(--space-4);text-align:center}.avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-2xs);font-weight:var(--weight-medium);background:var(--accent-tint);color:var(--accent-text);place-items:center;display:grid}.avatar[data-kind=owner]{background:var(--accent);color:var(--accent-fg)}.avatar[data-kind=guest]{background:var(--surface-2);color:var(--fg-2)}.moment{height:24px;margin-right:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-6);background:var(--accent-tint);color:var(--accent-text);font-size:var(--text-2xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;vertical-align:1px;align-items:center;display:inline-flex}button.moment:hover{background:var(--accent);color:var(--accent-fg)}.moment[data-inline]{height:22px;padding:0 var(--space-2);font-size:inherit;margin:0}.moment[data-static]{background:var(--surface-2);color:var(--fg-2)}.composer{gap:var(--space-4);padding:var(--space-7) var(--space-10) var(--space-8);border-top:1px solid var(--border);flex-direction:column;display:flex}.composer-input{height:auto;min-height:84px;padding:var(--space-6) var(--space-7);border-radius:var(--radius-6);resize:vertical;line-height:1.45}textarea.composer-input{border-radius:18px}.field-optional{color:var(--fg-dis)}.composer-as{margin:0}.composer-rename{gap:var(--space-2);display:flex}.composer-rename .input{height:36px}.composer-foot{align-items:center;gap:var(--space-6);display:flex}.composer-foot .btn{margin-left:auto}.composer-foot [data-over]{color:var(--danger-text)}.moment-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);color:var(--fg-2);font-variant-numeric:tabular-nums;cursor:pointer;display:inline-flex}.moment-toggle input{width:16px;height:16px;accent-color:var(--accent)}.moment-toggle[data-disabled]{color:var(--fg-dis);cursor:default}.analytics-page{max-width:calc(1360px + 2 * var(--gutter))}.analytics-page .back-link{align-items:center;gap:var(--space-1);color:var(--fg-2);display:inline-flex}.analytics-page .back-link:hover{color:var(--fg)}.segmented{border-radius:var(--radius-6);background:var(--surface-2);gap:2px;padding:4px;display:inline-flex}.segmented button{min-width:48px;height:32px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}.segmented button:hover{color:var(--fg)}.segmented button[aria-checked=true]{background:var(--surface-hover);color:var(--fg)}.stats{margin-top:var(--space-13);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.stat{gap:var(--space-1);padding:var(--space-8) var(--space-10);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.stat:nth-child(4n){border-right:0}.stat:nth-last-child(-n+4){border-bottom:0}.stat-label{font-size:var(--text-2xs);color:var(--fg-2)}.stat-value{font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:-.01em;line-height:1.15}.stat-change{font-size:var(--text-2xs);color:var(--fg-2)}.stat-change[data-tone=up]{color:var(--accent-text)}.stat-change[data-tone=down]{color:var(--danger-text)}@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(4n){border-right:1px solid var(--border)}.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+4){border-bottom:1px solid var(--border)}.stat:nth-last-child(-n+2){border-bottom:0}.stat-value{font-size:var(--text-sm)}}.analytics-grid{gap:var(--space-10);margin-top:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.analytics-grid .span-2{grid-column:span 2}@media (max-width:1080px){.analytics-grid{grid-template-columns:minmax(0,1fr)}.analytics-grid .span-2{grid-column:auto}}.panel-card{padding:var(--space-8) var(--space-10) var(--space-10);border-radius:var(--radius-sm);min-width:0}.table-card,.retention-card{margin-top:var(--space-10)}.table-more{margin-top:var(--space-6)}.panel-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-7);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.sub-head{margin:var(--space-10) 0 var(--space-6);font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--fg-2)}.chart-caption{margin-top:var(--space-4)}.chart{width:100%;min-height:120px;position:relative}.chart svg{display:block;overflow:visible}.chart table.sr-only{display:block;top:0;left:0}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--fg-2);font-variant-numeric:tabular-nums;font-size:12px}.chart-axis-label{font-size:11px}.chart-bar{fill:color-mix(in srgb, var(--accent) 78%, transparent);transition:fill var(--duration-fast) var(--ease-standard)}.chart-bar[data-active]{fill:var(--accent)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:color-mix(in srgb, var(--accent) 14%, transparent)}.chart-cross{stroke:var(--fg-dis);stroke-width:1px;stroke-dasharray:3 3}.chart-dot{fill:var(--accent);stroke:var(--surface-solid);stroke-width:2px}.chart-hit{fill:#0000;cursor:crosshair}.chart-tip{z-index:5;min-width:140px;padding:var(--space-4) var(--space-6);border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:12px;flex-direction:column;gap:2px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-tip b{color:var(--fg);font-weight:var(--weight-medium)}.rank{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.rank-row{align-items:center;gap:var(--space-6);font-size:var(--text-2xs);grid-template-columns:minmax(0,7.5em) minmax(0,1fr) auto 3.2em;display:grid}.rank-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-track,.meter-track{border-radius:var(--radius-6);background:var(--surface-2);height:8px;overflow:hidden}.rank-fill,.meter-fill{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--w,0));display:block}.rank-share{color:var(--fg-2);text-align:right}.meter{align-items:center;gap:var(--space-4);grid-template-columns:64px auto;display:inline-grid}.heat-grid{gap:3px;display:grid}.heat-row{grid-template-columns:2.6em repeat(24,minmax(0,1fr));align-items:center;gap:3px;display:grid}.heat-day{color:var(--fg-2);font-size:12px}.heat-cell{aspect-ratio:1;background:color-mix(in srgb, var(--accent) calc(var(--a,0) * 100%), var(--surface-2));border-radius:4px}.heat-cell[data-active]{outline:2px solid var(--fg);outline-offset:1px}.heat-hours .heat-hour{color:var(--fg-2);white-space:nowrap;font-size:11px}.heat-readout{margin-top:var(--space-6)}.table-scroll{margin:0 calc(-1 * var(--space-10));padding:0 var(--space-10);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-2xs)}.data-table th{text-align:left;font-weight:var(--weight-medium);color:var(--fg-2);padding:0 var(--space-6) var(--space-4) 0;white-space:nowrap;border-bottom:1px solid var(--border)}.data-table td{padding:var(--space-6) var(--space-6) var(--space-6) 0;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:color-mix(in srgb, var(--fg) 3%, transparent)}.th-sort{color:inherit;font:inherit}.th-sort:hover,.th-sort[data-active]{color:var(--fg)}.th-sort[data-active]:after{content:" ↓"}.video-cell{align-items:center;gap:var(--space-6);color:var(--fg);min-width:220px;display:flex}.video-thumb{aspect-ratio:16/9;background:var(--surface-2);border-radius:8px;flex:none;width:64px;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%}.video-name{flex-direction:column;min-width:0;max-width:320px;display:flex}.video-name b{font-weight:var(--weight-medium);text-overflow:ellipsis;overflow:hidden}.video-cell:hover b{text-underline-offset:3px;text-decoration:underline}.viewer-cell{align-items:center;gap:var(--space-4);display:inline-flex}.viewer-cell .avatar,.viewer-list .avatar{width:28px;height:28px;font-size:12px}.viewer-list{margin:0;padding:0;list-style:none}.viewer-list li{align-items:center;gap:var(--space-6);padding:var(--space-4) 0;font-size:var(--text-2xs);grid-template-columns:28px minmax(0,1fr) auto;display:grid}.viewer-list li+li{border-top:1px solid var(--border)}.viewer-main,.viewer-side{flex-direction:column;min-width:0;display:flex}.viewer-main>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-main a{color:inherit}.viewer-side{align-items:flex-end}.emoji-counts{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.emoji-counts li{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-6);border-radius:var(--radius-6);border:1px solid var(--border);font-size:18px;display:inline-flex}.emoji-counts b{font-size:var(--text-2xs);font-weight:var(--weight-medium)}.video-head{align-items:center;gap:var(--space-8);min-width:0;display:flex}.video-head-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:12px;flex:none;width:112px}@media (max-width:600px){.video-head-thumb{display:none}}.page-settings{max-width:calc(760px + 2 * var(--gutter))}.set-tabs{grid-template-columns:repeat(var(--count), 1fr);max-width:520px;margin-top:var(--space-13);border-radius:var(--radius-6);background:var(--surface-2);isolation:isolate;padding:4px;display:grid;position:relative}.set-tab-indicator{z-index:-1;width:calc((100% - 8px) / var(--count));border-radius:var(--radius-6);background:var(--surface-solid);transform:translate3d(calc(var(--index) * 100%), 0, 0);transition:transform var(--duration-slower) var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}.set-tab{height:40px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg-2);font-weight:var(--weight-medium);transition:color var(--duration-base) var(--ease-standard)}.set-tab:hover,.set-tab[aria-selected=true]{color:var(--fg)}.set-panel{gap:var(--space-10);margin-top:var(--space-10);animation:k-slide var(--duration-slow) var(--ease-out) backwards;outline:none;flex-direction:column;display:flex}.set-block{padding:var(--space-7) 0;border-bottom:1px solid var(--border)}.palettes{gap:var(--space-6);margin:var(--space-7) 0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.palette{isolation:isolate;gap:var(--space-6);padding:var(--space-2) var(--space-2) var(--space-6);text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);transition:transform var(--duration-slow) var(--ease-spring), border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:relative}.palette:hover{transform:translateY(-2px)}.palette:active{transform:scale(.98)}.palette[aria-checked=true]{border-color:var(--accent);outline:1px solid var(--accent)}.palette-preview{border-radius:calc(var(--radius-sm) - var(--space-2));background:color-mix(in srgb, var(--fg) 3%, var(--bg));place-items:center;height:92px;display:grid}.pp-card{width:78%;padding:var(--space-4) var(--space-6);border-radius:var(--space-6);background:var(--surface-solid);border:1px solid var(--border)}.pp-line{border-radius:var(--radius-6);background:var(--fg);width:72%;height:6px;display:block}.pp-short{width:46%;margin-top:var(--space-1);background:var(--fg-2)}.pp-row{align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.pp-btn{border-radius:var(--radius-6);background:var(--accent);width:46px;height:16px}.pp-dot{border-radius:var(--radius-full);background:var(--accent-2);width:16px;height:16px}.palette-text{padding:0 var(--space-4)}.palette-text b{font-weight:var(--weight-medium);display:block}.palette-text small{font-size:var(--text-2xs);color:var(--fg-2);display:block}.palette-check{top:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);background:var(--accent);width:24px;height:24px;color:var(--accent-fg);opacity:0;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-slower) var(--ease-spring);place-items:center;display:grid;position:absolute;transform:scale(.4)}.palette[aria-checked=true] .palette-check{opacity:1;transform:none}.shortcuts{margin:var(--space-6) 0 var(--space-4);padding:0;list-style:none}.shortcuts li{justify-content:space-between;align-items:center;gap:var(--space-7);padding:var(--space-4) 0;border-bottom:1px solid var(--border);font-size:var(--text-2xs);display:flex}.shortcuts li:last-child{border-bottom:none}.keys{gap:var(--space-1);display:flex}kbd{min-width:30px;height:28px;padding:0 var(--space-4);border-radius:var(--space-2);border:1px solid var(--border-strong);background:var(--surface-2);font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--weight-medium);place-items:center;display:inline-grid}.set-card{padding:var(--space-10) var(--space-10) var(--space-4)}.set-card>.hint{margin-top:var(--space-1)}.set-row{align-items:center;gap:var(--space-7);padding:var(--space-7) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.set-row:last-child{border-bottom:none}.set-text{flex:1;min-width:200px}.set-text b{font-weight:var(--weight-medium);display:block}.set-text small{font-size:var(--text-2xs);color:var(--fg-2);text-overflow:ellipsis;display:block;overflow:hidden}.set-control{flex:none;margin-left:auto}.set-account{align-items:center;gap:var(--space-7);padding:var(--space-8) 0 var(--space-6);flex-wrap:wrap;display:flex}.set-avatar{width:56px;height:56px;font-size:var(--text-xs);cursor:default}.seg button:disabled{opacity:.45;cursor:not-allowed}.ws-rename{gap:var(--space-4);margin-top:var(--space-8);display:flex}.ws-rename .input{flex:1;min-width:0}.ws-card-note{padding:var(--space-4) 0 var(--space-6)}.ws-link{align-items:center;gap:var(--space-4);padding:var(--space-7) 0;border-bottom:1px solid var(--border);display:flex}.ws-rename{align-items:center}.ws-link .input{min-width:0;color:var(--fg-2);flex:1}.ws-inline-confirm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ws-members{margin:var(--space-4) 0 0;padding:0;list-style:none}.ws-member{align-items:center;gap:var(--space-7);padding:var(--space-6) 0;border-bottom:1px solid var(--border);display:flex}.ws-member:last-child{border-bottom:none}.ws-avatar{cursor:default;flex:none;width:40px;height:40px}.ws-avatar:hover{border-color:var(--border-strong)}.ws-member-text{flex:1;min-width:0}.ws-member-text b,.ws-member-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ws-member-text b{font-weight:var(--weight-medium)}.ws-member-text small{font-size:var(--text-2xs);color:var(--fg-2)}.ws-you{color:var(--fg-2);font-weight:var(--weight-regular)}.ws-member-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex:none;display:flex}.ws-role{width:auto;min-width:128px}.ws-consequences{gap:var(--space-2);margin:var(--space-8) 0 0;color:var(--fg-2);text-wrap:pretty;padding-left:1.2em;display:grid}.ws-confirm-name{color:var(--fg);font-weight:var(--weight-medium)}.ws-invite-form{gap:var(--space-8);padding:var(--space-8) 0 var(--space-7);border-bottom:1px solid var(--border);display:grid}.ws-invite-field{justify-items:start;gap:var(--space-2);display:grid}.ws-invite-field .select,.ws-invite-field .input{width:100%;max-width:280px}.ws-invite-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg)}.ws-invite-field .hint{font-size:var(--text-2xs);text-wrap:pretty}.ws-invite-form .segmented button:disabled{opacity:.45;cursor:not-allowed}.ws-invite-foot{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.ws-fresh{padding-top:var(--space-7)}.ws-fresh .hint b{color:var(--fg);font-weight:var(--weight-medium)}.ws-fresh .ws-link{padding-top:var(--space-4)}.ws-sub{margin-top:var(--space-10);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg)}.ws-invites-loading{gap:var(--space-4);padding:var(--space-7) 0;display:grid}.ws-invites-empty{align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-7);flex-wrap:wrap;display:flex}.ws-invites{margin:var(--space-2) 0 0;padding:0;list-style:none}.ws-invite{align-items:center;gap:var(--space-7);padding:var(--space-6) 0;border-bottom:1px solid var(--border);display:flex}.ws-invite:last-child{border-bottom:none}.ws-invite-text{flex:1;min-width:0}.ws-invite-text b{font-weight:var(--weight-medium);display:block}.ws-invite-uses{color:var(--fg-2);font-weight:var(--weight-regular)}.ws-invite-text small{font-size:var(--text-2xs);color:var(--fg-2);text-wrap:pretty;display:block}.ws-invite-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex:none;display:flex}.join-gate{text-align:left}.join-gate .spinner{width:22px;height:22px}@media (max-width:560px){.ws-member{gap:var(--space-4) var(--space-7);flex-wrap:wrap}.ws-member-actions{width:100%;padding-left:calc(40px + var(--space-7));justify-content:flex-start}.ws-invite{gap:var(--space-4) var(--space-7);flex-wrap:wrap}.ws-invite-actions{justify-content:flex-start;width:100%}.ws-invite-field .select,.ws-invite-field .input{max-width:none}}.set-panel-stack{gap:var(--space-10);flex-direction:column;display:flex}.ws-summary{gap:var(--space-1);flex-direction:column;min-width:0;margin:0;display:flex}.ws-summary b{font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);overflow-wrap:anywhere}.ws-summary span{font-size:var(--text-2xs);color:var(--fg-2);text-wrap:pretty}.ws-personal{margin-top:0}.ws-personal-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.ws-personal[data-locked] .h-card{align-items:center;gap:var(--space-3);display:flex}.ws-lock{color:var(--fg-2);flex:none}.ws-locked-note{margin-top:var(--space-3)}.ws-personal[data-locked] .btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.share-brand-note{margin:var(--space-6) 0 0}.brand-slots{margin:var(--space-6) 0 0;padding:0;list-style:none}.brand-slot{align-items:center;gap:var(--space-7);padding:var(--space-7) 0;border-bottom:1px solid var(--border);grid-template-columns:152px minmax(0,1fr) auto;display:grid}.brand-slot:last-child{border-bottom:none}.brand-preview{height:80px;padding:var(--space-4);border-radius:calc(var(--radius-sm) / 2);border:1px solid var(--border);background-color:var(--color-white);background-image:conic-gradient(color-mix(in srgb, var(--color-neutral-200) 12%, var(--color-white)) 25%, transparent 0 50%, color-mix(in srgb, var(--color-neutral-200) 12%, var(--color-white)) 0 75%, transparent 0);color:var(--color-ink);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);background-size:16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.brand-slot[data-kind=icon] .brand-preview{justify-self:start;width:80px}.brand-preview[data-surface=dark]{background-color:var(--stage);border-color:var(--stage-border);color:var(--stage-fg-2);background-image:none}.brand-preview[data-dragging]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.brand-preview img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity var(--duration-base) var(--ease-standard);display:block}.brand-preview[data-pending] img{opacity:.35}.brand-preview-spinner{width:20px;height:20px;color:var(--color-ink);position:absolute}.brand-preview[data-surface=dark] .brand-preview-spinner{color:var(--stage-fg)}.brand-empty{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-6);background:var(--color-white);font-size:var(--text-2xs);color:var(--color-ink);text-align:center;white-space:nowrap;display:inline-flex}.brand-slot[data-kind=icon] .brand-empty{padding:var(--space-1) var(--space-2)}.brand-preview[data-surface=dark] .brand-empty{background:var(--stage-surface);color:var(--stage-fg-2)}.brand-slot-text b{align-items:center;gap:var(--space-3);font-weight:var(--weight-medium);flex-wrap:wrap;display:flex}.brand-slot-text small{margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--fg-2);text-wrap:pretty;display:block}.brand-optional{padding:1px var(--space-3);border-radius:var(--radius-6);background:var(--surface-2);font-size:var(--text-2xs);font-weight:var(--weight-regular);color:var(--fg-2)}.brand-slot-text .brand-meta{margin-top:var(--space-2);color:var(--fg);font-variant-numeric:tabular-nums}.brand-note:empty{display:none}.brand-note{margin-top:var(--space-2)}.brand-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-callout,.brand-readonly{align-items:flex-start;gap:var(--space-4);margin:var(--space-7) 0 0;padding:var(--space-6) var(--space-7);border-radius:calc(var(--radius-sm) / 1.5);background:var(--surface-2);font-size:var(--text-2xs);color:var(--fg-2);line-height:var(--leading-body);display:flex}.brand-callout svg,.brand-readonly svg{color:var(--fg);flex:none;margin-top:2px}.brand-callout b{color:var(--fg);font-weight:var(--weight-medium);display:block}.brand-callout p{margin:var(--space-1) 0 0;text-wrap:pretty}.brand-rules{padding:var(--space-2) 0 var(--space-6)}.brand-switch{justify-content:space-between;align-items:center;gap:var(--space-8);margin-top:var(--space-7);padding:var(--space-7) 0;border-bottom:1px solid var(--border);display:flex}.brand-switch-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.brand-switch-text b{font-weight:var(--weight-medium)}.brand-switch-text small{font-size:var(--text-2xs);color:var(--fg-2);text-wrap:pretty}.brand-pv{padding:var(--space-7) 0 var(--space-2);border-bottom:1px solid var(--border)}.brand-pv-bar{justify-content:space-between;align-items:center;gap:var(--space-6) var(--space-8);flex-wrap:wrap;display:flex}.brand-pv-frame{margin-top:var(--space-7);border-radius:calc(var(--radius-sm) / 1.5);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;transition:background-color var(--duration-slow) var(--ease-standard);overflow:hidden}.brand-pv-frame .nav{z-index:auto;padding:0 var(--space-9);view-transition-name:none;position:relative}.brand-pv-tabs{padding:var(--space-2) var(--space-4) 0;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex}.brand-pv-tab{align-items:center;gap:var(--space-2);max-width:min(240px,100%);padding:var(--space-2) var(--space-6);border-radius:var(--space-4) var(--space-4) 0 0;background:var(--bg);font-size:var(--text-2xs);line-height:1.2;display:inline-flex}.brand-pv-tab img{object-fit:contain;flex:none;width:16px;height:16px}.brand-pv-tab span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-pv-page{height:168px;padding:var(--space-9) var(--space-9) 0;-webkit-mask-image:linear-gradient(to bottom, var(--color-ink) 50%, transparent);mask-image:linear-gradient(to bottom, var(--color-ink) 50%, transparent);overflow:hidden}.brand-pv-video{aspect-ratio:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--stage);height:100%;color:var(--stage-fg);place-items:center;display:grid}.brand-pv-play{border-radius:var(--radius-full);background:var(--stage-surface);place-items:center;width:44px;height:44px;display:grid}.brand-pv-said{padding:var(--space-6) 0;text-wrap:pretty}.brand-pv-stage-page{padding:var(--space-9);justify-content:center;display:flex}.brand-pv-stage{width:100%;max-width:440px}.brand-pv-frame[data-size=short] .brand-pv-stage-page{padding:var(--space-7)}.brand-pv-frame[data-size=short] .brand-pv-stage{max-width:300px}.brand-pv-clip{border-radius:min(var(--radius-lg), 4.8cqi);background:linear-gradient(160deg, color-mix(in srgb, var(--stage-fg) 16%, var(--stage)), var(--stage) 70%);color:var(--stage-fg);place-items:center;display:grid}.brand-pv-clip .brand-pv-play{width:clamp(16px,11cqi,44px);height:clamp(16px,11cqi,44px)}.brand-pv-clip .brand-pv-play svg{width:42%;height:42%}.brand-pv-frame[data-size=mini][data-brand=workspace]{width:var(--cpv-mini-w);zoom:1;background:0 0;border:0;border-radius:0}.brand-pv-frame[data-size=mini] .brand-pv-stage-page{padding:0}.cpv{--cpv-slice:64px;margin-top:var(--space-10)}.cpv-bar{align-items:center;gap:var(--space-4) var(--space-7);flex-wrap:wrap;min-height:42px;display:flex}.cpv-bar h4{font-size:inherit;font-weight:var(--weight-medium);flex:1 0 auto;margin:0}.cpv .brand-pv-frame,.cpv-skeleton{margin-top:var(--space-6)}.brand-pv-frame[data-size=short] .brand-pv-page{height:var(--cpv-slice)}.cpv-skeleton{height:calc(var(--nav-h) + var(--cpv-slice) + 2px);border-radius:calc(var(--radius-sm) / 1.5)}.cpv-said{margin:var(--space-5) 0 0;text-wrap:pretty;min-height:1lh}.cpv-error{margin:var(--space-10) 0 0}.cpv-compact{grid-column:1/-1;grid-template-columns:var(--cpv-mini-w) minmax(0, 1fr);align-items:center;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-7);border-top:1px solid var(--border);--cpv-mini-w:132px;display:grid}.brand-pv-frame[data-size=mini]{width:calc(var(--cpv-mini-w) / .4);zoom:.4;border-radius:var(--radius-sm);border-width:2.5px;margin:0}.brand-pv-frame[data-size=mini] .nav{border-bottom:0}.cpv-mini-skeleton{width:var(--cpv-mini-w);height:calc(var(--nav-h) * .4 + 2px);border-radius:calc(var(--radius-sm) * .4)}.cpv-compact .cpv-said{font-size:var(--text-2xs);color:var(--fg-2);margin:0;line-height:1.4}.cpv-compact .sk-line{width:90%;display:block}.cpv-error-compact{margin:var(--space-4) 0 0;grid-column:1/-1}.share-foot{--share-pad:var(--space-13);bottom:calc(-1 * var(--share-pad));z-index:2;margin:var(--space-10) calc(-1 * var(--share-pad)) calc(-1 * var(--share-pad));padding:var(--space-8) var(--share-pad) var(--share-pad);background:var(--surface-solid);border-top:1px solid var(--border);position:sticky}.brand-error{align-items:center;gap:var(--space-6);padding:var(--space-7) 0;flex-wrap:wrap;display:flex}@media (max-width:600px){.set-tabs{grid-template-columns:repeat(var(--count), var(--set-tab-w));overscroll-behavior-x:contain;scrollbar-width:none;--set-tab-w:96px;max-width:100%;overflow-x:auto}.set-tabs::-webkit-scrollbar{display:none}.set-tab-indicator{width:var(--set-tab-w)}.set-tab{padding:0 var(--space-2)}.brand-slot{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.brand-actions{justify-content:flex-start}.brand-pv-frame .nav{padding:0 var(--space-7)}.brand-pv-page{height:132px;padding:var(--space-7) var(--space-7) 0}.cpv{--cpv-slice:48px}.brand-pv-frame[data-size=short] .brand-pv-page{padding-top:var(--space-6)}}.tour{--tour-scrim:color-mix(in srgb, var(--color-ink) 64%, transparent);z-index:95;view-transition-name:tour;animation:k-fade var(--duration-slow) var(--ease-out) backwards;transition:opacity var(--duration-base) var(--ease-standard);position:fixed;inset:0}:root[data-theme=light] .tour{--tour-scrim:color-mix(in srgb, var(--color-ink) 46%, transparent)}.tour[data-closing=true]{opacity:0}.tour-spot{pointer-events:none;box-shadow:0 0 0 200vmax var(--tour-scrim), 0 0 0 2px var(--accent);transition:transform var(--duration-slower) var(--ease-spring), width var(--duration-slower) var(--ease-spring), height var(--duration-slower) var(--ease-spring), border-radius var(--duration-slower) var(--ease-standard);position:fixed;top:0;left:0}.tour-spot[data-empty=true]{box-shadow:0 0 0 200vmax var(--tour-scrim)}.tour-card{width:min(380px, calc(100vw - 2 * var(--gutter)));padding:var(--space-8) var(--space-8) var(--space-7) var(--space-10);border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--elevation);transition:translate var(--duration-slower) var(--ease-spring), opacity var(--duration-base) var(--ease-standard);animation:k-pop var(--duration-slow) var(--ease-spring) backwards;position:fixed;top:0;left:0}.tour-card[data-ready=false]{opacity:0;pointer-events:none}.tour-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tour-count{font-size:var(--text-2xs);color:var(--accent-text);font-weight:var(--weight-medium)}.tour-close{width:36px;height:36px;margin-right:calc(var(--space-2) * -1)}.tour-content{animation:k-rise var(--duration-slow) var(--ease-out) backwards}.tour-content .hint{margin-top:var(--space-2)}.tour-progress{height:4px;margin:var(--space-8) 0 var(--space-7);border-radius:var(--radius-6);background:var(--surface-2);overflow:hidden}.tour-progress span{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;transition:transform var(--duration-slower) var(--ease-spring);display:block}.tour-foot{justify-content:space-between;gap:var(--space-2);display:flex}.toast{z-index:96;left:50%;top:calc(var(--nav-h) + var(--space-2) + env(safe-area-inset-top,0px));max-width:calc(100vw - 2 * var(--gutter));padding:var(--space-6) var(--space-10);border-radius:var(--radius-6);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--elevation);font-size:var(--text-2xs);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-spring);position:fixed;translate:-50%}@starting-style{.toast{opacity:0;transform:translateY(-12px)}}@media (max-width:960px){.setup-grid,.record-grid,.review{gap:var(--space-13);grid-template-columns:1fr}}@media (max-width:1100px){.nav .tab svg{display:block}.nav .tab{min-width:52px;padding:0 var(--space-6)}.tab-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:420px){.nav-inner:has(.tabs) .nav-start{display:none}.menu-ws-compact{padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border);display:block}.nav .nav-inner:has(.tabs){grid-template-columns:auto 1fr}.nav .tab svg{display:block}.nav .tab{min-width:40px;padding:0 var(--space-4)}.tab-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:720px){:root{--nav-h:60px}.brand-name,.tab svg,.ws-sep,.ws-name{display:none}.nav-start:has(.ws-switch) .brand{display:none}.ws-switch{height:38px;padding:0 var(--space-1);gap:var(--space-1)}.tab{min-width:72px;padding:0 var(--space-6)}.icon-btn,.avatar-btn,.brand-mark{width:38px;height:38px}.nav-actions{gap:var(--space-1)}.nav-inner{padding:var(--space-1) 0;grid-template-columns:auto 1fr auto}.tabs{justify-self:center}.page{padding-top:calc(var(--nav-h) + var(--space-10) + env(safe-area-inset-top,0px))}.display,.title{font-size:var(--text-base)}.modes{grid-template-columns:1fr}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trash-item{grid-template-columns:96px minmax(0,1fr)}.trash-actions{grid-column:1/-1;justify-content:flex-start}.palettes{grid-template-columns:1fr}.mode{padding:var(--space-8);flex-direction:row;align-items:center}.mode-glyph{flex:none;width:58px;height:auto}.dock{border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;align-items:stretch}.dock .btn-lg{width:100%}.pad,.side,.dialog{padding:var(--space-8)}.share-foot{--share-pad:var(--space-8)}.gate{padding:var(--space-10)}.lock-row-select{align-items:stretch;gap:var(--space-4);flex-direction:column}.lock-row-select .select{width:100%;max-width:100%}.stage-head{padding-top:var(--space-13)}.hud{bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px))}.vp-vol{display:none}}.boards-layout{gap:var(--space-13);margin-top:var(--space-13);grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.boards-rail{--rail-top:calc(var(--nav-h) + var(--space-10) + env(safe-area-inset-top,0px));top:var(--rail-top);max-height:calc(100dvh - var(--rail-top) - var(--space-8));overscroll-behavior:contain;flex-direction:column;gap:2px;display:flex;position:sticky;overflow-y:auto}.board-folder{align-items:center;gap:var(--space-4);min-width:0;height:44px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg-2);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:flex}.board-folder svg{flex:none}.board-folder:hover{background:var(--surface-hover);color:var(--fg)}.board-folder[aria-current=true]{background:var(--accent-tint);color:var(--fg)}.board-folder[aria-current=true] svg{color:var(--accent-text)}.board-folder-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.board-folder-count{font-size:var(--text-2xs);color:var(--fg-2)}.board-folder[aria-current=true] .board-folder-count{color:var(--fg-2)}.board-folder-sk{border-radius:var(--radius-6);height:44px}.boards-main{min-width:0}.boards-bar{justify-content:space-between;align-items:center;gap:var(--space-7);flex-wrap:wrap;min-height:44px;display:flex}.boards-heading{align-items:center;gap:var(--space-4);min-width:0;display:flex}.board-h{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:26ch;margin:0;overflow:hidden}.board-sk-heading{width:180px;height:22px;margin-top:var(--space-2)}.board-search{width:min(100%,300px);display:block;position:relative}.board-search svg{left:var(--space-7);color:var(--fg-dis);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.board-search .input{height:44px;padding-left:var(--space-15)}.grid.board-grid{margin-top:var(--space-10);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.board-card{padding:var(--space-1);transition:transform var(--duration-slow) var(--ease-spring), border-color var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:relative}.board-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.board-card:has(.board-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.board-card:has(.bmenu[data-open]){z-index:10}.board-art{aspect-ratio:16/10;border-radius:calc(var(--radius-md) - var(--space-1));color:var(--fg-dis);background:radial-gradient(circle, var(--border-strong) 1px, transparent 1.4px) 0 0 / 18px 18px, var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.board-body{padding:var(--space-6) var(--space-7) var(--space-7)}.board-title{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);margin:0}.board-link{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);text-decoration:none;display:block;overflow:hidden}.board-link:after{content:"";border-radius:var(--radius-md);position:absolute;inset:0}.board-link:focus-visible{outline:none}.board-meta{margin-top:var(--space-2);flex-wrap:nowrap;min-width:0}.board-meta>span{white-space:nowrap;flex:none}.board-meta>.rec-creator{flex:0 auto;min-width:3ch}.board-folder-tag{max-width:100%}.board-folder-tag>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bmenu{flex:none;position:relative}.board-card-menu{top:var(--space-4);right:var(--space-4);z-index:2;position:absolute}.bmenu-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--fg);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-spring);place-items:center;display:grid}.board-card-menu .bmenu-btn{background:var(--surface-solid);border:1px solid var(--border)}.bmenu-btn:hover,.bmenu[data-open] .bmenu-btn{background:var(--surface-hover)}.board-card-menu .bmenu-btn:hover,.board-card-menu[data-open] .bmenu-btn{background:var(--surface-solid);border-color:var(--border-strong)}.bmenu-btn:active{transform:scale(.92)}.bmenu-item[aria-disabled=true]{opacity:.55;cursor:progress}.bmenu-btn:focus-visible,.bmenu-item:focus-visible,.board-folder:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bmenu-pop{right:0;top:calc(100% + var(--space-2));z-index:20;min-width:208px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);box-shadow:var(--elevation);transform-origin:100% 0;animation:k-pop var(--duration-base) var(--ease-out) backwards;position:absolute}.bmenu-item{align-items:center;gap:var(--space-4);width:100%;height:44px;padding:0 var(--space-6);border-radius:var(--radius-6);color:var(--fg);text-align:left;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard);display:flex}.bmenu-item:hover,.bmenu-item:focus-visible{background:var(--surface-hover)}.bmenu-item[data-danger]{color:var(--danger-text)}.bmenu-item svg{color:var(--fg-2);flex:none}.bmenu-item[data-danger] svg{color:inherit}.board-copy{max-width:52ch;margin-top:var(--space-2);text-wrap:pretty}.board-notice{margin-top:var(--space-7)}.board-empty{margin-top:var(--space-10)}.board-dialog-body{gap:var(--space-7);margin-top:var(--space-9);display:grid}.board-dialog-body p{text-wrap:pretty;overflow-wrap:anywhere}.board-dialog-body .field{position:relative}.board-count{font-size:var(--text-2xs);color:var(--fg-2);align-self:flex-end}.board-truncated{margin-bottom:var(--space-5)}.select.board-select{width:100%;max-width:none;height:48px;font-size:var(--text-xs)}.board-choices{margin-top:0}.board-choices .choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-dialog-foot{--dialog-pad:var(--space-13);bottom:calc(-1 * var(--dialog-pad));z-index:1;margin-bottom:calc(-1 * var(--dialog-pad));padding:var(--space-6) 0 var(--dialog-pad);background:var(--surface-solid);position:sticky}@media (max-width:720px){.board-dialog-foot{--dialog-pad:var(--space-8)}}.template-fold{margin-top:0}.template-groups{gap:var(--space-7);margin-top:var(--space-3);display:grid}.template-group-name{margin:0 0 var(--space-3);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2)}.template-choices{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.template-choice{align-items:center;gap:var(--space-5);min-width:0;padding:var(--space-4) var(--space-5);text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);flex-direction:row;display:flex}.template-choice:hover{border-color:var(--border-strong)}.template-choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-tint)}.template-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-choice:disabled{cursor:not-allowed}.template-text{min-width:0}.template-choice b{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium);display:block;overflow:hidden}.template-choice small{-webkit-line-clamp:2;font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--fg-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-glyph{color:var(--fg-2);flex:none}.template-choice[aria-checked=true] .template-glyph{color:var(--accent)}@media (max-width:520px){.template-choices{grid-template-columns:minmax(0,1fr)}}.board-card-error{z-index:2;margin:0 var(--space-7) var(--space-6);position:relative}.board-art-sk{position:absolute;inset:0}.board-preview{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:0}.board-preview[data-loaded]{opacity:1}.board-art:has(.board-preview[data-loaded]){background:var(--color-white);box-shadow:inset 0 0 0 1px var(--border)}@media (max-width:760px){.boards-layout{gap:var(--space-7);margin-top:var(--space-10);grid-template-columns:minmax(0,1fr)}.boards-rail{gap:var(--space-2);max-height:none;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter);scrollbar-width:none;flex-direction:row;position:static;overflow:auto visible}.boards-rail::-webkit-scrollbar{display:none}.board-folder{border:1px solid var(--border);white-space:nowrap;flex:none}.board-folder[aria-current=true]{border-color:var(--accent)}.board-folder-label{flex:none;max-width:18ch}.board-folder-sk{flex:none;width:96px!important}.boards-bar{flex-direction:column;align-items:stretch}.board-search{width:100%}.grid.board-grid{margin-top:var(--space-7)}}.be{height:100dvh;padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));flex-direction:column;display:flex;overflow:hidden}.be-head{align-items:center;gap:var(--space-3) var(--space-8);padding:var(--space-5) max(var(--gutter), env(safe-area-inset-right,0px)) var(--space-5) max(var(--gutter), env(safe-area-inset-left,0px));flex-wrap:wrap;display:flex}.be-back{align-items:center;gap:var(--space-2);min-height:32px;font-size:var(--text-2xs);display:inline-flex}.be-titles{flex:1;min-width:0}.be-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-tight);margin:0;overflow:hidden}.be-sub{font-size:var(--text-2xs);color:var(--fg-2);margin:0}.be-status{align-items:center;gap:var(--space-4);display:flex}.be-chip{align-items:center;gap:var(--space-3);height:32px;padding:0 var(--space-6);border-radius:var(--radius-6);background:var(--surface-2);color:var(--fg-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.be-dot{background:var(--fg-2);width:8px;height:8px;transition:background-color var(--duration-fast) var(--ease-standard);border-radius:50%}.be-chip[data-tone=ok] .be-dot{background:var(--success)}.be-chip[data-tone=warn]{color:var(--fg)}.be-chip[data-tone=warn] .be-dot{background:var(--warning)}.be-chip[data-tone=bad]{background:var(--danger-tint);color:var(--danger-text)}.be-chip[data-tone=bad] .be-dot{background:var(--danger)}.be-canvas{border-top:1px solid var(--border-strong);flex:1;min-height:0;position:relative}.be-canvas .excalidraw{height:100%}.be-sk-canvas{width:100%;height:100%;min-height:320px;margin-top:var(--space-8);border-radius:var(--radius-md)}.be-banner{justify-content:space-between;align-items:center;gap:var(--space-6) var(--space-10);margin:0 max(var(--gutter), env(safe-area-inset-left,0px)) var(--space-5);padding:var(--space-6) var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-solid);flex-wrap:wrap;display:flex}.be-banner-problem{background:var(--danger-tint)}.be-banner-text{flex:280px;min-width:0}.be-banner-title{font-size:var(--text-xs);font-weight:var(--weight-medium);margin:0}.be-banner-body{margin:var(--space-1) 0 0;max-width:68ch;font-size:var(--text-2xs);color:var(--fg-2)}.be-banner-error{margin:var(--space-3) 0 0;font-size:var(--text-2xs);color:var(--danger-text)}.be-banner-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.excalidraw .HelpDialog__header,.be-canvas .layer-ui__library,.be-canvas .sidebar-trigger,.be-canvas .library-button{display:none!important}@media (max-width:640px){.be-head{gap:var(--space-2) var(--space-6)}.be-titles{flex-basis:100%;order:3}.be-status{margin-left:auto}}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(site-nav){display:none}::view-transition-new(site-nav){animation:none}::view-transition-group(site-nav){z-index:2}::view-transition-group(.vt-fade){z-index:3}::view-transition-group(.vt-dialog){z-index:3}::view-transition-group(tour){z-index:4}::view-transition-old(tour){display:none}::view-transition-new(tour){animation:none}::view-transition-old(.vt-page){animation:k-fade-out var(--duration-fast) var(--ease-in) both}::view-transition-new(.vt-page){animation:k-fade var(--duration-base) var(--ease-out) var(--duration-fast) both}::view-transition-new(.vt-fade){animation:k-fade var(--duration-base) var(--ease-out) both}::view-transition-old(.vt-fade){animation:k-fade-out var(--duration-fast) var(--ease-in) both}::view-transition-new(.vt-dialog){animation:k-pop var(--duration-slow) var(--ease-spring) both}::view-transition-old(.vt-dialog){animation:k-pop-out var(--duration-fast) var(--ease-in) both}::view-transition-group(.vt-move){animation-duration:var(--duration-slower);animation-timing-function:var(--ease-spring)}::view-transition-old(.vt-card-exit){animation:k-pop-out var(--duration-base) var(--ease-in) both}@media (prefers-reduced-motion:reduce){.pulse:after,.mode[aria-pressed=true] .ants{animation:none}.btn:hover:not(:disabled),.mode:hover:not(:disabled),.rec-card:hover,.rec-card:hover .thumb img{transform:none}}:root[data-motion=reduce]{--rise:0px;--stagger:0s;--duration-slow:var(--duration-fast);--duration-slower:var(--duration-fast);--duration-enter:var(--duration-base);--ease-spring:var(--ease-standard)}[data-motion=reduce] .pulse:after,[data-motion=reduce] .mode[aria-pressed=true] .ants{animation:none}[data-motion=reduce] .btn:hover:not(:disabled),[data-motion=reduce] .mode:hover:not(:disabled),[data-motion=reduce] .rec-card:hover,[data-motion=reduce] .rec-card:hover .thumb img{transform:none}@media (prefers-reduced-motion:reduce){.board-card:hover{transform:none}.board-preview{transition:none}.bmenu-pop{animation:none}}[data-motion=reduce] .board-card:hover{transform:none}[data-motion=reduce] .bmenu-pop{animation:none}