:root{--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: #e3dee8;--surface: #efebf3;--surface-2: #d8d1e0;--surface-3: #cac1d4;--ink: #1d1424;--ink-2: #4a3f55;--ink-3: #635770;--line: #d5cddd;--line-strong: #bbb0c7;--brand: #e6a817;--primary: #3f1d4f;--primary-hover: #2f1440;--primary-ink: #f3eef7;--accent: #5c2f72;--accent-soft: #e0d1ea;--accent-ink: #4a2160;--amber: #e6a817;--amber-soft: #f4e2b0;--amber-ink: #6b4a00;--success: #2e8a5c;--success-soft: #d7eadf;--success-ink: #1f6a45;--warning: #6b4a00;--warning-soft: #f4e2b0;--danger: #a8323a;--danger-soft: #f3dade;--overlay: rgba(29, 20, 36, .55);--shadow-sm: 0 1px 2px rgba(45, 25, 60, .08);--shadow-md: 0 1px 2px rgba(45, 25, 60, .05), 0 10px 28px rgba(45, 25, 60, .1);--shadow-lg: 0 24px 64px rgba(30, 15, 40, .28);--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--header-h: 64px;--tabbar-h: 0px;--content: 720px;font-family:var(--font);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:root[data-theme=dark]{--bg: #110c15;--surface: #1a1420;--surface-2: #241c2c;--surface-3: #302638;--ink: #efe8f4;--ink-2: #c4b8cf;--ink-3: #9a8ea6;--line: #2a2132;--line-strong: #41354c;--brand: #f2b63a;--primary: #f2b63a;--primary-hover: #f6c962;--primary-ink: #1d1424;--accent: #cfa6e6;--accent-soft: #2c1d38;--accent-ink: #dcbdee;--amber: #f2b63a;--amber-soft: #3a2c10;--amber-ink: #f6d17f;--success: #6fcf9a;--success-soft: #19301f;--success-ink: #9fe0bb;--warning: #f6d17f;--warning-soft: #3a2c10;--danger: #ff9fa8;--danger-soft: #3c1d24;--overlay: rgba(6, 3, 8, .72);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}body.modal-open{overflow:hidden}h1,h2,h3,p,ol,ul{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.02em}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}input,textarea{color:var(--ink)}::placeholder{color:var(--ink-3);opacity:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;border-radius:var(--r-xs)}.sr-only,.live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.safe-name{overflow-wrap:anywhere}[hidden]{display:none!important}.dark-button,.outline-button,.action-primary,.action-secondary,.manual-submit,.send-button,.feedback-submit,.menu-install,.install-nudge-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-sm);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.dark-button,.action-primary,.manual-submit,.send-button,.feedback-submit,.menu-install,.install-nudge-primary{background:var(--primary);color:var(--primary-ink)}.dark-button:hover:not(:disabled),.action-primary:hover:not(:disabled),.manual-submit:hover:not(:disabled),.send-button:hover:not(:disabled),.feedback-submit:hover:not(:disabled),.menu-install:hover:not(:disabled),.install-nudge-primary:hover{background:var(--primary-hover)}.outline-button,.action-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.outline-button:hover:not(:disabled),.action-secondary:hover:not(:disabled){background:var(--surface-2)}.outline-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.text-button,.text-expand,.file-after-disconnect,.space-text-button{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;border:0;background:none;color:var(--accent-ink);font-size:13px;font-weight:600}.text-button:hover:not(:disabled),.file-after-disconnect:hover,.space-text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.icon-button{position:relative;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);transition:background-color .15s,color .15s}.icon-button:hover:not(:disabled),.icon-button.is-active{background:var(--surface-2);color:var(--ink)}.signal-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.signal-dot.connected{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.header{position:sticky;top:0;z-index:15;flex:none;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 max(20px,calc((100vw - 1120px)/2));background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}.app-brand{justify-self:start;display:inline-flex;align-items:center;gap:9px;padding:4px 6px 4px 2px;border:0;background:none;color:var(--ink);border-radius:var(--r-sm)}.app-brand img{display:block;width:30px;height:30px}.app-brand-name{font-size:21px;font-weight:750;letter-spacing:-.06em;line-height:1}.app-brand-name span{color:var(--brand)}.space-navigation{display:flex;gap:4px;padding:4px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line)}.space-navigation button{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 18px;border:0;border-radius:var(--r-full);background:transparent;color:var(--ink-2);font-size:14px;font-weight:600;transition:background-color .15s,color .15s}.space-navigation button svg{width:18px;height:18px}.space-navigation button:hover{color:var(--ink)}.space-navigation button[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 2px var(--surface-2)}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.main{flex:1;width:100%;max-width:calc(var(--content) + 40px);margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:28px 20px calc(40px + var(--tabbar-h))}.app-main-devices{max-width:920px}.app-main-devices.main-connected{max-width:calc(var(--content) + 40px)}.app-main-rooms:has(>.paqra-rooms>.paqra-rooms-main>div:not([hidden])>.rooms-hub>.space-workspace){max-width:900px}.device-workspace{display:flex;flex-direction:column;gap:16px}.menu{position:relative}.menu-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);transition:background-color .15s}.menu-button[aria-expanded=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}@media(hover:hover){.menu-button:hover:not([aria-expanded=true]){background:var(--surface-2)}}.menu-lines line{stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.menu-popover{position:absolute;z-index:25;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 24px));max-height:min(82dvh,620px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);transform-origin:top right;animation:menu-in .18s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.menu-popover:focus{outline:none}.menu-head{display:flex;align-items:center;gap:12px;padding:2px 2px 4px}.menu-head img{display:block}.menu-head>span{display:flex;flex-direction:column;gap:2px}.menu-head strong{font-size:16px;letter-spacing:-.02em}.menu-head small{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12px}.menu-head .signal-dot{width:7px;height:7px}.menu-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.menu-tiles button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:650;transition:background-color .15s,transform .15s}.menu-tiles button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.menu-tile-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.menu-tile-icon.is-accent{background:var(--amber);color:#1d1424}.menu-count{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--primary);color:var(--primary-ink);font-size:11px;line-height:18px;text-align:center}.menu-theme{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border-radius:var(--r-full);background:var(--surface-2)}.menu-theme button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:0;border-radius:var(--r-full);background:transparent;color:var(--ink-3);font-size:12px;font-weight:650}.menu-theme button.is-selected{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.menu-help{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:10px;border-top:1px solid var(--line)}.menu-help button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-3);font-size:11px;font-weight:600}.menu-help button:hover{background:var(--surface-2);color:var(--ink)}.menu-foot{color:var(--ink-3);font-size:11px;text-align:center}.message{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;line-height:1.5;box-shadow:var(--shadow-sm)}.message-error{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.message button{display:grid;place-items:center;flex:none;min-width:32px;min-height:32px;border:0;border-radius:var(--r-xs);background:none;color:inherit}.message button:hover{background:var(--surface-2)}.message .message-action{padding:0 10px;font-weight:600;color:var(--accent-ink)}.message-toast{position:fixed;z-index:29;left:50%;bottom:calc(16px + var(--tabbar-h));transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;border:0;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);animation:dialog-in .18s ease-out}.message-toast button:hover{background:color-mix(in srgb,var(--bg) 14%,transparent)}.prompt-queue{position:fixed;z-index:35;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);padding:8px 14px;border-radius:var(--r-full);background:var(--ink);color:var(--bg);font-size:12px;font-weight:600;box-shadow:var(--shadow-md)}.gather-warning,.queued-file-hint,.incoming-large-note,.reconnect-notice{padding:10px 12px;border-radius:var(--r-sm);background:var(--warning-soft);color:var(--warning);font-size:13px;line-height:1.5;text-align:left}.queued-file-hint{background:var(--accent-soft);color:var(--accent-ink);overflow-wrap:anywhere}.recent-footnote,.workspace-footnote{color:var(--ink-3);font-size:12px;line-height:1.55}.settings-error,.feedback-error{color:var(--danger);font-size:13px;line-height:1.5}.pair-card,.workspace,.recents,.nearby-section,.ended-view,.transfers,.paqra-inbox,.space-workspace,.space-discover{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.pair-view{display:flex;flex-direction:column;gap:14px}.pair-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center;padding:32px}.pair-card.is-compact{grid-template-columns:1fr;padding:40px 32px;text-align:center}.pair-card.is-compact .pair-actions{align-items:center}.pair-copy{display:flex;flex-direction:column;gap:14px;min-width:0}.pair-copy h1{font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.03em}.lead{color:var(--ink-2);font-size:15px;line-height:1.55}.pair-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pair-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-2);font-size:12px;font-weight:600;text-align:center}.pair-steps li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.pair-steps li:last-child>span{background:var(--amber-soft);color:var(--amber-ink)}.pair-steps li:not(:last-child):after{content:"";position:absolute;top:24px;left:calc(50% + 30px);right:calc(-50% + 30px);border-top:2px dotted var(--line-strong)}.pair-waiting{display:inline-flex;align-items:center;gap:8px}.pair-pulse{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}.qr-stage{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-art{display:grid;place-items:center;width:300px;aspect-ratio:1;padding:10px;background:#fff;color:#141a24;border:1px solid #e3e6eb;border-radius:var(--r-md)}.qr-art img{display:block;width:100%;height:100%;object-fit:contain}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:#635770;font-size:13px}.qr-loading svg{animation:qr-breathe 1.8s ease-in-out infinite}@keyframes qr-breathe{50%{opacity:.35;transform:scale(.94)}}.qr-caption{color:var(--ink-3);font-size:12px;font-weight:600}.pair-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pair-help{color:var(--ink-3);font-size:13px;line-height:1.55}.pair-help.preparing{color:var(--ink-2)}.pair-trust,.paqra-inbox-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.pair-trust li,.paqra-inbox-facts li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}.pair-trust svg,.paqra-inbox-facts svg{color:var(--accent)}.fallback{border-top:1px solid var(--line);padding-top:12px}.fallback summary{display:flex;align-items:center;gap:8px;width:fit-content;list-style:none;cursor:pointer;color:var(--ink-2);font-size:13px;font-weight:600}.fallback summary::-webkit-details-marker{display:none}.fallback summary svg{transition:transform .15s}.fallback[open] summary svg{transform:rotate(180deg)}.fallback-content{display:flex;flex-direction:column;gap:12px;padding-top:14px}.fallback-content p{color:var(--ink-2);font-size:13px;line-height:1.55}.copy-signal{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);font-size:13px;font-weight:600}.copy-signal:hover{background:var(--surface-2)}.fallback form{display:flex;flex-direction:column;gap:8px}.fallback label{color:var(--ink-2);font-size:13px}.fallback textarea,.space-input,.feedback-form input,.feedback-form select,.feedback-form textarea,.connection-details input,.device-rename{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:15px;line-height:1.45}.fallback textarea{min-height:96px;resize:vertical;font-family:var(--mono);font-size:12px}.fallback textarea:focus,.space-input:focus,.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus,.connection-details input:focus,.device-rename:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.manual-submit{align-self:flex-start;min-height:40px;font-size:13px}.recents{padding:20px;display:flex;flex-direction:column;gap:4px}.recent-inline .recents{box-shadow:none}.recents-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.recents-heading h2{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:650}.recents-heading h2 svg{color:var(--accent)}.recent-notifications{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:600}.recent-notifications:hover:not(:disabled){background:var(--surface-2)}.recent-empty{color:var(--ink-3);font-size:14px;padding:10px 0}.recent-device{display:flex;align-items:center;gap:4px;padding:6px 0;border-top:1px solid var(--line)}.recent-device:first-of-type{border-top:0}.recent-device-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-right:8px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2)}.recent-device-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 4px;border:0;background:none;text-align:left;border-radius:var(--r-xs)}.recent-device-main:hover:not(:disabled) strong{color:var(--accent-ink)}.recent-device-main:disabled{opacity:1}.recent-device-main strong{font-size:14px;font-weight:600}.recent-device-main span{color:var(--ink-3);font-size:12px}.recent-forget{color:var(--ink-3)}.recent-show-all{align-self:flex-start}.recent-dialog{position:relative;padding:0;overflow:hidden}.recent-dialog .recents{border:0;box-shadow:none;padding:22px 20px 20px}.recent-dialog .recents-heading{padding-right:44px}.recent-close{position:absolute;top:14px;right:14px;z-index:1}.ended-view{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 28px;text-align:center}.ended-view>svg{color:var(--ink-3)}.ended-view h1{font-size:24px;font-weight:700}.ended-view p{max-width:440px;color:var(--ink-2);font-size:14px;line-height:1.6}.ended-view .dark-button{margin-top:8px}.workspace{display:flex;flex-direction:column;overflow:hidden}.workspace-peer{display:flex;align-items:center;gap:14px;padding:20px 20px 16px}.workspace-peer-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-ink)}.workspace-peer-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.workspace-peer-name h1{font-size:20px;font-weight:700;line-height:1.2}.workspace-connected,.workspace-reconnecting{display:inline-flex;align-items:center;gap:8px;color:var(--success-ink);font-size:13px;font-weight:500}.workspace-reconnecting{color:var(--warning)}.chat-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:var(--r-full);background:var(--primary);color:var(--primary-ink);font-size:13px;font-weight:650;white-space:nowrap}.chat-button:hover{background:var(--primary-hover)}.direct-connecting{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:8vh auto 0;padding:32px 20px;text-align:center}.direct-connecting h1{font-size:22px;font-weight:750;letter-spacing:-.02em}.direct-connecting p{color:var(--ink-2);font-size:15px;line-height:1.5}.direct-connecting .space-spin{color:var(--accent)}.direct-connecting-avatar{display:grid;place-items:center;width:84px;height:84px;margin-bottom:6px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:34px;font-weight:750;box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 10%,transparent)}.direct-connecting-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.end-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap}.end-button:hover{color:var(--danger);border-color:var(--danger)}.reconnect-notice{margin:0 20px 12px;display:flex;flex-direction:column;gap:4px}.reconnect-notice strong{font-size:13px}.grant-chip{margin:0 20px 12px;align-self:flex-start;padding:5px 10px;border-radius:var(--r-full);background:var(--success-soft);color:var(--success-ink);font-size:12px;font-weight:600}.connection-details{margin:0 20px 14px;border-radius:var(--r-sm);background:var(--surface-2)}.connection-details summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;list-style:none;cursor:pointer;color:var(--accent);font-size:13px}.connection-details summary span{margin-left:auto;color:var(--ink-3);font-size:12px;font-weight:600}.connection-details summary::-webkit-details-marker{display:none}.connection-details summary strong{color:var(--ink);font-family:var(--mono);letter-spacing:.06em}.connection-details>div{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px;color:var(--ink-2);font-size:13px;line-height:1.55}.connection-details>div strong{font-family:var(--mono);color:var(--ink);letter-spacing:.06em}.connection-details label{display:flex;flex-direction:column;gap:6px;margin-top:4px;color:var(--ink-2);font-size:12px;font-weight:600}.workspace-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 12px;border-bottom:1px solid var(--line)}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:6px 4px;border:0;background:none;color:var(--ink-3);font-size:12px;font-weight:600;white-space:nowrap}.tab-count{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--amber);color:#1d1424;font-size:11px;line-height:18px;text-align:center}.workspace-tabs button:hover{color:var(--ink)}.workspace-tabs button[aria-selected=true]{color:var(--accent)}.workspace-tabs button[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.workspace [role=tabpanel]{padding:20px;display:flex;flex-direction:column;gap:14px}.live-transfer{margin:14px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);text-align:left;font-size:13px;color:var(--ink-2)}.live-transfer strong{color:var(--ink)}.live-transfer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-transfer-track,.progress-track{grid-column:1 / -1;display:block;height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden}.live-transfer-track>span,.progress-track>div{display:block;height:100%;border-radius:4px;background:var(--accent);transition:width .2s}.workspace-drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface-2);transition:background-color .15s,border-color .15s}.workspace-drop-button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:0;border-radius:inherit;background:none;color:var(--ink)}.workspace-drop-button>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:4px;border-radius:50%;background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-md);transition:transform .15s}.workspace-drop-button:hover:not(:disabled)>span{transform:translateY(-2px)}.workspace-drop-button strong{font-size:15px}.workspace-drop-button small{color:var(--ink-3);font-size:12px}.workspace-drop.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.workspace-drop-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:var(--r-sm);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.workspace-drop-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.workspace-drop-copy strong{font-size:15px}.workspace-drop-copy small{color:var(--ink-3);font-size:13px;line-height:1.45}.queued-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-ink);font-size:13px;overflow-wrap:anywhere}.queued-file button{flex:none;border:0;background:none;color:inherit;font-weight:700;padding:6px}.composer{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{display:block;width:100%;min-height:104px;padding:14px 16px;border:0;outline:none;resize:vertical;background:none;color:var(--ink);font-size:15px;line-height:1.55}.composer textarea:focus-visible{outline:none}.composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 12px;border-top:1px solid var(--line)}.paste-button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border:0;border-radius:var(--r-xs);background:none;color:var(--ink-2);font-size:13px;font-weight:600}.paste-button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.send-button{min-height:38px;padding:0 16px;font-size:13px}.saving-shortcut{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 2px;border:0;background:none;color:var(--ink-3);font-size:12px}.saving-shortcut:hover{color:var(--ink-2)}.workspace-heading{display:flex;flex-direction:column;gap:4px}.workspace-heading h2{font-size:17px;font-weight:650}.workspace-heading p{color:var(--ink-3);font-size:13px;line-height:1.5}.section-label,.dialog-eyebrow,.exchange-label{color:var(--ink-3);font-size:12px;font-weight:600}.workspace-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;text-align:center;color:var(--ink-3)}.workspace-empty h3{margin-top:6px;font-size:15px;font-weight:650}.workspace-empty p{font-size:13px;line-height:1.5}.transfers{padding:16px 20px}.workspace .transfers{padding:0;border:0;box-shadow:none;border-radius:0;background:none}.transfers-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px}.transfers-heading h2{font-size:15px;font-weight:650}.transfers-heading span{color:var(--ink-3);font-size:12px}.transfer{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink-3)}.transfer>svg,.text-symbol{flex:none}.text-symbol{display:grid;place-items:center;width:20px;font-size:12px;font-weight:700}.transfer-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.transfer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:600}.transfer-copy small{color:var(--ink-3);font-size:12px}.session-text{color:var(--ink);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.session-text.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.text-expand{align-self:flex-start;padding:0;font-size:12px}.transfer-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:36px;height:36px;padding:0 10px;border:0;border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink);font-size:13px;font-weight:600}.transfer-action:hover:not(:disabled){background:var(--surface-3)}.transfer-preview{flex:none;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-xs);background:none;color:var(--accent-ink);font-size:13px;font-weight:600}.transfer-preview:hover{background:var(--accent-soft)}.copied-label{font-size:11px;font-weight:700;color:var(--success-ink)}.transfer-progress{padding:12px 0;border-top:1px solid var(--line);display:grid;gap:8px}.transfer-line{display:flex;justify-content:space-between;gap:12px;font-size:13px}.transfer-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-cancel{justify-self:start;padding:0;border:0;background:none;color:var(--ink-2);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.exchange{display:flex;flex-direction:column;gap:16px}.exchange-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.exchange-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--warning);font-size:12px;font-weight:600}.exchange-indicator>span{width:8px;height:8px;border-radius:50%;background:currentColor}.exchange-indicator.online{color:var(--success-ink)}.device-path{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,1.2fr) minmax(0,1fr);align-items:start;gap:8px;padding:18px 8px;border-radius:var(--r-md);background:var(--surface-2)}.device-end{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}.device-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);box-shadow:var(--shadow-sm)}.device-symbol-peer{color:var(--accent)}.device-name,.device-name-static{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;border:0;background:none;color:var(--ink);font-size:13px;font-weight:600}.device-name{border-radius:var(--r-xs)}.device-name:hover{background:var(--surface)}.device-rename{max-width:160px;padding:4px 8px;font-size:13px;text-align:center}.device-subtitle{color:var(--ink-3);font-size:11px}.device-route{position:relative;height:56px}.route-track{position:absolute;left:0;right:0;top:50%;border-top:2px dashed var(--line-strong)}.route-packet{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--surface);color:var(--ink-3);box-shadow:var(--shadow-sm)}.device-route.is-flowing .route-packet{color:var(--primary-ink);background:var(--primary);animation:packet 1.6s ease-in-out infinite}.device-route.is-reverse .route-packet{transform:scaleX(-1)}.device-route.is-flowing.is-reverse .route-packet{animation-name:packet-reverse}@keyframes packet{0%{left:12%;opacity:0}15%,85%{opacity:1}to{left:88%;opacity:0}}@keyframes packet-reverse{0%{left:88%;opacity:0}15%,85%{opacity:1}to{left:12%;opacity:0}}.exchange-status{display:flex;flex-direction:column;gap:2px}.exchange-stage{color:var(--ink-3);font-size:12px;font-weight:600}.exchange-status strong{font-size:15px;font-weight:600}.exchange-active{display:flex;flex-direction:column;gap:8px}.exchange-progress-caption,.exchange-metrics{display:flex;justify-content:space-between;gap:12px;color:var(--ink-3);font-size:12px}.exchange-metrics span{display:inline-flex;align-items:center;gap:5px}.sending-arrow{transform:rotate(180deg)}.exchange-progress-track{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}.exchange-progress-track>div{height:100%;border-radius:6px;background:var(--accent);transition:width .2s}.exchange-queue{display:flex;flex-direction:column}.exchange-queue-title{display:flex;justify-content:space-between;padding-bottom:6px;font-size:13px}.exchange-queue-title span{color:var(--ink-3)}.exchange-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.exchange-row-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2)}.exchange-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.exchange-row-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.exchange-row-info span{color:var(--ink-3);font-size:12px}.exchange-row-action{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:var(--r-xs);background:none;color:var(--ink-2)}.exchange-row-action:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.exchange-success{flex:none;color:var(--success)}.browse-view{display:flex;flex-direction:column;gap:14px}.browse-switch{display:inline-grid;grid-auto-flow:column;gap:2px;align-self:flex-start;padding:3px;border-radius:var(--r-sm);background:var(--surface-2)}.browse-switch button{min-height:34px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--ink-2);font-size:13px;font-weight:600}.browse-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.browse-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.browse-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;color:var(--ink-3);font-size:13px}.browse-path span{display:inline-flex;align-items:center;gap:2px}.browse-path button{padding:4px 6px;border:0;border-radius:6px;background:none;color:var(--accent-ink);font-weight:600}.browse-files{display:flex;flex-direction:column}.browse-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink-3);text-align:left}.browse-row:first-child{border-top:0}.browse-folder:hover{color:var(--ink)}.browse-check{flex:1;min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer}.browse-check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.browse-file-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:var(--ink);font-size:14px;font-weight:500;overflow-wrap:anywhere}.browse-file-copy strong{font-weight:600}.browse-file-copy small{color:var(--ink-3);font-size:12px;font-weight:400}.browse-row-actions{display:flex;gap:2px}.browse-selection{position:sticky;bottom:calc(12px + var(--tabbar-h));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;border-radius:var(--r-md);background:var(--ink);color:var(--bg);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg)}.browse-selection .dark-button{background:var(--bg);color:var(--ink);min-height:38px}.nearby-section{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.nearby-section .space-section-heading{align-items:center}.nearby-section .space-section-heading>div{flex:1;min-width:0}.nearby-section h2{font-size:15px;font-weight:650}.nearby-section .space-muted{margin-top:2px}.nearby-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--ink-2)}.nearby-icon.is-on{background:var(--amber-soft);color:var(--amber-ink)}.space-switch{position:relative;flex:none;width:50px;height:30px;padding:0;border:0;border-radius:var(--r-full);background:var(--surface-3);transition:background-color .2s}.space-switch>span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s}.space-switch.is-on{background:var(--accent)}.space-switch.is-on>span{transform:translate(20px)}.overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--overlay);overflow-y:auto;animation:fade-in .15s ease-out}.dialog{width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);animation:dialog-in .18s ease-out}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog h2{font-size:20px;font-weight:700;line-height:1.25}.dialog-description{color:var(--ink-2);font-size:14px;line-height:1.55}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2)}.dialog-file>div{min-width:0;display:flex;flex-direction:column;gap:2px}.dialog-file strong{color:var(--ink);font-size:14px;overflow-wrap:anywhere}.dialog-file span{font-size:12px;color:var(--ink-3)}.safety-inline{color:var(--ink-2);font-size:13px}.safety-inline strong{font-family:var(--mono);letter-spacing:.06em;color:var(--ink)}.incoming-batch{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:13px;color:var(--ink-2)}.incoming-batch label{display:flex;align-items:flex-start;gap:8px;color:var(--ink);font-weight:600}.incoming-batch input{margin-top:3px;accent-color:var(--accent)}.incoming-batch small{color:var(--ink-3);font-size:12px;line-height:1.5}.batch-review-head{display:flex;align-items:center;justify-content:space-between}.batch-review-close{display:grid;place-items:center;width:36px;height:36px;margin:-8px -8px -8px 0;border:0;border-radius:var(--r-xs);background:none;color:var(--ink-2)}.batch-review-close:hover{background:var(--surface-2)}.batch-review-lead{color:var(--ink-2);font-size:14px;line-height:1.55}.batch-review-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-sm)}.batch-review-item{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-top:1px solid var(--line)}.batch-review-item:first-child{border-top:0}.batch-review-icon{color:var(--ink-3);display:grid}.batch-review-file{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-review-size{color:var(--ink-3);font-size:12px;white-space:nowrap}.batch-review-privacy{display:flex;align-items:flex-start;gap:8px;color:var(--ink-3);font-size:12px;line-height:1.5}.batch-review-privacy svg{flex:none;margin-top:1px;color:var(--success)}.media-dialog{width:min(100%,760px)}.media-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.media-heading>div{min-width:0}.media-heading h2{overflow-wrap:anywhere}.media-heading p{margin-top:2px;color:var(--ink-3);font-size:13px}.media-heading .icon-button{margin:-8px -8px 0 0}.media-stage{display:grid;place-items:center;min-height:160px;padding:8px;border-radius:var(--r-md);background:var(--surface-2);overflow:hidden;color:var(--ink-2);font-size:14px;text-align:center}.media-stage img,.media-stage video{display:block;max-width:100%;max-height:60dvh;border-radius:var(--r-sm)}.media-stage audio{width:100%}.pdf-frame{width:100%;height:60dvh;border:0;border-radius:var(--r-sm);background:#fff}.saving-modes{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;border:0}.saving-modes legend,.saving-destination h3{margin-bottom:6px;padding:0;color:var(--ink-2);font-size:13px;font-weight:600}.saving-modes label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.saving-modes label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.saving-modes input,.saving-destination input{margin-top:3px;accent-color:var(--accent)}.saving-modes span{display:flex;flex-direction:column;gap:2px}.saving-modes strong{font-size:14px}.saving-modes small{color:var(--ink-3);font-size:12px}.saving-destination{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.saving-destination label{display:flex;align-items:center;gap:8px;font-size:14px}.scanner-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#0c0810;color:#fff}.scanner-panel{width:min(100%,440px);display:flex;flex-direction:column;align-items:center;gap:18px}.scanner-head{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px}.scanner-head button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1a;color:#fff}.camera-wrapper{width:100%;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:#1a1420}.camera{display:block;width:100%;height:100%;object-fit:cover}.scanner-overlay p{color:#d8cde2;font-size:14px;text-align:center}.scanner-overlay .scanner-error{padding:10px 12px;border-radius:var(--r-sm);background:#ff786426;color:#ffc4bb}.scanner-cancel{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-full);background:none;color:#fff;font-size:14px;font-weight:600}.info-overlay{align-items:stretch;justify-content:flex-end;padding:0}.info-panel{width:min(100%,560px);height:100%;overflow-y:auto;background:var(--surface);box-shadow:var(--shadow-lg);animation:sheet-in .2s ease-out}@keyframes sheet-in{0%{transform:translate(24px);opacity:0}}.info-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.info-mark{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:-.02em}.info-mark img{display:block}.info-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-2)}.info-close:hover{background:var(--surface-2)}.info-body{padding:24px 20px 48px;display:flex;flex-direction:column;gap:16px}.info-body h2{font-size:26px;font-weight:700}.info-copy{display:flex;flex-direction:column;gap:10px;color:var(--ink-2);font-size:15px;line-height:1.65}.info-copy h3{margin-top:10px;color:var(--ink);font-size:16px;font-weight:650}.info-copy ul,.info-copy ol{padding-left:20px;display:flex;flex-direction:column;gap:6px}.info-copy a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.info-copy details{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.info-copy summary{padding:14px 16px;cursor:pointer;color:var(--ink);font-weight:600;list-style:none}.info-copy summary::-webkit-details-marker{display:none}.info-copy summary:after{content:"+";float:right;color:var(--ink-3);font-weight:400}.info-copy details[open] summary:after{content:"–"}.info-copy details p{padding:0 16px 14px}.info-meta{color:var(--ink-3);font-size:13px}.feedback-lead,.feedback-privacy{color:var(--ink-2);font-size:14px;line-height:1.6}.feedback-privacy{color:var(--ink-3);font-size:12px}.feedback-form{display:flex;flex-direction:column;gap:14px}.feedback-form label{display:flex;flex-direction:column;gap:6px;color:var(--ink-2);font-size:13px;font-weight:600}.feedback-form textarea{min-height:140px;resize:vertical}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback-submit{align-self:flex-start}.feedback-success{padding:14px;border-radius:var(--r-sm);background:var(--success-soft);color:var(--success-ink);font-size:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.install-nudge{position:fixed;z-index:28;right:20px;bottom:calc(20px + var(--tabbar-h));width:min(360px,calc(100vw - 24px));display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:dialog-in .2s ease-out}.install-nudge-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-xs);background:none;color:var(--ink-3)}.install-nudge-close:hover{background:var(--surface-2)}.install-nudge-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-ink)}.install-nudge-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-right:20px}.install-nudge-content strong{font-size:15px}.install-nudge-content p,.install-nudge-content small{color:var(--ink-2);font-size:13px;line-height:1.5}.install-nudge-actions{display:flex;flex-direction:column;gap:6px}.install-nudge-actions a{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-size:13px;font-weight:600}.install-nudge-primary{align-self:flex-start;min-height:38px;font-size:13px}.install-nudge-controls{display:flex;gap:14px;margin-top:4px}.install-nudge-controls button{padding:4px 0;border:0;background:none;color:var(--ink-3);font-size:12px;font-weight:600}.install-nudge-controls button:hover{color:var(--ink)}@media(max-width:860px){.pair-card{grid-template-columns:minmax(0,440px);justify-content:center;gap:14px;padding:24px}.pair-copy{display:contents}.pair-copy h1{order:-2;text-align:center}.pair-copy>.lead{order:-1;text-align:center}.qr-stage{margin:4px 0 8px}}@media(max-width:720px){:root{--header-h: 56px;--tabbar-h: calc(64px + env(safe-area-inset-bottom)) }.header{grid-template-columns:1fr auto;padding:0 12px 0 16px;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.space-navigation{position:fixed;z-index:20;left:0;right:0;bottom:0;height:var(--tabbar-h);display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:6px 12px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}.space-navigation button{flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:0;border-radius:var(--r-md);font-size:12px}.space-navigation button svg{width:22px;height:22px}.space-navigation button[aria-current=page]{background:transparent;box-shadow:none;color:var(--accent)}.nav-dot{position:absolute;top:8px;left:calc(50% + 8px)}.main{padding:16px 12px calc(24px + var(--tabbar-h));gap:12px}.pair-card{padding:20px 16px;border-radius:var(--r-lg)}.pair-card.is-compact{padding:32px 20px}.pair-copy h1{font-size:24px}.qr-art{width:min(300px,78vw)}.pair-actions{align-items:stretch}.pair-actions .action-primary,.pair-actions .action-secondary{width:100%}.workspace-peer{padding:16px 16px 12px}.workspace-peer-icon{width:42px;height:42px}.workspace-peer-name h1{font-size:18px}.end-button{width:40px;padding:0;justify-content:center}.end-button span,.chat-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-button{width:40px;padding:0;justify-content:center}.connection-details,.reconnect-notice,.grant-chip,.live-transfer{margin-inline:16px}.workspace-tabs{padding:0 4px}.workspace [role=tabpanel],.recents,.nearby-section{padding:16px}.overlay{align-items:flex-end;padding:0}.overlay>.dialog{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:sheet-up .22s ease-out}.info-overlay{align-items:stretch}.info-panel{width:100%}.dialog-actions{flex-direction:column-reverse;align-items:stretch}.dialog-actions>button{width:100%}.install-nudge{right:12px;left:12px;width:auto}.menu-popover{position:fixed;top:calc(var(--header-h) + 8px);left:12px;right:12px;width:auto}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}@media(max-width:360px){.app-brand-name{font-size:19px}.main{padding-inline:8px}.composer-bar{flex-wrap:wrap}}@media(pointer:coarse){.icon-button,.exchange-row-action{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.workspace-drop{padding:14px}.send-pickers{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.send-pick{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:120px;padding:16px;border:0;border-radius:var(--r-md);background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.send-pick>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.send-pick.is-media{background:var(--primary);color:var(--primary-ink)}.send-pick.is-media>span{background:color-mix(in srgb,var(--primary-ink) 16%,transparent);color:var(--primary-ink)}.send-pick strong{font-size:15px}.send-pick:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.send-drop-hint{display:block;margin-top:10px;color:var(--ink-3);font-size:12px;text-align:center}.browse-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.browse-tools{display:flex;gap:6px}.browse-tool{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600}.browse-tool.is-on{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.gallery{display:grid;gap:10px}.gallery.is-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.gallery.is-list{grid-template-columns:1fr;gap:2px}.tile{position:relative;min-width:0}.tile-hit,.tile.is-folder,.tile.is-static{display:flex;flex-direction:column;gap:4px;width:100%;padding:0;border:0;background:none;color:var(--ink);text-align:left}.tile.is-static{display:flex}.tile-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-3);transition:transform .15s,box-shadow .15s}.tile-art img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.tile-art img.is-loaded{opacity:1}.kind-image,.kind-video{background:var(--surface-3)}.kind-video .tile-glyph,.kind-video{color:var(--amber-ink)}.kind-audio{background:var(--accent-soft);color:var(--accent-ink)}.kind-pdf{background:var(--danger-soft);color:var(--danger)}.kind-zip{background:var(--amber-soft);color:var(--amber-ink)}.kind-folder{background:var(--accent-soft);color:var(--accent-ink)}.tile-glyph{display:flex;flex-direction:column;align-items:center;gap:6px}.tile-glyph b{font-size:11px;font-weight:750;letter-spacing:.04em}.tile-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface) 50%,var(--surface-2) 70%);background-size:220% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.tile-badge{position:absolute;left:6px;bottom:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0000008c;color:#fff;font-size:10px}.tile-name{overflow:hidden;padding:0 2px;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tile-meta{padding:0 2px;color:var(--ink-3);font-size:11px}.tile-busy{position:absolute;top:0;left:0;right:0;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--accent)}.tile-hit:hover:not(:disabled) .tile-art,.tile.is-folder:hover .tile-art{transform:scale(.98);box-shadow:var(--shadow-md)}.tile-save,.tile-remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .15s}.tile:hover .tile-save,.tile:focus-within .tile-save,.tile:hover .tile-remove,.tile:focus-within .tile-remove{opacity:1}@media(hover:none){.tile-remove{opacity:1}.gallery.is-grid .tile-save{display:none}}.tile-check{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink-2)}.tile.is-selected .tile-check{background:var(--primary);color:var(--primary-ink)}.tile.is-selected .tile-art{box-shadow:0 0 0 3px var(--primary);transform:scale(.94)}.gallery.is-list .tile-hit,.gallery.is-list .tile.is-folder,.gallery.is-list .tile.is-static{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:6px 44px 6px 0}.gallery.is-list .tile-art{grid-row:span 2;width:48px;border-radius:var(--r-sm)}.gallery.is-list .tile-glyph b{display:none}.gallery.is-list .tile-name{align-self:end}.gallery.is-list .tile-meta{align-self:start}.gallery.is-list .tile-busy{width:48px}.gallery.is-list .tile-save,.gallery.is-list .tile-remove{top:50%;transform:translateY(-50%);opacity:1;box-shadow:none;background:var(--surface-2)}.gallery.is-list .tile-check{top:18px;left:12px}.batch-review{width:min(100%,560px)}.batch-review-head{align-items:flex-start;gap:12px}.batch-review-head h2{margin:0}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:min(46dvh,380px);overflow-y:auto;padding:2px}.review-grid.is-single{grid-template-columns:minmax(0,220px);justify-content:center}.review-tile{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0}.review-art{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-3)}.review-art img{width:100%;height:100%;object-fit:cover}.review-name{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.review-size{color:var(--ink-3);font-size:11px}.review-remove{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:#0000008c;color:#fff}.transfer-thumb{display:grid;place-items:center;flex:none;width:44px;height:44px;overflow:hidden;padding:0;border:0;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-3)}.transfer-thumb img{width:100%;height:100%;object-fit:cover}.viewer{position:fixed;inset:0;z-index:32;display:flex;flex-direction:column;background:#0d0911;color:#f1ebf6;animation:fade-in .15s ease-out}.viewer:focus{outline:none}.viewer-top{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px}.viewer-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.viewer-icon:hover{background:#ffffff29}.viewer-title{flex:1;min-width:0}.viewer-title h2{overflow:hidden;color:#fff;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.viewer-title p{color:#a99bb6;font-size:12px}.viewer-save{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:var(--r-full);background:#f2b63a;color:#1d1424;font-size:14px;font-weight:700}.viewer-save:disabled{opacity:.6}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.viewer-status{padding:8px 16px calc(10px + env(safe-area-inset-bottom));color:#a99bb6;font-size:12px;text-align:center}.viewer-nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:#ffffff1a;color:#fff}.viewer-nav:hover{background:#fff3}.viewer-nav.is-prev{left:12px}.viewer-nav.is-next{right:12px}.viewer-wait{display:flex;flex-direction:column;align-items:center;gap:12px;color:#a99bb6;font-size:14px}.viewer-pending,.viewer-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(86vw,420px);text-align:center}.viewer-pending img,.viewer-card-thumb{width:100%;max-height:52dvh;object-fit:contain;border-radius:var(--r-md);filter:saturate(.9)}.viewer-pending:not(.is-idle) img{filter:blur(2px) saturate(.85);transform:scale(1.01);animation:pending-breathe 2s ease-in-out infinite}@keyframes pending-breathe{50%{opacity:.75}}.viewer-card-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 40px;border-radius:24px;background:#ffffff0f;color:#e6d7f0}.viewer-card-icon b{font-size:13px;letter-spacing:.06em}.viewer-card strong,.viewer-pending strong{max-width:100%;color:#fff;font-size:16px}.viewer-card p,.viewer-pending small{color:#a99bb6;font-size:13px;line-height:1.5}.viewer-progress{width:100%;height:6px;overflow:hidden;border-radius:6px;background:#ffffff1f}.viewer-progress span{display:block;height:100%;border-radius:6px;background:#f2b63a;transition:width .25s}.image-view{width:100%;height:100%;display:grid;place-items:center;overflow:auto}.image-view img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;user-select:none}.image-view.is-zoomed{place-items:start}.image-view.is-zoomed img{max-width:none;max-height:none;cursor:zoom-out}.scrubber{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.scrubber::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#f2b63a var(--pct, 0%),rgba(255,255,255,.35) var(--pct, 0%),rgba(255,255,255,.35) var(--loaded, 0%),rgba(255,255,255,.15) var(--loaded, 0%))}.scrubber::-moz-range-track{height:4px;border-radius:4px;background:#ffffff26}.scrubber::-moz-range-progress{height:4px;border-radius:4px;background:#f2b63a}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;transition:transform .12s}.scrubber::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}.scrubber:hover::-webkit-slider-thumb{transform:scale(1.25)}.vp{position:relative;display:grid;place-items:center;width:100%;height:100%;background:#000}.vp video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.vp-big{position:absolute;display:grid;place-items:center;width:76px;height:76px;border:0;border-radius:50%;background:#f2b63af2;color:#1d1424;box-shadow:0 8px 30px #00000080;transition:transform .15s}.vp-big:hover{transform:scale(1.06)}.vp-bar{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 10px;background:linear-gradient(transparent,#000000bf);opacity:0;transition:opacity .25s}.vp.is-awake .vp-bar{opacity:1}.vp:not(.is-awake){cursor:none}.vp-row{display:flex;align-items:center;gap:2px}.vp-row button{display:grid;place-items:center;min-width:40px;height:40px;border:0;border-radius:var(--r-sm);background:none;color:#fff}.vp-row button:hover{background:#ffffff24}.vp-time{margin:0 auto 0 8px;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.vp-time span{color:#c8bcd3}.vp-rate{padding:0 8px;font-size:13px;font-weight:700}.ap{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(90vw,380px)}.ap-art{position:relative;display:grid;place-items:center;width:min(70vw,300px);aspect-ratio:1;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 30% 20%,#6b3a86,#2a1638 70%);color:#f2b63a;box-shadow:0 30px 80px #00000080;transition:transform .4s ease}.ap:not(.is-playing) .ap-art{transform:scale(.93)}.ap-art img{width:100%;height:100%;object-fit:cover}.ap-bars{position:absolute;left:16px;bottom:16px;display:flex;align-items:flex-end;gap:3px;height:22px}.ap-bars i{width:4px;height:30%;border-radius:2px;background:#f2b63a;opacity:.9}.ap.is-playing .ap-bars i{animation:bar 1s ease-in-out infinite}.ap-bars i:nth-child(2){animation-delay:-.2s}.ap-bars i:nth-child(3){animation-delay:-.5s}.ap-bars i:nth-child(4){animation-delay:-.7s}.ap-bars i:nth-child(5){animation-delay:-.35s}@keyframes bar{0%,to{height:25%}50%{height:100%}}.ap-meta{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;text-align:center}.ap-meta strong{max-width:100%;overflow:hidden;color:#fff;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.ap-meta small{color:#a99bb6;font-size:13px}.ap-track{width:100%}.ap-times{display:flex;justify-content:space-between;color:#a99bb6;font-size:12px;font-variant-numeric:tabular-nums}.ap-controls{display:flex;align-items:center;justify-content:center;gap:10px}.ap-controls button{position:relative;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:none;color:#fff}.ap-controls button:hover{background:#ffffff1a}.ap-controls button b{position:absolute;font-size:8px;font-weight:800}.ap-controls .ap-play{width:72px;height:72px;background:#f2b63a;color:#1d1424}.ap-controls .ap-play:hover{background:#f6c962}.ap-rate{font-size:13px;font-weight:700}.ap-volume{-webkit-appearance:none;appearance:none;width:140px;height:18px;background:transparent}.ap-volume::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c8bcd3 var(--pct),rgba(255,255,255,.15) var(--pct))}.ap-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#fff}@media(pointer:coarse){.ap-volume{display:none}}.pdf{position:relative;width:100%;height:100%}.pdf-scroll{height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 12px 80px}.pdf-page{flex:none;max-width:none;border-radius:4px;background:#fff;box-shadow:0 6px 24px #00000073}.pdf-page:not(.is-drawn){background:linear-gradient(100deg,#e9e3ee 30%,#f8f5fa,#e9e3ee 70%);background-size:220% 100%;animation:shimmer 1.3s linear infinite}.pdf-page canvas{display:block;border-radius:4px}.pdf-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px 4px 4px 14px;border-radius:var(--r-full);background:#1e1426eb;box-shadow:0 8px 30px #00000080;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.pdf-bar span{margin-right:6px}.pdf-bar button{display:grid;place-items:center;min-width:38px;height:38px;border:0;border-radius:var(--r-full);background:none;color:#fff;font-size:12px;font-weight:700}.pdf-bar button:hover:not(:disabled){background:#ffffff1f}.zip,.text-view{width:min(100%,760px);height:100%;display:flex;flex-direction:column;gap:10px;padding:4px 14px 12px}.zip-head{display:flex;align-items:center;gap:12px}.zip-head>span:last-child{display:flex;flex-direction:column}.zip-head strong{color:#fff}.zip-head small{color:#a99bb6;font-size:12px}.zip-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2b63a2e;color:#f2b63a}.zip-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;color:#a99bb6;font-size:13px}.zip-path span{display:inline-flex;align-items:center}.zip-path button{padding:4px 6px;border:0;border-radius:6px;background:none;color:#f2b63a;font-weight:600}.zip-list{flex:1;min-height:0;overflow-y:auto;border-radius:var(--r-md);background:#ffffff0a}.zip-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:none;color:#f1ebf6;text-align:left}.zip-row .icon-button{color:#d8cde2}.zip-row .icon-button:hover{background:#ffffff1a;color:#fff}.zip-row-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--r-sm);background:#ffffff12;color:#d8cde2}.zip-row-icon.is-folder{color:#f2b63a}.zip-row-copy{flex:1;min-width:0;display:flex;flex-direction:column}.zip-row-copy strong{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.zip-row-copy small{color:#a99bb6;font-size:12px}.zip-empty,.zip-error{padding:14px;color:#a99bb6;font-size:13px}.zip-error{color:#ffb3bc}.text-tools{display:flex;justify-content:flex-end;gap:6px}.text-tools button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:var(--r-full);background:#ffffff14;color:#f1ebf6;font-size:13px;font-weight:600}.text-tools button[aria-pressed=true]{background:#f2b63a33;color:#f2b63a}.text-view pre{flex:1;min-height:0;margin:0;overflow:auto;padding:14px;border-radius:var(--r-md);background:#ffffff0d;color:#efe8f4;font:13px/1.55 var(--mono);white-space:pre}.text-view pre.is-wrapped{white-space:pre-wrap;overflow-wrap:anywhere}.text-note{color:#a99bb6;font-size:12px;text-align:center}@media(max-width:720px){.send-pickers{grid-template-columns:1fr 1fr}.send-pick{min-height:104px}.gallery.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gallery.is-grid .tile-art{border-radius:var(--r-sm)}.viewer-nav,.viewer-save span{display:none}.viewer-save{width:42px;padding:0;justify-content:center}.vp-row button{min-width:36px}}@media(prefers-reduced-motion:reduce){.tile-shimmer,.pdf-page:not(.is-drawn),.ap-bars i,.viewer-pending img{animation:none!important}}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--ink-2);font-size:13px;font-weight:650}.field>span em{margin-left:4px;color:var(--ink-3);font-style:normal;font-weight:500}.field input,.field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:16px}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input:disabled{background:var(--surface-2);color:var(--ink-3)}.field-count{align-self:flex-end;color:var(--ink-3);font-size:11px}.space-input.is-code{font-family:var(--mono);font-size:14px;letter-spacing:.02em}.dark-button.is-tall,.outline-button.is-tall{min-height:52px;border-radius:var(--r-md);font-size:15px}.dark-button.is-danger{background:var(--danger);color:#fff}.dark-button.is-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,#000)}.switch-list{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.switch-row{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-row-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--ink-2);transition:background-color .2s,color .2s}.switch-row.is-on .switch-row-icon{background:var(--accent-soft);color:var(--accent-ink)}.switch-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.switch-row-copy strong{font-size:14px}.switch-row-copy small{color:var(--ink-3);font-size:12px;line-height:1.4}.switch{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:46px;height:28px;margin:0;border-radius:var(--r-full);background:var(--surface-3);cursor:pointer;transition:background-color .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.choice-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card:hover{border-color:var(--line-strong)}.choice-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.choice-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.choice-card-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--accent)}.choice-card.is-selected .choice-card-icon{background:var(--surface)}.choice-card.is-action .choice-card-icon{background:var(--primary);color:var(--primary-ink)}.choice-card-copy{display:flex;flex-direction:column;min-width:0}.choice-card-copy strong{font-size:14px}.choice-card-copy small{color:var(--ink-3);font-size:12px}.confirm-hero{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0;text-align:center}.confirm-hero p{max-width:320px;color:var(--ink-2);font-size:14px;line-height:1.5}.confirm-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.confirm-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.room-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),var(--amber-soft))}.room-hero-avatar{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-size:24px;font-weight:750;box-shadow:var(--shadow-md)}.room-hero>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.room-hero strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.room-hero small{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-size:12px;font-weight:600}.invite-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;border-radius:var(--r-lg);background:linear-gradient(160deg,var(--accent-soft),var(--surface-2));text-align:center}.invite-card .space-qr{width:220px;height:220px;margin-bottom:8px;box-shadow:var(--shadow-md)}.space-qr.is-loading{display:block;background:linear-gradient(100deg,#eee 30%,#fafafa,#eee 70%);background-size:220% 100%;animation:shimmer 1.3s linear infinite}.invite-card strong{font-size:17px}.invite-card small{color:var(--ink-3);font-size:12px}.invite-rows{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md)}.invite-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:var(--surface);color:var(--ink);text-align:left}.invite-row+.invite-row{border-top:1px solid var(--line)}.invite-row:hover{background:var(--surface-2)}.invite-row>svg:first-child{color:var(--accent)}.invite-row>span{flex:1;min-width:0;display:flex;flex-direction:column}.invite-row strong{font-size:13px}.invite-row code{overflow:hidden;color:var(--ink-3);font:12px var(--mono);text-overflow:ellipsis;white-space:nowrap}.recents-heading h2{gap:10px}.recents-count{min-width:22px;padding:1px 8px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:700;text-align:center}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-device{gap:8px;padding:10px 8px 10px 10px;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.recent-device:first-of-type{border-top:1px solid var(--line)}.recent-device.is-waiting{border-color:var(--amber);background:color-mix(in srgb,var(--amber-soft) 50%,var(--surface))}.recent-device-icon{position:relative;width:44px;height:44px;margin-right:2px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.recent-device-icon i{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--ink-3)}.recent-device-icon.presence-online i,.recent-device-icon.presence-another-tab i{background:var(--success)}.recent-device-icon.presence-connecting i{background:var(--amber)}.recent-device-icon.presence-expired i{background:var(--danger)}.recent-device-main{padding:0 2px}.recent-action{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink);font-size:13px;font-weight:650}.recent-action.is-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.recent-action:disabled{opacity:.45}.recent-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;text-align:center}.recent-empty-art{display:flex;align-items:flex-end;gap:4px;padding:16px;margin-bottom:4px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.recent-empty strong{color:var(--ink);font-size:15px}.recent-empty p{max-width:280px;color:var(--ink-3);font-size:13px;line-height:1.5}.recents .switch-list{margin-top:10px}@media(max-width:420px){.recent-action.is-primary span{display:none}.recent-action.is-primary{width:38px;padding:0;justify-content:center}}.saving-dialog{width:min(100%,460px)}.settings-group{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}.settings-group legend{margin-bottom:8px;padding:0;color:var(--ink-3);font-size:12px;font-weight:700;letter-spacing:.02em}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:var(--r-md);background:var(--surface-2)}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:11px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:650}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.folder-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:none;color:var(--ink);text-align:left}.folder-chip svg{color:var(--success)}.folder-chip span{flex:1;min-width:0;font-size:14px;font-weight:600}.folder-chip small{color:var(--accent-ink);font-size:12px;font-weight:700}.info-head{flex-wrap:wrap;padding-bottom:0}.info-mark{margin:0;font-size:17px}.info-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin-top:12px}.info-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 10px;border:0;background:none;color:var(--ink-3);font-size:12px;font-weight:650}.info-tabs button[aria-current=page]{color:var(--accent)}.info-tabs button[aria-current=page]:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:2.5px;border-radius:2px;background:var(--accent)}.info-body{animation:fade-in .2s ease-out}.faq{display:flex;flex-direction:column;gap:12px}.faq-search{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink-3)}.faq-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.faq-search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:16px}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:650}.chips button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-list details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:box-shadow .15s}.faq-list details[open]{box-shadow:var(--shadow-md)}.faq-list summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer;color:var(--ink);font-size:15px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span:nth-child(2){flex:1}.faq-list summary>svg{flex:none;color:var(--ink-3);transition:transform .2s}.faq-list details[open] summary>svg{transform:rotate(180deg)}.faq-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.faq-list details p{padding:0 16px 16px 58px;color:var(--ink-2);font-size:14px;line-height:1.65}.faq-empty{padding:24px 0;color:var(--ink-3);text-align:center}.help-cta{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:0;border-radius:var(--r-lg);background:var(--primary);color:var(--primary-ink);text-align:left}.help-cta>span{flex:1;display:flex;flex-direction:column}.help-cta small{opacity:.8;font-size:12px}.doc{display:flex;flex-direction:column;gap:14px}.doc-meta{color:var(--ink-3);font-size:12px}.glance{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.glance>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:var(--r-md);background:var(--surface-2)}.glance>div>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:50%;background:var(--surface);color:var(--accent)}.glance strong{font-size:14px}.glance small{color:var(--ink-3);font-size:12px;line-height:1.4}.doc-section{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.doc-section h3{display:flex;align-items:center;gap:10px;font-size:16px}.doc-section h3>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--amber-soft);color:var(--amber-ink)}.doc-section p,.doc-section li{color:var(--ink-2);font-size:14px;line-height:1.65}.doc-section ul{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.doc-section strong{color:var(--ink)}.doc-section a{color:var(--accent-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}.install{display:flex;flex-direction:column;gap:16px}.install-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),var(--amber-soft))}.install-hero img{border-radius:16px;box-shadow:var(--shadow-md)}.install-hero>div{display:flex;flex-direction:column;gap:4px}.install-hero strong{font-size:18px}.install-hero small{color:var(--ink-2);font-size:13px}.install-perks{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.install-perks li{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:14px}.install-perks svg{color:var(--accent)}.install-steps{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.install-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:14px;font-weight:600}.install-steps li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-size:13px;font-weight:750}.install-steps li>svg{color:var(--accent)}.install-devices{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12px}.install-done,.feedback-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 12px;border-radius:var(--r-lg);background:var(--success-soft);color:var(--success-ink);text-align:center}.install-done>span,.feedback-success>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--surface);color:var(--success)}.install-done strong,.feedback-success h3{color:var(--ink);font-size:18px}.install-done p,.feedback-success p{color:var(--ink-2);font-size:14px}.feedback-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;border:0}.feedback-topics legend{margin-bottom:8px;padding:0;color:var(--ink-2);font-size:13px;font-weight:650}.feedback-topics label{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:650;text-align:center;cursor:pointer}.feedback-topics input{position:absolute;opacity:0}.feedback-topics label.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.feedback-topics label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.feedback-privacy{display:flex;align-items:center;gap:6px}@media(max-width:720px){.info-panel{height:100%}.faq-list details p{padding-left:16px}.glance{grid-template-columns:1fr 1fr}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h, 0px) + 92px);z-index:60;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:10px 10px 10px 16px;border-radius:var(--r-md);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);font-size:14px;line-height:1.4;transform:translate(-50%);animation:toast-in .2s ease-out}.toast button{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:none;color:inherit;opacity:.7}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.reconnect-badge{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.reconnect-badge>button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;color:var(--accent);cursor:pointer}.reconnect-badge>button:hover{background:var(--surface-2)}.reconnect-spin{animation:reconnect-spin 1.1s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.reconnect-tip{position:fixed;z-index:75;display:flex;flex-direction:column;gap:4px;width:min(280px,calc(100vw - 48px));padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);font-size:13px;font-weight:400;line-height:1.45;letter-spacing:0;text-align:left;white-space:normal}.reconnect-tip strong{font-size:14px;font-weight:650}.reconnect-tip>span{color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.reconnect-spin{animation-duration:3s}}.space-navigation button{position:relative}.nav-count{position:absolute;top:2px;right:calc(50% - 26px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--amber);color:var(--amber-ink);font-size:10.5px;font-weight:750;line-height:1}@media(min-width:721px){.nav-count{position:static;margin-left:2px}}.update-notice{position:fixed;z-index:65;left:50%;top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;border-radius:var(--r-full);background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-lg);font-size:14px;font-weight:550;transform:translate(-50%);animation:toast-in .2s ease-out}.update-notice-go{min-height:32px;padding:0 14px;border:0;border-radius:var(--r-full);background:var(--amber);color:var(--amber-ink);font-size:13px;font-weight:750}.update-notice-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:none;color:inherit;opacity:.75}.host-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:13px}.host-pill:hover{background:var(--surface-2)}.host-pill.is-on{border-color:var(--success);color:var(--success-ink);background:var(--success-soft)}.host-pill b{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--success);color:#fff;font-size:11px;display:grid;place-items:center}.host-hero{display:flex;gap:14px;align-items:flex-start}.host-hero h3{font-size:18px;margin-bottom:4px}.host-hero p,.host-note,.host-details p{color:var(--ink-3);font-size:14px}.host-hero-icon{flex:none;width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}.host-hero-icon.is-on{background:var(--accent-soft);color:var(--accent-ink)}.host-toggle,.host-row{display:flex;align-items:center;gap:12px}.host-toggle{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg)}.host-toggle.is-on{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.host-toggle>span,.host-row>span:not(.host-hero-icon){flex:1;display:flex;flex-direction:column;min-width:0}.host-toggle small,.host-row small{color:var(--ink-3);font-size:13px}.host-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg)}.host-join{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.host-qr{display:block;width:180px;height:180px;border-radius:var(--r-md);background:#fff;padding:8px;image-rendering:pixelated}.host-qr.is-loading{background:var(--surface-2)}.host-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px}.host-steps li span{display:block;color:var(--ink-3)}.host-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:600 14px var(--mono);text-align:left}.host-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-copy:hover{background:var(--surface-2)}.host-networks{display:flex;flex-wrap:wrap;gap:6px}.host-networks button{padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:13px}.host-networks button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.host-details summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:14px;color:var(--ink-2)}.host-details[open]{display:flex;flex-direction:column;gap:8px}.host-fingerprint{font:12px var(--mono);color:var(--ink-3);word-break:break-all}.host-wifi dl{margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.host-wifi dt{font-size:12px;color:var(--ink-3)}.host-wifi dd{margin:0;font:600 17px var(--mono)}.host-problem{padding:10px 12px;border-radius:var(--r-md);background:var(--warning-soft);color:var(--warning);font-size:14px}.host-spin{animation:host-spin 1s linear infinite;color:var(--accent)}@keyframes host-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.host-join{grid-template-columns:1fr;justify-items:center}.host-pill span{display:none}}@media(prefers-reduced-motion:reduce){.host-spin{animation-duration:3s}}.nowebrtc{display:flex;align-items:center;gap:12px;margin:12px 20px 0;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--amber-soft);color:var(--amber-ink)}.nowebrtc>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.nowebrtc small{color:var(--amber-ink);opacity:.85}.nowebrtc-icon{flex:none;display:grid;place-items:center}.nowebrtc .dark-button{flex:none;gap:6px}@media(max-width:720px){.nowebrtc{flex-wrap:wrap}}.desktop-saved{gap:10px}.desktop-saved-action{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full);border:1px solid currentColor;background:none;color:inherit;font-weight:600;font-size:13px;white-space:nowrap}.desktop-update{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:flex-start;gap:12px;width:min(440px,calc(100vw - 32px));padding:14px 12px 14px 14px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg)}.desktop-update-icon{flex:none;width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.desktop-update-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.desktop-update small{color:var(--ink-3);white-space:pre-line}.desktop-update>.dark-button{flex:none;align-self:center}.desktop-update-skip{align-self:flex-start;padding:0;border:0;background:none;color:var(--ink-3);font-size:12px;text-decoration:underline}.desktop-update-bar{display:block;height:5px;margin-top:4px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.desktop-update-bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.desktop-port{display:flex;align-items:flex-start;gap:10px;margin:12px 20px 0;padding:12px 12px 12px 16px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface)}.desktop-port>span{flex:1;display:flex;flex-direction:column}.desktop-port small{color:var(--ink-3)}.menu-version button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline}.name-prompt{text-align:left}.name-prompt-picture{position:relative;display:block;margin:0 auto 8px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.name-prompt-avatar{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:30px;font-weight:750}.name-prompt-camera{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:28px;height:28px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);color:#fff}.name-prompt-remove{display:inline-flex;align-items:center;gap:5px;margin:0 auto 6px;padding:4px 8px;border:0;background:none;color:var(--ink-3);font-size:12px;font-weight:600;cursor:pointer}.name-prompt-picture:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.has-picture{overflow:hidden;padding:0}.has-picture img{display:block;width:100%;height:100%;object-fit:cover}.is-silhouette.is-silhouette{position:relative;overflow:hidden;padding:0;background:color-mix(in srgb,var(--ink-3) 30%,var(--surface));color:color-mix(in srgb,var(--ink-3) 6%,var(--surface));box-shadow:none;animation:none}.avatar-silhouette{position:absolute;inset:0;width:100%;height:100%;fill:currentColor}.avatar-silhouette .is-front{stroke:color-mix(in srgb,var(--ink-3) 30%,var(--surface));stroke-width:1.4}.name-prompt form{display:grid;gap:12px}.name-prompt .dialog-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.tab-gate{display:grid;min-height:100dvh;place-items:center;padding:24px 16px;background:var(--bg, var(--surface))}.tab-gate-card{display:grid;gap:14px;width:min(420px,100%);justify-items:center;text-align:center}.tab-gate-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:var(--accent-soft);color:var(--accent)}.tab-gate-card h1{font-size:22px;line-height:1.25}.tab-gate-card p{color:var(--ink-2);line-height:1.5}.tab-gate-actions{display:grid;gap:10px;width:100%;margin-top:6px}.tab-gate-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px}.tab-gate-card .tab-gate-hint{color:var(--ink-3);font-size:13px}.dialog.sheet-dialog{gap:14px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px -8px 0 0}.sheet-head h2{font-size:19px}.sheet-list{display:grid}.sheet-option{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 2px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.sheet-option:first-child{border-top:0}.sheet-option>span{display:grid;flex:1;gap:2px;min-width:0}.sheet-option strong{font-size:14.5px;font-weight:650}.sheet-option small{color:var(--ink-3);font-size:12.5px;line-height:1.4}.sheet-option>svg{flex:none;color:var(--accent)}.sheet-option[aria-checked=false]>svg{visibility:hidden}.sheet-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-sm)}.sheet-label{margin-top:4px;color:var(--ink-3);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.sheet-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--ink-3);font-size:13px;line-height:1.45}.link-button{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:650;cursor:pointer}.link-button:hover{text-decoration:underline;text-underline-offset:3px}.profile-row{display:flex;align-items:center;gap:14px}.profile-row .name-prompt-picture{flex:none;margin:0}.profile-row .name-prompt-avatar{width:60px;height:60px;font-size:24px}.profile-row .field{flex:1;min-width:0}.storage-list{display:grid;margin:6px 0 0;padding:0;list-style:none}.storage-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.storage-list li:first-child{border-top:0}.storage-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surface-2);color:var(--ink-2)}.storage-copy{display:grid;gap:2px;min-width:0}.storage-copy strong{font-size:14.5px}.storage-copy small{color:var(--ink-3);font-size:12.5px;line-height:1.4}.storage-list button{min-height:34px;padding:0 12px;white-space:nowrap}.storage-list .text-button{color:var(--accent);font-weight:650}.storage-reset{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:4px;padding:6px 0;border:0;background:none;color:var(--danger);font:inherit;font-size:13.5px;font-weight:650;cursor:pointer}.storage-reset.is-asking{display:grid;gap:10px;justify-self:stretch;padding:14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--ink);cursor:default}.storage-reset.is-asking p{color:var(--ink-2);font-size:13.5px;line-height:1.45}.storage-reset.is-asking .dialog-actions{margin:0}.storage-status{min-height:1.4em;color:var(--ink-2);font-size:13px}.broadcast-live{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);background:var(--danger);color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.broadcast-bar{position:fixed;z-index:60;top:calc(10px + env(safe-area-inset-top));left:50%;display:grid;gap:6px;width:min(460px,calc(100% - 32px));padding:8px;border-radius:26px;background:#1b1320;color:#fff;box-shadow:0 10px 30px #0000004d;transform:translate(-50%)}.broadcast-bar-main{display:flex;align-items:center;gap:10px;padding-left:2px}.broadcast-request{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:18px;background:#ffffff14;font-size:13px}.broadcast-request span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-request button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;border:0;border-radius:var(--r-full);background:#ffffff24;color:#fff;font-weight:700}.broadcast-request button.is-allow{background:#fff;color:#1b1320}.broadcast-video.is-audio{position:absolute;width:1px;height:1px;opacity:0}.broadcast-audio{display:flex;align-items:center;gap:6px;height:80px}.broadcast-audio i{width:8px;height:30%;border-radius:4px;background:#fff;animation:broadcast-level 1s ease-in-out infinite}.broadcast-audio i:nth-child(2){animation-delay:.15s}.broadcast-audio i:nth-child(3){animation-delay:.3s}.broadcast-audio i:nth-child(4){animation-delay:.45s}.broadcast-audio i:nth-child(5){animation-delay:.6s}@keyframes broadcast-level{50%{height:100%}}@media(prefers-reduced-motion:reduce){.broadcast-audio i{animation:none;height:60%}}.broadcast-dialog{max-height:92dvh;overflow-y:auto}.broadcast-bar-copy{display:grid;flex:1;min-width:0}.broadcast-bar-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.broadcast-bar-copy small{display:inline-flex;align-items:center;gap:4px;color:#ffffffb3;font-size:12px}.broadcast-viewer{position:fixed;z-index:70;inset:0;display:grid;grid-template-rows:auto 1fr;background:#000;color:#fff}.broadcast-viewer header{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px 16px;background:linear-gradient(#000,#0009)}.broadcast-viewer-title{display:grid;flex:1;min-width:0}.broadcast-viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-viewer-title small{display:inline-flex;align-items:center;gap:5px;color:#ffffffb3;font-size:12px}.broadcast-icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1f;color:#fff}.broadcast-stage{position:relative;display:grid;min-height:0;place-items:center;background:#000}.broadcast-video{width:100%;height:100%;object-fit:contain}.broadcast-wait{padding:24px;color:#fffc;text-align:center}.broadcast-play{position:absolute;padding:12px 18px;border:0;border-radius:var(--r-full);background:#fff;color:#000;font-weight:750}.broadcast-bar-main>button{min-height:34px;padding:0 14px;border:0;border-radius:var(--r-full);background:#fff;color:#1b1320;font-weight:750}.incoming{display:grid;gap:14px}.incoming-head{display:flex;align-items:center;gap:12px}.incoming-avatar{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:800}.incoming-head h2{font-size:18px;line-height:1.3}.incoming-head p{margin-top:2px;color:var(--ink-3);font-size:13px}.incoming-code{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2)}.incoming-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2)}.incoming-file-icon{display:grid;flex:none;color:var(--ink-3)}.incoming-file-name{flex:1;min-width:0;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.incoming-size,.incoming-more{flex:none;color:var(--ink-3);font-size:12.5px;font-weight:600}.incoming-more{padding:2px 8px;border-radius:var(--r-full);background:var(--surface);color:var(--ink-2)}.incoming-note{color:var(--ink-3);font-size:12.5px}.incoming-actions{display:grid;gap:8px}.incoming-actions>button,.incoming-actions>div>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px}.incoming-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.devices-home{display:flex;flex-direction:column;gap:18px}.devices-new{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:0;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--ink);text-align:left;transition:transform .15s}.devices-new:hover{transform:translateY(-1px)}.devices-new>span:first-child{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--primary);color:var(--primary-ink)}.devices-new>span:nth-child(2){display:grid;flex:1;gap:2px}.devices-new strong{font-size:15.5px;font-weight:700}.devices-new small{color:var(--ink-3);font-size:13px}.devices-new>svg{color:var(--ink-3)}.devices-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.devices-actions button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:650}.devices-actions button svg{color:var(--accent-ink)}.devices-actions button:hover{border-color:var(--line-strong);color:var(--ink)}.devices-group{display:flex;flex-direction:column;gap:8px}.devices-title{display:flex;align-items:center;gap:7px;margin:0 2px;color:var(--ink-3);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.devices-title span{min-width:20px;padding:0 6px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);font-size:11px;text-align:center;letter-spacing:0}.devices-empty{margin:0 2px;color:var(--ink-3);font-size:13.5px;line-height:1.5}.devices-list{display:flex;flex-direction:column;margin:0;padding:6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);list-style:none}.devices-row{display:flex;align-items:center;gap:2px}.devices-row+.devices-row{border-top:1px solid var(--line)}.devices-row-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;padding:10px;border:0;border-radius:var(--r-md);background:none;color:var(--ink);text-align:left}.devices-row-main:hover:not(:disabled){background:var(--surface-2)}.devices-row-main>svg{flex:none;color:var(--ink-3)}.devices-row-copy{display:grid;flex:1;gap:2px;min-width:0}.devices-row-copy strong{overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.devices-row-copy small{color:var(--ink-3);font-size:12.5px}.devices-row.is-live .devices-row-copy small{color:var(--success-ink, var(--success))}.devices-row.is-waiting .devices-row-copy small{color:var(--amber-ink)}.devices-icon{position:relative;display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}.devices-icon i{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--ink-3)}.devices-icon.presence-online i,.devices-icon.presence-another-tab i{background:var(--success)}.devices-icon.presence-connecting i{background:var(--amber)}.devices-icon.presence-expired i{background:var(--danger)}.devices-icon.is-network{background:var(--amber-soft);color:var(--amber-ink)}.devices-connect{flex:none;padding:6px 12px;border-radius:var(--r-full);background:var(--primary);color:var(--primary-ink);font-size:12.5px;font-weight:700}.devices-forget{color:var(--ink-3)}.devices-alerts{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;padding:4px 2px;border:0;background:none;color:var(--ink-3);font-size:12.5px}.devices-alerts:hover{color:var(--ink)}.devices-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.devices-sort select{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:600}.devices-filter{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.devices-filter button{flex:none;max-width:160px;overflow:hidden;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.devices-filter button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.devices-history-list{display:flex;flex-direction:column;margin:0;padding:4px 6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);list-style:none}.devices-history-list li{display:flex;align-items:center;gap:10px;padding:9px 4px}.devices-history-list li+li{border-top:1px solid var(--line)}.devices-history-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-2);color:var(--ink-2)}.devices-history-icon.is-in{background:var(--success-soft);color:var(--success-ink, var(--success))}.devices-history-copy{display:grid;flex:1;gap:2px;min-width:0}.devices-history-copy strong{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.devices-history-copy strong.is-text{font-weight:500}.devices-history-copy small{overflow:hidden;color:var(--ink-3);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.devices-back{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;padding:6px 10px 6px 4px;border:0;border-radius:var(--r-full);background:none;color:var(--ink-2);font-size:14px;font-weight:650}.devices-back:hover{background:var(--surface-2);color:var(--ink)}.send-sheet,.new-device-sheet{display:flex;flex-direction:column;gap:10px}.dialog.new-device-sheet .pair-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:4px 0 0;border:0;background:none;box-shadow:none}.dialog.new-device-sheet .qr-stage{justify-self:center}.new-device-sheet .space-dialog-heading{justify-content:flex-end;margin-bottom:-40px}.new-device-sheet .space-dialog-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.send-targets{display:flex;flex-direction:column;gap:6px}.send-target{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer}.send-target input{position:absolute;opacity:0;pointer-events:none}.send-target .devices-icon{width:36px;height:36px}.send-target>span:nth-of-type(2){flex:1;min-width:0;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.send-target.is-on{border-color:var(--accent);background:var(--accent-soft)}.send-target:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.send-target>svg{color:var(--accent-ink)}.send-sheet-text{width:100%;padding:12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;resize:vertical}.send-sheet .text-button{display:inline-flex;align-self:flex-start;align-items:center;gap:6px}@media(max-width:720px){.app-shell.is-device{--header-h: 0px;--tabbar-h: 0px}.app-shell.is-device>.header{display:none}.app-shell.is-device .main{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}.drop-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(3px);pointer-events:none;animation:fade-in .12s ease-out}.drop-overlay>div{display:grid;justify-items:center;gap:8px;width:min(420px,100%);padding:40px 24px;border:2px dashed var(--accent);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);text-align:center;box-shadow:var(--shadow-lg)}.drop-overlay svg{color:var(--accent)}.drop-overlay strong{font-size:17px;overflow-wrap:anywhere}.drop-overlay small{color:var(--ink-3);font-size:13px}.share-what{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);background:var(--surface-2)}.share-what>span:last-child{display:grid;gap:2px;min-width:0}.share-what strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.share-what small{color:var(--ink-3);font-size:12.5px}.share-what-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink)}.share-what-text{display:-webkit-box;overflow:hidden;color:var(--ink-2);font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical}.share-room-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%}.share-sheet .send-targets{max-height:32dvh;overflow-y:auto}.signal-dot.is-online{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.signal-dot.is-away{background:var(--amber)}.signal-dot.is-offline,.devices-icon.presence-offline i{background:var(--danger)}.paqra-inbox-avatar-wrap{position:relative;flex:none;display:inline-flex}.presence-badge{position:absolute;right:0;bottom:1px;width:13px;height:13px;border:2.5px solid var(--bg);border-radius:50%}.presence-badge.is-online{background:var(--success)}.presence-badge.is-away{background:var(--amber)}.presence-badge.is-offline{background:var(--danger)}.paqra-split .paqra-inbox .presence-badge{border-color:var(--surface)}.offline-bar{position:sticky;top:var(--header-h);z-index:14;display:flex;align-items:center;gap:12px;width:min(100% - 24px,920px);margin:8px auto 0;padding:10px 8px 10px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--ink)}.offline-bar>svg{flex:none;color:var(--danger)}.offline-bar>span{display:grid;flex:1;gap:1px;min-width:0}.offline-bar strong{font-size:14px}.offline-bar small{color:var(--ink-2);font-size:12.5px;line-height:1.4}.app-shell.is-chat>.offline-bar{display:none}.app-shell.is-device>.offline-bar{top:0;margin-top:max(8px,env(safe-area-inset-top))}.nearby-scan.is-offline .nearby-sweep,.nearby-scan.is-offline .nearby-ripple{display:none}.menu-tile-icon.is-live{background:var(--danger);color:#fff}
