:root{--palette-blue-300:#8aa8ff;--palette-blue-400:#7391f5;--palette-blue-600:#2f5bea;--palette-blue-700:#2549c0;--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-sunken:#eef0f4;--color-text:#14171f;--color-text-muted:#545c6a;--color-border:#dde1e8;--color-border-strong:#858e9f;--color-accent:var(--palette-blue-600);--color-accent-hover:var(--palette-blue-700);--color-on-accent:#fff;--color-accent-text:var(--palette-blue-600);--color-accent-soft:#2f5bea1f;--color-success:#15803d;--color-warning:#a74c07;--color-danger:#b42318;--color-danger-fill:#b42318;--color-on-danger:#fff;--color-focus:#c2410c;--color-backdrop:#00000080;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f1116;--color-surface:#181b23;--color-surface-sunken:#11141b;--color-text:#e8eaf0;--color-text-muted:#a3acbb;--color-border:#2c313d;--color-border-strong:#6b7487;--color-accent-text:var(--palette-blue-300);--color-accent-soft:#8aa8ff29;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#f87171;--color-danger-fill:#dc2626;--color-focus:#fdba74;--color-backdrop:#000000b3}}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--size-touch:2.75rem;--size-touch-large:4.5rem;--size-icon:1.25rem;--size-icon-large:3rem;--width-column:28rem;--width-prose:40rem;--width-page:60rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.8rem;--text-sm:.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:clamp(1.4rem, 3vw + .6rem, 2rem);--text-3xl:clamp(1.9rem, 6vw, 3.25rem);--weight-regular:400;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-.02em;--tracking-caps:.06em;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--radius-round:50%;--border-thin:1px;--border-thick:2px;--border-accent:4px;--shadow-raised:0 1px 2px #0000000f;--shadow-overlay:0 12px 32px #0000003d;--duration-fast:.12s;--duration-normal:.2s;--duration-spin:1s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--press-scale:.97}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--press-scale:1}}:root{--layer-base:0;--layer-raised:1;--layer-skip-link:100;--breakpoint-narrow:22.5rem;--breakpoint-wide:50rem}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{line-height:var(--leading-tight);margin:0}p{margin:0}a{color:var(--color-accent-text);text-underline-offset:.2em}img,svg{max-width:100%}code,pre{font-family:var(--font-mono);font-size:.95em}code{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-shell{gap:var(--space-5);width:100%;max-width:var(--width-column);padding:var(--space-6) var(--space-5) var(--space-8);flex-direction:column;margin:0 auto;display:flex}@media (width<=22.5rem){.page-shell{padding-inline:var(--space-3)}}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:2.25em;height:2.25em}.stack{gap:var(--space-3);flex-direction:column;display:flex}.actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.actions-inline{gap:var(--space-3);flex-wrap:wrap;display:flex}.lede,.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.skip-link{z-index:var(--layer-skip-link);left:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);position:absolute;top:-10rem}.skip-link:focus{top:var(--space-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-touch);min-width:var(--size-touch);padding:var(--space-2) var(--space-5);border:var(--border-thin) solid transparent;border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(var(--press-scale))}.btn:disabled{opacity:.55;cursor:default}.btn svg{width:var(--size-icon);height:var(--size-icon);flex:none}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.btn-ghost{color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-text)}.btn-danger{background:var(--color-danger-fill);color:var(--color-on-danger)}.btn-link{padding-inline:var(--space-1);color:var(--color-accent-text);text-underline-offset:.2em;text-decoration:underline}.btn-big{min-height:var(--size-touch-large);font-size:var(--text-lg)}.btn-small{padding:var(--space-1) var(--space-4)}.btn-back{align-self:flex-start;padding-inline:0}.card{gap:var(--space-2);min-width:0;padding:var(--space-5);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:var(--border-thin) solid var(--color-border);border-left:var(--border-accent) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);flex-direction:column;display:flex}.banner>*{max-width:100%}.banner ol,.banner ul{padding-left:var(--space-5);margin:0}.banner .btn{font-size:var(--text-md)}.banner-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.banner-warn{border-left-color:var(--color-danger)}.tiles{grid-template-columns:repeat(var(--tile-columns,3), minmax(0, 1fr));gap:var(--space-3);display:grid}.tile{justify-content:center;align-items:center;gap:var(--space-2);min-height:7rem;padding:var(--space-3) var(--space-2);border:var(--border-thick) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.tile:active{transform:scale(var(--press-scale))}.tile:focus-visible{outline-offset:3px}.tile-icon{font-size:2em;line-height:1}.tile-danger{border-color:var(--color-danger);color:var(--color-danger)}.tile-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.tile-accent{color:var(--color-accent-text)}@media (width<=22.5rem){.tiles{grid-template-columns:minmax(0,1fr)}.tile{min-height:var(--size-touch-large);flex-direction:row}}.list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.row{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.row-name{min-width:0;font-weight:var(--weight-semibold);overflow-wrap:anywhere;flex:8rem}.row-meta,.row>time{font-size:var(--text-sm);color:var(--color-text-muted);flex:1 0 100%}.row-actions{gap:var(--space-2);flex-wrap:wrap;flex:1 0 100%;display:flex}.row-muted{color:var(--color-text-muted);border-style:dashed}.badge{padding:0 var(--space-2);border:var(--border-thin) solid currentColor;border-radius:var(--radius-pill);color:var(--status-color,var(--color-text-muted));font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-normal);white-space:nowrap;display:inline-block}.status-dot{align-items:center;gap:var(--space-2);color:var(--status-color,var(--color-text-muted));display:inline-flex}.status-dot:before{content:"";border-radius:var(--radius-round);background:currentColor;flex:none;width:.6em;height:.6em}.is-success{--status-color:var(--color-success)}.is-warning{--status-color:var(--color-warning)}.is-danger{--status-color:var(--color-danger)}.is-accent{--status-color:var(--color-accent-text)}dialog{width:min(calc(100vw - 2 * var(--space-5)), 24rem);max-height:calc(100vh - 2 * var(--space-5));padding:var(--space-5);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-overlay);overflow:auto}dialog::backdrop{background:var(--color-backdrop)}dialog h2{font-size:var(--text-xl)}.step-flow{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:0;padding:0;list-style:none;display:grid}.step-flow>li{padding:var(--space-5);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.step-number{min-width:2em;height:2em;margin-bottom:var(--space-3);border-radius:var(--radius-round);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-bold);place-items:center;display:inline-grid}.step-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.step-icon{width:calc(var(--size-icon-large) * 2);height:calc(var(--size-icon-large) * 2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-accent-text);align-self:center;place-items:center;display:grid}.step-icon svg{width:var(--size-icon-large);height:var(--size-icon-large);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.step-list{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin:0}.step-list li+li{margin-top:var(--space-2)}.field{gap:var(--space-1);flex-direction:column;display:flex}label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}input{width:100%;min-width:0;min-height:var(--size-touch);padding:0 var(--space-3);border:var(--border-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text);font:inherit}input:focus-visible{outline-offset:0}.field-inline{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.field-inline input{flex:100%}.code-block{padding:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0;display:block}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{min-height:0}.page-shell{--shell-pad-y:clamp(var(--space-3), 3dvh, var(--space-6));--shell-pad-x:clamp(var(--space-3), 5vw, var(--space-5));gap:clamp(var(--space-3), 2.4dvh, var(--space-5));height:100dvh;padding:max(var(--shell-pad-y), env(safe-area-inset-top)) max(var(--shell-pad-x), env(safe-area-inset-right)) max(var(--shell-pad-y), env(safe-area-inset-bottom)) max(var(--shell-pad-x), env(safe-area-inset-left));overscroll-behavior:contain;position:relative;overflow:hidden auto}.page-shell>*{flex-shrink:0}.page-shell .card{padding:clamp(var(--space-3), 2.4dvh, var(--space-5))}dialog{max-height:calc(100dvh - 2 * var(--space-5))}#request,#history,#devices,#sharing,#perms{display:none}[data-screen=request] #request,[data-screen=history] #history,[data-screen=devices] #devices,[data-screen=sharing] #sharing,[data-screen=permissions] #perms{display:flex}:is([data-screen=request],[data-screen=history],[data-screen=devices],[data-screen=sharing],[data-screen=permissions]) :is(#home,#state-card,.lede){display:none}:is(#history,#devices,#sharing) h2{font-size:var(--text-xl)}#history h3,#sharing h3{margin-top:var(--space-3);font-size:var(--text-md)}#state-card{--status-color:var(--color-danger)}#state-card[data-state=connected]{--status-color:var(--color-success)}#state-card:is([data-state=waiting],[data-state=replaced]){--status-color:var(--color-warning)}.state-label{font-size:var(--text-xl);font-weight:var(--weight-bold)}.status-text{color:var(--color-text-muted);font-size:var(--text-sm)}#request{gap:var(--space-5)}.request-title{margin-top:var(--space-2);font-size:var(--text-2xl);overflow-wrap:anywhere}.request-title strong{color:var(--color-accent-text)}#request[data-no-always="1"] .tiles{--tile-columns:2}:is(.badge-approved,.badge-always,.badge-auto){--status-color:var(--color-success)}.badge-rejected{--status-color:var(--color-danger)}.device{align-items:flex-start}.device-icon{color:var(--color-text-muted);flex:none}.device-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.75em;height:1.75em;display:block}.device-main{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.device-title{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.device-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.device-meta.status-dot{color:var(--status-color);font-weight:var(--weight-semibold)}.device-main .row-name{flex:0 auto}.device-hint{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}#perms{gap:var(--space-4)}#perms h2{font-size:var(--text-xl);text-align:center}#perm-why{text-align:center}.perm-status{text-align:center;font-weight:var(--weight-semibold);color:var(--color-warning)}body:is([data-screen=history],[data-screen=devices],[data-screen=sharing]) #signed-in,:is(#history,#devices,#sharing){flex:auto;min-height:0}:is(#history,#devices,#sharing)>*{flex-shrink:0}:is(#history,#devices,#sharing) .list:not(:empty){overscroll-behavior:contain;flex:0 auto;min-height:min(4.5rem,12dvh);overflow-y:auto}