/* Scoped mobile connection panels; reuses STRAY's existing design tokens. */
.stray-connections{--sc-ink:var(--fg,#f1f4e9);--sc-muted:var(--muted,#aab9c0);--sc-line:var(--border,#34434b);--sc-surface:var(--surface,#131c22);--sc-bg:var(--bg,#0d1318);--sc-accent:var(--accent,#f5ff37);--sc-cyan:var(--secondary,#54f1ff);color:var(--sc-ink);min-width:0;padding-bottom:16px}
.stray-connections *{box-sizing:border-box}.stray-connections [hidden]{display:none!important}.stray-connections svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
.sc-intro{margin-bottom:24px}.sc-kicker{font:8px/1.8 var(--font-pixel,monospace);color:var(--sc-cyan);margin:0 0 8px;letter-spacing:0}.sc-lead{font-size:14px;line-height:1.6;color:var(--sc-muted);max-width:31ch;margin:0}
.sc-card{min-width:0;background:var(--sc-surface);border:2px solid var(--sc-line);box-shadow:4px 4px 0 var(--hud-shadow,#06090c);padding:20px 16px 16px;margin-bottom:20px}.sc-card-connected{border-color:var(--hud-border,#718786)}.sc-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sc-provider-icon{width:48px;height:48px;background:var(--surface-raised,#1b282f);border:2px solid var(--sc-line);display:grid;place-items:center;color:var(--sc-cyan);flex-shrink:0}.sc-provider-icon svg{width:28px;height:28px}.sc-card-drive .sc-provider-icon{color:var(--sc-accent)}.sc-card-heading{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.sc-card-heading h2{margin:0;font:11px/1.65 var(--font-pixel,monospace);letter-spacing:0;overflow-wrap:anywhere}.sc-state{display:flex;gap:4px;align-items:center;font:8px/1.5 var(--font-mono,monospace);letter-spacing:.5px;color:var(--sc-muted)}.sc-state-connected{color:var(--sc-accent)}.sc-state svg{width:12px;height:12px}.sc-description{font-size:14px;line-height:1.6;margin:0 0 8px}.sc-permission{margin:0 0 20px;font-size:12px;line-height:1.6;color:var(--sc-muted)}.sc-account{margin:0 0 20px;color:var(--sc-cyan);font:11px/1.6 var(--font-mono,monospace);overflow-wrap:anywhere}.sc-connect-form{margin:0}.sc-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:44px;width:100%;padding:12px;background:var(--surface-raised,#1b282f);border:2px solid var(--sc-line);border-radius:0;color:var(--sc-ink);font:500 13px/1.5 var(--font-body,system-ui,sans-serif);text-align:center;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}.sc-button svg{width:16px;height:16px}.sc-button-primary{justify-content:space-between;background:var(--sc-accent);border-color:var(--sc-accent);color:var(--accent-fg,#0d1318);font-weight:700;box-shadow:3px 3px 0 #586120}.sc-button:hover{background:var(--sc-line)}.sc-button-primary:hover{background:#e3ee30;border-color:#e3ee30}.sc-button:active{transform:translate(1px,1px)}.sc-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sc-button:disabled:active{transform:none}.sc-button:focus-visible,.sc-event-content:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:4px}.sc-disconnect{width:auto;min-height:44px;margin-top:12px;padding:10px 0;border-color:transparent;background:transparent;font-size:12px;text-decoration:underline;color:var(--sc-muted);justify-content:flex-start}.sc-disconnect:hover{color:var(--sc-ink);background:transparent}.sc-helper{font-size:11px;line-height:1.6;color:var(--sc-muted);margin:12px 0 0}.sc-notice{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--sc-muted);overflow-wrap:anywhere}.sc-notice-error{color:var(--warm,#ff987d);border-left:2px solid currentColor;padding-left:12px}.sc-setup-note{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--sc-surface);border-left:2px solid var(--sc-cyan);margin-bottom:20px}.sc-setup-note svg{width:16px;height:16px;color:var(--sc-cyan);margin-top:2px}.sc-setup-note p{font-size:12px;line-height:1.7;color:var(--sc-muted);margin:0}.sc-loading,.sc-load-error{padding:28px 20px;background:var(--sc-surface);border:2px solid var(--sc-line);margin-bottom:20px;min-height:180px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:16px}.sc-loading>svg,.sc-load-error>svg{width:28px;height:28px;color:var(--sc-cyan)}.sc-loading p{font-size:13px;line-height:1.6;color:var(--sc-muted);margin:0}.sc-load-error h2{font:12px/1.7 var(--font-pixel,monospace);margin:0}.sc-load-error .sc-notice{margin:0}.sc-load-error .sc-button{margin-top:4px}.sc-tools{display:flex;justify-content:center;margin:4px 0 12px}.sc-text-button{width:auto;background:transparent;border-color:transparent;font-size:12px;color:var(--sc-muted);min-height:44px}.sc-text-button:hover{background:var(--sc-surface);color:var(--sc-ink)}.sc-privacy{display:flex;justify-content:center;gap:8px;align-items:flex-start;margin:0;padding:8px 0;color:var(--sc-muted);font-size:11px;line-height:1.7}.sc-privacy svg{width:14px;height:14px;margin-top:2px}.sc-calendar{padding-top:4px}.sc-calendar-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sc-line);margin-bottom:4px}.sc-calendar-heading h3{font:8px/1.6 var(--font-pixel,monospace);letter-spacing:0;color:var(--sc-cyan);margin:0}.sc-event-refresh{width:auto;min-height:44px;min-width:44px;border-color:transparent;background:transparent;color:var(--sc-muted);font-size:10px;padding:8px 0 8px 8px}.sc-event-refresh svg{width:14px;height:14px}.sc-event-refresh:hover{background:transparent;color:var(--sc-ink)}.sc-calendar-empty{font-size:13px;line-height:1.7;color:var(--sc-muted);margin:12px 0 4px}.sc-events{list-style:none;margin:0;padding:0}.sc-event{border-bottom:1px solid var(--sc-line)}.sc-event-content{min-height:64px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;color:var(--sc-ink);text-decoration:none}.sc-event-content[href]:hover{color:var(--sc-cyan)}.sc-event-content>svg{width:16px;height:16px;color:var(--sc-muted)}.sc-event-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.sc-event-copy strong{font-size:13px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.sc-event-copy>span{font-size:11px;line-height:1.6;color:var(--sc-muted);overflow-wrap:anywhere}.sc-calendar .sc-notice{margin-bottom:12px}
@media(max-width:359px){.sc-card{padding:16px 12px}.sc-provider-icon{width:44px;height:44px}.sc-card-header{gap:12px}.sc-card-heading h2{font-size:10px}.sc-button{font-size:12px}.sc-privacy{font-size:10px}.sc-event-refresh{font-size:9px;gap:4px}}
@media(prefers-reduced-motion:reduce){.stray-connections *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sc-button:active{transform:none}}
/* Signed-in account and its own machine, before optional Google connections. */
.sc-signin .sc-provider-icon{width:64px;height:64px;margin-bottom:24px;color:var(--sc-accent);border-color:var(--hud-border,#718786)}.sc-signin .sc-provider-icon svg{width:36px;height:36px}.sc-signin-title{max-width:15ch;font:16px/1.65 var(--font-pixel,monospace);letter-spacing:-.3px;margin:12px 0 16px}.sc-signin .sc-description{margin-bottom:24px;color:var(--sc-muted)}.sc-signin .sc-button{margin-top:8px;text-decoration:none}.sc-signin .sc-notice{margin-bottom:4px}.sc-account-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 20px;margin-bottom:20px;border-bottom:2px solid var(--sc-line)}.sc-account-copy{min-width:0;flex:1}.sc-account-copy .sc-kicker{margin-bottom:8px}.sc-account-name{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;margin:0}.sc-account-email{font:11px/1.7 var(--font-mono,monospace);color:var(--sc-muted);overflow-wrap:anywhere;margin:4px 0 0}.sc-signout{min-width:68px;width:auto;min-height:44px;background:transparent;font-size:12px;padding:10px 8px}.sc-account-card .sc-notice{flex-basis:100%;margin-top:0}.sc-machine{margin-bottom:28px;border-top-color:var(--sc-cyan)}.sc-machine .sc-provider-icon{color:var(--sc-cyan)}.sc-machine-title{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 8px}.sc-machine .sc-description{color:var(--sc-muted);margin-bottom:16px}.sc-machine .sc-button{margin-top:16px}.sc-machine .sc-state{font-size:8px}.sc-machine:focus-visible,.stray-connections:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:4px}
@media(max-width:359px){.sc-signin-title{font-size:14px}.sc-account-email{font-size:10px}.sc-signout{min-width:64px}.sc-machine .sc-state{font-size:7px}}

.sc-privacy-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;color:var(--sc-cyan);text-decoration:underline;font-size:12px;text-align:center}.sc-privacy-link:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:2px}
.privacy-content{padding:20px 24px 40px;max-width:430px;margin:auto;overflow-wrap:anywhere}.privacy-content .page-heading{padding:24px 0}.privacy-content .page-heading h1{font:20px/1.65 var(--font-pixel,monospace);letter-spacing:0}.privacy-content>p,.privacy-content section p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 16px}.privacy-content section{padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}.privacy-content section h2{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 12px;color:var(--fg)}.privacy-content code{font:12px/1.7 var(--font-mono,monospace);color:var(--secondary)}.privacy-content p a{color:var(--secondary);text-decoration:underline;display:inline-block;min-height:44px;padding:10px 0}.sc-privacy-back{display:flex;align-items:center;min-height:44px;padding:8px 0;color:var(--accent);font-size:13px;text-decoration:underline}.privacy-content section:target{scroll-margin-top:24px}.privacy-content a:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}@media(max-width:359px){.privacy-content{padding-left:20px;padding-right:20px}}

/* Selected Drive metadata is session-only; links open Google's own file pages. */
.sc-drive-files{margin-top:24px;padding-top:16px;border-top:1px solid var(--sc-line)}.sc-drive-files>h3{font:8px/1.7 var(--font-pixel,monospace);letter-spacing:0;color:var(--sc-cyan);margin:0}.sc-drive-files>.sc-helper{margin:8px 0 12px}.sc-drive-empty{font-size:12px;line-height:1.7;color:var(--sc-muted);margin:12px 0 0}.sc-drive-list{list-style:none;padding:0;margin:0}.sc-drive-item{border-bottom:1px solid var(--sc-line)}.sc-drive-file{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 0;color:var(--sc-ink);font-size:13px;line-height:1.6;text-decoration:none}.sc-drive-file>span{min-width:0;overflow-wrap:anywhere}.sc-drive-file>svg{width:16px;height:16px;color:var(--sc-muted)}.sc-drive-file[href]:hover{color:var(--sc-cyan)}.sc-drive-file[href]:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:3px}.sc-drive-files>.sc-button{margin-top:12px}
.sc-machine-details{margin:0 0 24px;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.sc-machine-details>summary{min-height:48px;padding:14px 8px;font-size:13px;color:var(--sc-muted);cursor:pointer;list-style-position:inside}.sc-machine-details>summary:hover{color:var(--sc-ink);background:var(--sc-surface)}.sc-machine-details>summary:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:3px}.sc-machine-details[open]>summary{margin-bottom:12px}.sc-machine-details .sc-machine{box-shadow:none;margin-bottom:12px}

.sc-owner-tools{min-width:0;padding:20px 16px;margin:0 0 24px;border:1px solid var(--border);background:var(--surface)}.sc-owner-tools h2{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 12px}.sc-owner-tools .sc-description{margin:0}.sc-owner-tools .sc-kicker{margin-bottom:12px}
.connect-guide-content ol{padding-left:24px;margin:0 0 16px;font-size:14px;line-height:1.8;color:var(--muted)}.connect-guide-content li{padding-left:4px;margin-bottom:12px}.connect-prompt-quote{margin:20px 0;padding:16px;border:2px solid var(--hud-border);border-left-color:var(--accent);background:var(--surface);font-size:14px;line-height:1.8;color:var(--fg);overflow-wrap:anywhere}.connect-guide-content blockquote+a{min-height:44px}