:root{color-scheme:light dark;-webkit-font-smoothing:antialiased;--bg:#f8f8fb;--fg:#1a1a2e;--fg-muted:#64648a;--surface:#fff;--surface-raised:#fff;--surface-inset:#f0f0f5;--border:#00000014;--border-strong:#00000024;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f, 0 0 1px #00000014;--shadow-lg:0 8px 32px #0000001a, 0 0 1px #0000000f;--red:#ef4444;--red-soft:#ef444412;--red-border:#ef44442e;--red-fg:#dc2626;--green:#22c55e;--green-soft:#22c55e12;--green-border:#22c55e2e;--green-fg:#16a34a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:24px;--transition-fast:.12s ease;--transition-smooth:.2s cubic-bezier(.4, 0, .2, 1);color:var(--fg);background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#0c0c14;--fg:#ffffffeb;--fg-muted:#8888a8;--surface:#16162a;--surface-raised:#1e1e36;--surface-inset:#12121f;--border:#ffffff0f;--border-strong:#ffffff1a;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d, 0 0 1px #0006;--shadow-lg:0 8px 32px #00000080, 0 0 1px #0000004d;--red-soft:#ef44441a;--red-border:#ef444438;--red-fg:#f87171;--green-soft:#22c55e1a;--green-border:#22c55e38;--green-fg:#4ade80}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}#root{place-items:center;min-height:100dvh;padding:2rem 1rem;display:grid}main{width:min(640px,100%)}.page-header{gap:.25rem;margin-bottom:1.25rem;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}p{margin:0}.hint{color:var(--fg-muted);margin-top:.125rem;font-size:.875rem}[data-mode=broken] .hint{color:var(--red-fg)}[data-mode=workaround] .hint{color:var(--green-fg)}.page-nav{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;margin-top:.75rem;padding:3px;display:inline-flex}.nav-link{border-radius:var(--radius-pill);color:var(--fg-muted);font:inherit;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.nav-link:hover{color:var(--fg)}.nav-link[aria-pressed=true]{color:var(--fg);background:var(--surface-raised);box-shadow:var(--shadow-sm);font-weight:600}[data-mode=broken] .nav-link[aria-pressed=true]{color:var(--red-fg);background:var(--red-soft);box-shadow:inset 0 0 0 1px var(--red-border), var(--shadow-sm)}[data-mode=workaround] .nav-link[aria-pressed=true]{color:var(--green-fg);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green-border), var(--shadow-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-smooth);padding:1.25rem}[data-mode=broken] .card{border-color:var(--red-border)}[data-mode=workaround] .card{border-color:var(--green-border)}.camera-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform 80ms ease, box-shadow var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.camera-btn:hover{background:var(--surface-inset);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.camera-btn:active{box-shadow:none;transform:translateY(1px)}.camera-btn--primary{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:var(--shadow-sm);font-weight:600}[data-mode=broken] .camera-btn--primary{border-color:var(--red-border);background:var(--red-soft);color:var(--red-fg)}[data-mode=workaround] .camera-btn--primary{border-color:var(--green-border);background:var(--green-soft);color:var(--green-fg)}dialog:not([open]){display:none}.camera-modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(520px,90vw);color:var(--fg);box-shadow:var(--shadow-lg);padding:1.25rem}.camera-modal::backdrop{-webkit-backdrop-filter:blur(4px);background:#0006}.camera-modal[open]:not(:modal){z-index:100;height:fit-content;margin:auto;position:fixed;inset:0}.modal-backdrop{z-index:99;-webkit-backdrop-filter:blur(4px);background:#0006;animation:.25s ease-out backdrop-in;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}.camera-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.camera-modal-header strong{font-size:1rem;font-weight:600}.camera-preview{border:1px dashed var(--border-strong);border-radius:var(--radius-md);min-height:180px;color:var(--fg-muted);background:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--surface-inset) 10px, var(--surface-inset) 11px);place-items:center;font-size:.8125rem;display:grid}.debug{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-muted);margin-top:1.25rem;padding:.75rem 1rem;font-family:ui-monospace,SF Mono,Cascadia Code,Fira Code,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7}.debug p{justify-content:space-between;align-items:baseline;display:flex}.debug p+p{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.25rem}.debug b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);width:fit-content;color:var(--fg-muted);align-items:center;gap:.35rem;padding:.125rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip--broken:before,.chip--workaround:before{content:"";border-radius:50%;width:.45rem;height:.45rem}.chip--broken:before{background:var(--red)}.chip--workaround:before{background:var(--green)}.launcher{gap:.75rem;margin-top:1.25rem;display:grid}.launcher-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);gap:.35rem;padding:1rem;display:grid}.launcher-card h2{margin:0;font-size:1rem;font-weight:600}:focus-visible{outline-offset:2px;outline:2px solid oklch(65% .2 260)}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(camera-hero),::view-transition-group(.camera-hero-morph){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(camera-hero),::view-transition-old(.camera-hero-morph){animation:.15s ease-out both hero-fade-out}::view-transition-new(camera-hero),::view-transition-new(.camera-hero-morph){animation:.25s ease-out .15s both hero-fade-in}@keyframes hero-fade-out{to{opacity:0}}@keyframes hero-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=react-canary-19.3.0-view-transition-bug.ae7a133e.css.map */