:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--surface-raised:#fafafa;--surface-sunken:#f4f4f5;--surface-warm:#fafafa;--text:#18181b;--muted:#6b6b74;--subtle:#52525b;--line:#e4e4e7;--line-row:#f4f4f5;--line-strong:#8a8a93;--line-control:#a1a1aa;--line-soft:#d4d4d8;--accent:#dd2c27;--accent-strong:#b91c1c;--on-accent:#fff;--chip:#3f3f46;--on-chip:#fff;--ink:#18181b;--on-ink-muted:#d4d4d8;--success:#15803d;--success-line:#16a34a;--alert-surface:#fef2f2;--alert-line:#fca5a5;--alert-text:#b91c1c;--ready-surface:#fafafa;--ready-line:#fecaca;--ready-divider:#e4e4e7;--selection:#fecaca;--tile-on:#2f4f3a;--on-tile:#fff;--avatar-surface:#e4e4e7;--on-avatar:#3f3f46;--alert-body:#3f3f46;--on-stage:#fff;--on-stage-new:#18181b;--on-stage-todo:#18181b;--on-stage-progress:#18181b;--stage-edge:#8a8a93;--unplaced:#71717a;--knob:#fff;--stage-new:#bec2c8;--stage-todo:#d9dbdf;--stage-progress:#f3bb3d;--stage-done:#5560c4;--stage-closed:#a52a3a;--shadow-xs:0 1px 3px #18181b26;--shadow-popup:0 8px 28px #18181b24;--shadow-panel:-8px 0 24px #18181b0f;--shadow-drop:0 2px 6px #18181b38;--shadow-knob:0 1px 2px #0003;--radius-control:6px;--radius-field:8px;--radius-action:10px;--radius-card:12px;--radius-panel:14px;--radius-pill:999px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#18181b;--surface-raised:#27272a;--surface-sunken:#2e2e33;--surface-warm:#1f1f23;--text:#f4f4f5;--muted:#a1a1aa;--subtle:#d4d4d8;--line:#3f3f46;--line-row:#27272a;--line-strong:#8a8a93;--line-control:#71717a;--line-soft:#52525b;--accent:#ec6a65;--accent-strong:#f08a85;--on-accent:#18181b;--chip:#52525b;--success:#4ade80;--success-line:#4ade80;--alert-surface:#27272a;--alert-line:#991b1b;--alert-text:#f08a85;--ready-surface:#1f1f23;--ready-line:#7f1d1d;--ready-divider:#3f3f46;--selection:#7f1d1d;--avatar-surface:#3f3f46;--on-avatar:#f4f4f5;--alert-body:#d4d4d8;--shadow-xs:0 1px 3px #00000080;--shadow-popup:0 8px 28px #00000080;--shadow-panel:-8px 0 24px #0006}}::selection{background:var(--selection);color:var(--text)}body{overflow-wrap:anywhere}[role=switch],[role=tab],kbd{white-space:nowrap}body{background:var(--surface);min-width:280px;color:var(--text);margin:0;padding:14px;font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{align-items:center;gap:6px;margin:0 0 2px;font-size:13px;font-weight:600;display:flex}h1:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath d='M 64 121.9 L 30.1 87.9 A 48 48 0 1 1 97.9 87.9 Z' fill='%23dd2c27'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:14px;height:14px}.origin{color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px}.row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:10px;display:flex}.row>.state{overflow-wrap:anywhere;flex:7rem;min-width:0}.actions{flex-wrap:wrap;gap:8px;display:flex}#app>button,#app>.actions{margin-top:8px}label{margin-bottom:8px;display:block}select,input[type=text]{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-field);background:var(--surface);width:100%;color:inherit;font:inherit;margin-top:3px;padding:6px 10px}button{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font:inherit;white-space:nowrap;cursor:pointer;border:0;padding:6px 14px;font-weight:600}button.long{border-radius:var(--radius-field);white-space:normal;text-align:start}.state{color:var(--muted);margin:0}.identity-email{overflow-wrap:anywhere;font-size:12px}.problem{color:var(--accent);margin:8px 0 0}.session label{margin-top:10px}button.secondary{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:0 0}button.remedy{color:inherit;background:0 0;margin-inline-start:4px;padding:2px 10px;font-weight:600;box-shadow:inset 0 0 0 1px}body.popup-page{-webkit-font-smoothing:antialiased;min-width:0;padding:0}.popup{box-sizing:border-box;flex-direction:column;width:380px;min-height:580px;font-size:14px;line-height:1.5;display:flex}.popup-body{flex-direction:column;flex:auto;gap:14px;padding:20px 16px 16px;display:flex}.popup-body>p,.popup-body>h1{margin:0}.popup .host{color:var(--muted);overflow-wrap:anywhere}.popup h1{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.3;display:block}.popup h1:before{content:none}.popup .lead{color:var(--muted);font-size:14px;line-height:1.5}.popup .popup-body>.action{margin-top:6px}.popup button.link-button,.welcome button.link-button{color:var(--text);text-underline-offset:3px;white-space:normal;background:0 0;border-radius:0;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.popup-body>button.link-button{align-self:flex-start}.popup-foot button.link-button{line-height:16px}.popup button.link-button:hover,.welcome button.link-button:hover,.popup-foot a:hover{color:var(--accent)}.popup .word,.welcome .word{letter-spacing:.08em;font:700 22px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.popup-foot{border-top:1px solid var(--line);color:var(--muted);padding:14px 16px}.popup-screen-1 .popup-body{gap:24px;padding:32px 24px 24px}.popup-screen-1 .popup-foot{padding:14px 24px;font-size:13px}.popup-screen-1 h1{letter-spacing:-.015em;text-wrap:balance;font-size:22px;line-height:1.2}.popup .intro{flex-direction:column;gap:8px;display:flex}.popup .intro .lead{color:var(--subtle);margin:0}.popup .not-web-steps{flex-direction:column;gap:10px;margin:0;padding-inline-start:20px;font-size:14px;line-height:1.45;display:flex}.popup .not-web-steps .kit-keys{white-space:nowrap}.popup .methods{flex-direction:column;gap:10px;display:flex}.popup .method-row,.welcome .method-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.popup .invited{color:var(--subtle);flex-direction:column;gap:4px;margin-top:auto;font-size:13px;display:flex}.popup-screen-1 .popup-foot button.link-button{color:var(--accent);font-weight:400}.popup-screen-4 .popup-body{gap:22px;padding:24px}.popup-screen-4 .action-block{gap:10px}.popup-foot-account{justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.popup-foot-account button.link-button{white-space:nowrap;flex:none;min-height:24px}.popup-foot .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.popup-foot a{color:var(--text);white-space:nowrap;text-underline-offset:3px;font-weight:600;text-decoration-thickness:1px}.popup .action-block{flex-direction:column;gap:8px;margin-top:auto;display:flex}.popup .action-block .note{color:var(--muted);text-align:center;margin:0;font-size:12px}.popup-screen-2 .popup-body{gap:22px;padding:24px}.popup-screen-2 h1{letter-spacing:-.015em;text-wrap:balance;font-size:22px;line-height:1.2}.popup-screen-2 .action-block .note{color:var(--subtle);font-size:13px}.popup-screen-2 .kit-dl select{height:34px;margin:2px 0 0;padding:0 10px;font-size:14px}@supports (appearance:base-select){.popup-screen-2 .kit-dl select{appearance:base-select}.popup-screen-2 .kit-dl select::picker(select){appearance:base-select}.popup-screen-2 .kit-dl select{align-items:center;gap:8px;padding:0 12px 0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.popup-screen-2 .kit-dl select:hover:not(:disabled){border-color:var(--ink)}.popup-screen-2 .kit-dl select::picker-icon{content:"";box-sizing:border-box;border:1.5px solid;border-width:0 1.5px 1.5px 0;flex:none;width:7px;height:7px;margin:-3px 2px 0 auto;transition:rotate .18s,margin .18s;rotate:45deg}.popup-screen-2 .kit-dl select:open::picker-icon{margin-top:3px;rotate:225deg}.popup-screen-2 .kit-dl select>button{all:unset;flex:1;align-items:center;min-width:0;display:flex}.popup-screen-2 .kit-dl selectedcontent,.popup-screen-2 .kit-dl select option{align-items:center;gap:8px;min-width:0;display:flex}.popup-screen-2 .kit-dl .choice-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popup-screen-2 .kit-dl select::picker(select){box-sizing:border-box;width:anchor-size(width);border:1px solid var(--line-strong);border-radius:var(--radius-field);background:var(--surface);max-height:260px;box-shadow:var(--shadow-popup);opacity:0;transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;margin-top:4px;padding:4px;translate:0 -4px}.popup-screen-2 .kit-dl select:open::picker(select){opacity:1;translate:0}@starting-style{.popup-screen-2 .kit-dl select:open::picker(select){opacity:0;translate:0 -4px}}.popup-screen-2 .kit-dl select option{border-radius:calc(var(--radius-field) - 2px);padding:8px 10px}.popup-screen-2 .kit-dl select option:hover,.popup-screen-2 .kit-dl select option:focus-visible{background:var(--line-row)}.popup-screen-2 .kit-dl select option::checkmark{order:1;margin-left:auto}}.popup-screen-2 .kit-dl-entry[hidden]{display:none}.popup-screen-2 .kit-dl-entry{transition:opacity .18s,translate .18s}@starting-style{.popup-screen-2 .kit-dl-entry{opacity:0;translate:0 -4px}}.source-mark{flex:none;width:14px;height:14px}.source-mark[data-kind=fruitback]{color:var(--accent)}@media (prefers-reduced-motion:reduce){.popup-screen-2 .kit-dl-entry,.popup-screen-2 .kit-dl select{transition:none}.popup-screen-2 .kit-dl select::picker-icon{transition:none}.popup-screen-2 .kit-dl select::picker(select){transition:none}}.popup-screen-3 .popup-body{gap:20px;padding:20px 24px 24px}.popup .site-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.popup .site-row .kit-site{min-width:0}.popup .visibility-row{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.popup .row+.visibility-row{margin-top:12px}.popup .leave-block{flex-direction:column;gap:8px;display:flex}.popup h1.kit-site-host{letter-spacing:0;font-size:15px;font-weight:650;line-height:1.4}.popup .shortcut-line{color:var(--subtle);text-align:center;margin:0;font-size:13px}.popup .site-lines{flex-direction:column;display:flex}.popup .site-lines:empty{display:none}.popup .action-block .kit-secondary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.popup .panel-icon{width:16px;height:16px}.popup-body>.problem:empty,.popup .action-block>.problem:empty{display:none}.popup .site-form{flex-direction:column;flex:auto;gap:16px;display:flex}.popup .site-form>p{margin:0}.popup label.field{flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.popup label.field select{height:40px;margin:0;padding:0 12px;font-size:14px;font-weight:400}.kit-mark{width:16px;height:16px;color:var(--accent);flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kit-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.kit-head:has(.kit-avatar){padding:0 8px 0 16px}.kit-brand{margin-inline-end:auto;font-size:14px;font-weight:650}button.kit-avatar{border-radius:var(--radius-pill);background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.kit-gear{width:16px;height:16px}.kit-avatar-dot{border-radius:var(--radius-pill);background:var(--avatar-surface);width:28px;height:28px;color:var(--on-avatar);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}button.kit-primary{box-sizing:border-box;border-radius:var(--radius-action);background:var(--accent);height:46px;color:var(--on-accent);font:inherit;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:600;display:flex}button.kit-primary:hover{background:var(--accent-strong)}button.kit-primary:disabled{opacity:.5;cursor:default}button.kit-primary[data-size=tall]{border-radius:var(--radius-card);height:56px;font-size:16px;font-weight:650}button.kit-primary[data-size=tall] .kit-mark{color:currentColor}button.kit-primary[data-size=panel]{border-radius:var(--radius-card);height:48px;font-weight:650}button.kit-secondary{box-sizing:border-box;border:1px solid var(--line-control);border-radius:var(--radius-action);background:var(--surface);height:44px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:flex}button.kit-secondary:hover{border-color:var(--text);background:var(--surface-raised)}.kit-provider-mark{flex:none;width:18px;height:18px}button.kit-text{border-radius:var(--radius-control);height:44px;color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 8px;font-weight:600}button.kit-text:hover{color:var(--accent-strong)}button.kit-switch{--kit-switch-width:44px;--kit-switch-height:26px;--kit-knob:20px;width:var(--kit-switch-width);height:var(--kit-switch-height);border-radius:var(--radius-pill);background:var(--line-strong);cursor:pointer;border:0;flex:none;padding:0;transition:background .2s;position:relative}button.kit-switch[data-size=table]{--kit-switch-width:36px;--kit-switch-height:22px;--kit-knob:16px}button.kit-switch[data-size=preference]{--kit-switch-width:40px;--kit-switch-height:24px;--kit-knob:18px}button.kit-switch[aria-checked=true]{background:var(--accent)}.kit-knob{width:var(--kit-knob);height:var(--kit-knob);border-radius:var(--radius-pill);background:var(--knob);transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px}button.kit-switch[data-size=table] .kit-knob{box-shadow:var(--shadow-knob)}button.kit-switch[aria-checked=true] .kit-knob{transform:translateX(calc(var(--kit-switch-width) - var(--kit-knob) - 6px))}.kit-switch-field{flex:none;align-items:center;gap:8px;min-height:44px;display:inline-flex}.kit-switch-word{font-size:13px;font-weight:600}.kit-tile{border-radius:var(--radius-action);background:var(--avatar-surface);width:40px;height:40px;color:var(--on-avatar);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.kit-tile[data-on=true]{background:var(--tile-on);color:var(--on-tile)}.kit-site{align-items:center;gap:12px;min-width:0;display:flex}.kit-site-words{flex-direction:column;flex:auto;min-width:0;display:flex}.kit-site-host{overflow-wrap:anywhere;font-size:15px;font-weight:650}.kit-site-state{color:var(--subtle);font-size:13px}.kit-site-state[data-paused=true]{color:var(--alert-text);font-weight:600}.kit-drop{box-sizing:border-box;border:2px solid var(--on-stage);width:24px;height:24px;box-shadow:0 0 0 1px var(--stage-edge), var(--shadow-drop);border-radius:50% 50% 50% 0;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-45deg)}.kit-drop[data-size=page]{width:28px;height:28px}.kit-drop[data-size=mark]{width:12px;height:12px;box-shadow:0 0 0 1px var(--stage-edge);border:0}.kit-drop-number{color:var(--drop-on,var(--on-stage));font-size:11px;font-weight:700;line-height:1;transform:rotate(45deg)}.kit-drop[data-stage=new]{--drop-on:var(--on-stage-new);background:var(--stage-new)}.kit-drop[data-stage=todo]{--drop-on:var(--on-stage-todo);background:var(--stage-todo)}.kit-drop[data-stage=progress]{--drop-on:var(--on-stage-progress);background:var(--stage-progress)}.kit-drop[data-stage=done]{background:var(--stage-done)}.kit-drop[data-stage=closed]{background:var(--stage-closed)}button.kit-row{all:unset;box-sizing:border-box;border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 0;display:flex}.kit-row-words{flex-direction:column;flex:auto;min-width:0;display:flex}.kit-row-title{font-weight:650}.kit-row-subtitle{color:var(--subtle);font-size:13px}.kit-chevron{color:var(--muted);font-size:18px}.kit-dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;margin:0;display:flex}.kit-dl-entry{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:10px 0;display:grid}.kit-dl-entry>dt,.kit-dl-entry>dd:not(.kit-dl-action){grid-column:1}.kit-dl dd.kit-dl-action{font-weight:inherit;grid-area:1/2/span 2}.kit-dl-entry+.kit-dl-entry{border-top:1px solid var(--line)}.kit-dl dt{color:var(--subtle);font-size:13px}.kit-dl dd{overflow-wrap:anywhere;margin:0;font-weight:600}.kit-alert{border:1px solid var(--alert-line);border-radius:var(--radius-card);background:var(--alert-surface);flex-direction:column;gap:8px;padding:16px;display:flex}.kit-alert-title{color:var(--alert-text);align-items:center;gap:8px;font-weight:650;display:flex}.kit-alert-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;flex:none;width:16px;height:16px}.kit-alert-body{color:var(--alert-body)}.kit-kbd{border:1px solid var(--line-control);color:var(--text);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-family:inherit;font-size:12px;font-weight:600}.kit-tabs{border-radius:var(--radius-action);background:var(--surface-sunken);gap:4px;padding:3px;display:flex}button.kit-tab{border-radius:var(--radius-field);height:40px;color:var(--subtle);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:0 12px;font-size:14px;font-weight:650}.kit-tabs[data-size=page] button.kit-tab{border-radius:var(--radius-control);height:28px}button.kit-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}body.gallery-all{background:var(--surface-sunken,#f4f4f5);min-width:0;margin:0;padding:0}.gallery-head{font:14px/1.4 var(--font-sans,system-ui, sans-serif);color:var(--text);flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding:24px 32px 0;display:flex}.gallery-head h1{margin:0;font-size:20px}.gallery-head a{color:inherit}.gallery-head a[aria-current=page]{font-weight:600;text-decoration:none}body:not(.gallery-all) .gallery-head{display:none}body.gallery-all #app{flex-wrap:wrap;align-items:flex-start;gap:40px;padding:24px 32px 48px;display:flex}.gallery-state{flex-direction:column;gap:10px;display:flex}.gallery-name{font:600 14px/1.4 var(--font-sans,system-ui, sans-serif);color:var(--text);text-decoration:none}.gallery-frame{box-shadow:0 0 0 1px var(--line-soft,#00000014), 0 8px 24px #00000014;border-radius:12px;overflow:hidden}.gallery-frame-popup{background:var(--surface);width:380px}.gallery-frame-welcome{background:var(--surface-raised);width:900px;min-height:700px}.gallery-frame-panel{background:var(--surface);width:400px;height:900px;overflow-y:auto}.gallery-frame-panel .side-panel{min-height:100%}