:root{--bg: #0d0f12;--surface: #14181d;--border: #232a32;--text: #e7ecf2;--text-dim: #97a3b2;--text-faint: #6b7787;--brand: #ffc784;--brand-ink: #1a1206;--ok: #7ec89e;--error: #d4756a;--warn: #d4b07a;--info: #7ba4d4;--radius: 12px;--radius-sm: 8px;--gap: 16px;--tap: 48px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}h1,h2,p{margin:0}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:30rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 32px) 20px calc(env(safe-area-inset-bottom,0px) + 32px)}.brand{display:flex;flex-direction:column;gap:4px}.brand-mark{font-size:.8125rem;font-weight:600;letter-spacing:.08em;color:var(--text-faint)}.brand-colon{color:var(--brand)}.brand-title{font-size:1.5rem;font-weight:650;letter-spacing:-.01em}.status{font-size:.875rem;color:var(--text-dim)}.step{display:none;flex-direction:column;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}[data-state=loading] [data-step=loading],[data-state=unsupported] [data-step=unsupported],[data-state=no-fragment] [data-step=no-fragment],[data-state=bad-qr] [data-step=bad-qr],[data-state=form] [data-step=form],[data-state=scanning] [data-step=progress],[data-state=pairing] [data-step=progress],[data-state=handshaking] [data-step=progress],[data-state=sas] [data-step=sas],[data-state=awaiting-approval] [data-step=sas],[data-state=connected] [data-step=connected],[data-state=failed] [data-step=failed],[data-state=removed] [data-step=removed],[data-state=lost] [data-step=lost]{display:flex}.step-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:620;letter-spacing:-.01em}.step-title:focus{outline:none}.step-body{color:var(--text-dim)}.tone-error{color:var(--error)}.tone-warn{color:var(--warn)}.step-title:focus-visible{outline:2px solid var(--info);outline-offset:4px;border-radius:var(--radius-sm)}.step-detail,.step-note{font-size:.8125rem;color:var(--text-faint)}.step-detail{padding:10px 12px;background:#d4756a14;border-left:2px solid var(--error);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dim)}.step-detail:empty,.field-error:empty{display:none}.tenant{font-family:var(--mono);font-size:.9375rem;color:var(--text);overflow-wrap:anywhere}.dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #7ec89e29}.sas-code{font-family:var(--mono);font-size:2.25rem;font-weight:600;letter-spacing:.16em;text-align:center;padding:18px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere}.sas-code[data-state=pending],.sas-code[data-state=error]{font-family:var(--font);font-size:1rem;font-weight:400;letter-spacing:normal;color:var(--text-faint)}.sas-code[data-state=error]{color:var(--warn)}.sas-waiting{display:none;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-dim)}[data-state=awaiting-approval] .sas-waiting{display:flex}.sas-waiting .spinner{flex:0 0 auto}.form{display:flex;flex-direction:column;gap:8px;margin:0}.field-label{font-size:.8125rem;font-weight:600;color:var(--text-dim)}.field-input{width:100%;min-height:var(--tap);padding:12px 14px;font-family:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.field-input:focus-visible{outline:2px solid var(--info);outline-offset:1px;border-color:var(--info)}.field-error{font-size:.8125rem;color:var(--error)}.cta{min-height:var(--tap);margin-top:8px;padding:12px 20px;font:650 1rem/1.5 var(--font);color:var(--brand-ink);background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer;transition:filter .12s ease}.cta-secondary{min-height:var(--tap);padding:12px 20px;font:600 1rem/1.5 var(--font);color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease}.cta:hover,.cta:active{filter:brightness(1.06)}.cta-secondary:hover,.cta-secondary:active{border-color:var(--info)}.cta:focus-visible,.cta-secondary:focus-visible{outline:2px solid var(--info);outline-offset:2px}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--info);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-left-color:var(--info)}.cta,.cta-secondary{transition:none}}@media(max-height:620px){.shell{padding-top:calc(env(safe-area-inset-top,0px) + 20px);gap:12px}.sas-code{font-size:1.875rem;padding:12px 8px}}[data-state=mirror] [data-step=mirror],[data-state=host-too-old] [data-step=host-too-old]{display:flex}#pair-root[data-state=mirror]{max-width:64rem;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.mirror-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mirror{container-type:inline-size;container-name:mirror;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(12rem,1fr);gap:12px;min-width:0}.mirror-toggle{grid-area:1 / 1;justify-self:start;min-height:var(--tap);padding:10px 18px;font:600 .9375rem/1.5 var(--font);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease}.mirror-toggle:hover,.mirror-toggle[aria-expanded=true]{border-color:var(--info)}.mirror-nav,.mirror-content{grid-area:2 / 1;min-width:0}.mirror-nav{display:none;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-nav[data-open=true]{display:flex;position:relative;z-index:1}.mirror-nav[data-open=true]~.mirror-content{visibility:hidden}.mirror-pane{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:10px 14px;font:500 .9375rem/1.4 var(--font);text-align:left;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color .12s ease,border-color .12s ease}.mirror-pane:hover{color:var(--text);border-color:var(--border)}.mirror-pane[aria-current=true]{color:var(--text);background:var(--bg);border-color:var(--info)}.mirror-content{padding:16px;overflow:auto;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-content:empty{min-height:12rem}.mirror-toggle:focus-visible,.mirror-pane:focus-visible{outline:2px solid var(--info);outline-offset:2px}@container mirror (min-width: 34rem){.mirror{grid-template-columns:13rem minmax(0,1fr);grid-template-rows:minmax(12rem,1fr)}.mirror-toggle{display:none}.mirror-nav[data-open]{display:flex;position:static;grid-area:1 / 1}.mirror-nav[data-open=true]~.mirror-content{visibility:visible}.mirror-content{grid-area:1 / 2}}@container mirror (max-width: 18rem){.mirror{gap:8px}.mirror-nav{padding:8px}.mirror-pane{padding:10px;font-size:.875rem}.mirror-content{padding:12px}}@media(prefers-reduced-motion:reduce){.mirror-toggle,.mirror-pane{transition:none}}.mirror-terminal-pane{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.mirror-terminal-title{margin:0;font-size:.95rem;font-weight:600;color:var(--text);overflow-wrap:anywhere}.mirror-terminal-session{display:block;margin-top:2px;font-family:var(--mono);font-size:.75rem;color:var(--text-faint);overflow-wrap:anywhere}.mirror-terminal-note{margin:0;font-size:.85rem;line-height:1.45;color:var(--text-dim)}.mirror-terminal-note[data-tone=ended]{color:var(--ok)}.mirror-terminal-note[data-tone=warn]{color:var(--warn)}.mirror-terminal-note[data-tone=error]{color:var(--error)}.mirror-terminal-actions{display:flex;flex-wrap:wrap;gap:8px}.mirror-terminal-action{min-height:var(--tap);min-width:var(--tap);padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.mirror-terminal-action:hover{border-color:var(--text-faint)}.mirror-terminal-action:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-terminal-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.mirror-terminal-screen{flex:1 1 auto;min-height:8rem;max-height:60vh;max-height:60svh;overflow:auto;overscroll-behavior:contain;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--mono);font-size:.78rem;line-height:1.35;-webkit-overflow-scrolling:touch}.mirror-terminal-row{white-space:pre;color:var(--text);min-height:1.35em}@media(prefers-reduced-motion:reduce){.mirror-terminal-action{transition:none}}@media(max-height:30rem){.mirror-terminal-screen{max-height:80vh;max-height:80svh;overscroll-behavior-y:auto}}.mirror-checkpoint{display:block;min-width:0}.mirror-checkpoint-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 12px;margin:0 0 12px}.mirror-checkpoint-label{margin:0;font:500 .75rem/1.5 var(--font);color:var(--text-faint);letter-spacing:.02em;text-transform:uppercase}.mirror-checkpoint-value{margin:0 0 10px;font:400 .875rem/1.5 var(--mono);color:var(--text);overflow-wrap:anywhere}.mirror-checkpoint-state{margin:0 0 12px;font:500 .8125rem/1.5 var(--font);color:var(--text-dim)}.mirror-checkpoint-files-title{margin:0 0 6px;font:600 .8125rem/1.4 var(--font);color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase}.mirror-checkpoint-files{display:grid;gap:4px;max-height:14rem;margin:0;padding:10px 12px;overflow:auto;list-style:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-checkpoint-files:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-checkpoint-file{font:400 .8125rem/1.5 var(--mono);color:var(--text-dim);overflow-wrap:anywhere}@container mirror (min-width: 26rem){.mirror-checkpoint-fields{grid-template-columns:minmax(7rem,auto) minmax(0,1fr);align-items:baseline}.mirror-checkpoint-label{margin:0 0 10px}}.mirror-note{margin:0;padding:18px 2px;font:400 .9375rem/1.55 var(--font);color:var(--text-dim);text-align:center}.mirror-shortened{margin:0 0 6px;font:600 .75rem/1.4 var(--font);color:var(--warn);letter-spacing:.02em;text-transform:uppercase}.mirror-more{margin:12px 0 0;padding-top:10px;font:400 .8125rem/1.5 var(--font);color:var(--text-faint);border-top:1px solid var(--border)}.mirror-template-body,.mirror-snippet-body{margin:0;max-height:14rem;padding:10px 12px;overflow:auto;overflow-wrap:anywhere;font:400 .8125rem/1.5 var(--mono);color:var(--text-dim);white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-template-body:focus-visible,.mirror-snippet-body:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-template,.mirror-snippet{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.mirror-template-list,.mirror-snippet-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.mirror-template-name,.mirror-snippet-name{margin:0 0 6px;font:600 1rem/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}.mirror-devices{display:flex;flex-direction:column;gap:12px;min-width:0}.mirror-devices-empty{font-size:.9375rem;color:var(--text-dim)}.mirror-devices-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.mirror-device{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:var(--tap);padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-device-name{flex:1 0 100%;font-size:.9375rem;font-weight:650;color:var(--text);overflow-wrap:anywhere}.mirror-device-platform,.mirror-device-seen,.mirror-device-via{font-size:.8125rem;color:var(--text-dim)}.mirror-device-via{font-family:var(--mono);color:var(--text-faint);overflow-wrap:anywhere}.mirror-device-status{font-size:.8125rem;font-weight:600;color:var(--ok)}.mirror-device-revoked{border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.mirror-device-revoked .mirror-device-name{color:var(--text-dim)}.mirror-device-revoked .mirror-device-status{color:var(--error)}@container mirror (max-width: 18rem){.mirror-device{padding:10px;gap:2px 8px}.mirror-device-platform,.mirror-device-seen,.mirror-device-via{font-size:.75rem}}.mirror-diff{display:flex;flex-direction:column;gap:12px;min-width:0}.mirror-diff-ask,.mirror-diff-choose{align-self:start;min-height:var(--tap);padding:10px 18px;font:600 .9375rem/1.5 var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease}.mirror-diff-ask:hover,.mirror-diff-choose:hover{border-color:var(--info)}.mirror-diff-ask-retry{border-color:var(--warn)}.mirror-diff-ask[aria-disabled=true]{color:var(--text-faint);cursor:default}.mirror-diff-ask:focus-visible,.mirror-diff-choose:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-diff-note{font-size:.9375rem;color:var(--text-dim)}.mirror-diff-body{min-height:0;max-height:60vh;max-height:60svh;overflow:auto;padding:8px 0;font:400 .8125rem/1.5 var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-diff-body:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-diff-line{min-height:1.5em;padding:0 10px;white-space:pre;color:var(--text-dim);content-visibility:auto;contain-intrinsic-size:auto 1.5em;unicode-bidi:isolate}.mirror-diff-add{color:var(--ok)}.mirror-diff-del{color:var(--error)}.mirror-diff-hunk{color:var(--info)}.mirror-diff-meta{color:var(--text-faint)}.mirror-diff-redacted{margin:2px 0;padding:4px 10px;font:600 .8125rem/1.5 var(--font);white-space:normal;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}@container mirror (max-width: 18rem){.mirror-diff-body{max-height:50vh;font-size:.75rem}.mirror-diff-line{padding:0 6px}}@media(prefers-reduced-motion:reduce){.mirror-diff-ask,.mirror-diff-choose{transition:none}}@media(max-height:30rem){.mirror-diff-body{max-height:80vh;max-height:80svh}}.mirror-notifications{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;min-width:0}.mirror-notifications-empty{margin:0;padding:var(--gap);color:var(--text-dim);text-align:center}.mirror-notification{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);min-width:0}.mirror-notification[data-priority=low]{border-left-color:var(--text-faint)}.mirror-notification[data-priority=normal]{border-left-color:var(--info)}.mirror-notification[data-priority=high]{border-left-color:var(--warn)}.mirror-notification[data-priority=urgent]{border-left-color:var(--error)}.mirror-notification[data-new=true]{border-color:var(--info)}.mirror-notification-new{align-self:flex-start;padding:1px 8px;font:650 .6875rem/1.6 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:var(--info);border-radius:999px}.mirror-notification-text{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.mirror-notification-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:.8125rem;color:var(--text-dim);min-width:0}.mirror-notification-category,.mirror-notification-priority{padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere}.mirror-notification-priority{color:var(--text-faint)}.mirror-notification-when{margin-left:auto;color:var(--text-faint);white-space:nowrap}@container mirror (max-width: 22rem){.mirror-notification-when{margin-left:0}}.mirror-projects{display:flex;flex-direction:column;gap:12px;min-width:0}.mirror-projects-title{margin:0;font:600 .75rem/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mirror-projects-empty,.mirror-project-note{margin:0;padding:8px 0 0;font:400 .875rem/1.5 var(--font);color:var(--text-dim)}.mirror-project-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;min-width:0}.mirror-project-item{min-width:0}.mirror-project{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;min-height:var(--tap);padding:12px 14px;text-align:start;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere;transition:border-color .12s ease}button.mirror-project{cursor:pointer}button.mirror-project:hover{border-color:var(--info)}.mirror-project-inert{color:var(--text-dim);border-style:dashed}.mirror-project[aria-disabled=true]{opacity:.6;cursor:default}button.mirror-project[aria-disabled=true]:hover{border-color:var(--border)}.mirror-project[aria-current=true]{border-color:var(--info);background:var(--bg)}.mirror-project:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-project-name{font:600 .9375rem/1.4 var(--font);color:var(--text)}.mirror-project-badge{align-self:flex-start;padding:2px 8px;font:600 .6875rem/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ok);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-project-desc{font:400 .8125rem/1.5 var(--font);color:var(--text-dim)}.mirror-project-line{display:flex;flex-wrap:wrap;gap:0 6px;font:400 .75rem/1.5 var(--font);color:var(--text-faint)}@container mirror (max-width: 18rem){.mirror-project{padding:10px}.mirror-project-name{font-size:.875rem}.mirror-project-desc{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.mirror-project{transition:none}}.mirror-search{display:flex;flex-direction:column;gap:12px;min-width:0}.mirror-search-form{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.mirror-search-field{flex:1 1 12rem;min-width:0;min-height:var(--tap);padding:0 12px;font:400 1rem/1.5 var(--font);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-search-field:focus-visible{outline:2px solid var(--info);outline-offset:2px;border-color:var(--info)}.mirror-search-submit{flex:0 0 auto;min-height:var(--tap);min-width:var(--tap);padding:0 18px;font:650 1rem/1.5 var(--font);color:var(--brand-ink);background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer}.mirror-search-submit:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-search-status{margin:0;padding:2px 0;color:var(--text-dim)}.mirror-search-truncated{margin:0;font-size:.8125rem;color:var(--text-faint)}.mirror-search-results{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;min-width:0}.mirror-search-result{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0}.mirror-search-task{margin:0;font-weight:600;color:var(--text);overflow-wrap:anywhere;min-width:0}.mirror-search-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:.8125rem;color:var(--text-dim);min-width:0}.mirror-search-project,.mirror-search-row-status,.mirror-search-provider,.mirror-search-model{padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere}.mirror-search-started,.mirror-search-ended{color:var(--text-faint);white-space:nowrap}.mirror-search-snippet{margin:0;padding:6px 8px;font:400 .8125rem/1.5 var(--mono);color:var(--text-dim);background:var(--bg);border-left:2px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}@container mirror (max-width: 22rem){.mirror-search-submit{flex:1 1 100%}}.mirror-detail{display:block;min-width:0}.mirror-detail-task{margin:0 0 8px;font:600 1.0625rem/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}.mirror-detail-location{margin:0 0 14px;padding:8px 10px;font:400 .8125rem/1.5 var(--mono);color:var(--text-dim);overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.mirror-detail-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 12px;margin:0}.mirror-detail-label{margin:0;font:500 .75rem/1.5 var(--font);color:var(--text-faint);letter-spacing:.02em;text-transform:uppercase}.mirror-detail-value{margin:0 0 10px;font:400 .875rem/1.5 var(--font);color:var(--text);overflow-wrap:anywhere}@container mirror (min-width: 26rem){.mirror-detail-fields{grid-template-columns:minmax(7rem,auto) minmax(0,1fr);align-items:baseline}.mirror-detail-label{margin:0 0 10px}}.mirror-sessions{display:flex;flex-direction:column;gap:12px;min-width:0}.mirror-sessions-title{margin:0;font:600 .75rem/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mirror-sessions-empty,.mirror-sessions-note{margin:0;padding:12px 0;font:400 .875rem/1.5 var(--font);color:var(--text-dim)}.mirror-session-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;min-width:0}.mirror-session-item{min-width:0}.mirror-session{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;min-height:var(--tap);padding:12px 14px;text-align:start;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;overflow-wrap:anywhere;transition:border-color .12s ease}.mirror-session:hover{border-color:var(--info)}.mirror-session[aria-pressed=true]{border-color:var(--info);background:var(--bg)}.mirror-session:focus-visible{outline:2px solid var(--info);outline-offset:2px}.mirror-session-task{font:600 .9375rem/1.4 var(--font);color:var(--text)}.mirror-session-line{display:flex;flex-wrap:wrap;gap:0 6px;font:400 .8125rem/1.5 var(--font);color:var(--text-dim)}.mirror-session-at{font-family:var(--mono);font-size:.75rem;color:var(--text-faint)}.mirror-session-ago,.mirror-session-for{color:var(--text-dim)}@container mirror (max-width: 18rem){.mirror-session{padding:10px}.mirror-session-task{font-size:.875rem}.mirror-session-line{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.mirror-session{transition:none}}.mirror-snippets{display:block;min-width:0}.mirror-snippet-usage{margin:0 0 10px;font:500 .75rem/1.4 var(--font);color:var(--text-faint);letter-spacing:.02em}.mirror-templates{display:block;min-width:0}.mirror-template-about{margin:0 0 8px;font:400 .875rem/1.5 var(--font);color:var(--text-dim);overflow-wrap:anywhere}.mirror-template-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.mirror-template-tag{padding:3px 8px;font:500 .75rem/1.4 var(--font);color:var(--info);overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}