@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0b0c;--surface:#141416;--surface-2:#1c1c1f;--line:#2a2a2e;--line-strong:#3a3a40;--ink:#f3f2ee;--muted:#8c8c93;--accent:#f2b441;--accent-dim:#f2b44121;--accent-line:#f2b4416b;--on-accent:#14100a;--steel:#6fb0c8;--red:#e5484d;--glass-bg:#0b0b0c99;--glass-bg-strong:#0b0b0cb8;--glass-line:#ffffff1f;--radius:2px;--radius-sm:2px;--pad:16px;--font-ui:"Space Grotesk Variable", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono,.case-axis,.surgery-axis b,.nudge-value,.gonio-label,.ov-label,.badge,.section-title,.field-label,.field-suffix,.level-pill{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.page{min-height:100%;padding:calc(var(--safe-top) + 8px) var(--pad) calc(var(--safe-bottom) + 96px);max-width:640px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 18px;display:flex}.topbar-overlay{top:var(--safe-top);z-index:30;padding:10px var(--pad);position:absolute;left:0;right:0}.brand{letter-spacing:-.03em;font-size:1.6rem;font-weight:600}.brand-deg{color:var(--accent)}.page-title{text-align:center;flex:1;font-size:1.1rem;font-weight:600}.icon-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);place-items:center;display:grid}.icon-btn-dark{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-color:var(--glass-line)}.center-msg{color:var(--muted);place-items:center;display:grid}.input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;appearance:none;outline:none;padding:13px 14px}.input::placeholder{color:var(--muted);opacity:1}.input:focus-visible{border-color:var(--accent)}textarea.input{resize:vertical}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:550;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.btn-danger{color:var(--red);border-color:#e5484d59;width:100%}.btn-surgery{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-sm{min-height:40px;padding:0 14px}.btn-lg{width:100%;min-height:56px;font-size:1.05rem}.chips,.mode-row{flex-wrap:wrap;gap:8px;padding:6px 0 14px;display:flex}.chip{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;padding:0 14px;font-size:.8rem;font-weight:500;display:inline-flex}.chip-on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.chip-ghost:disabled{opacity:.35}.search-row{padding-bottom:4px}.banner{border-radius:var(--radius-sm);margin-bottom:12px;padding:12px 14px;font-size:.9rem;line-height:1.4}.banner-warn{border:1px solid var(--accent-line);color:var(--accent);background:#f2b44117}.case-list{gap:10px;list-style:none;display:grid}.case-card{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:14px;transition:border-color .15s;display:flex}.case-card:active{border-color:var(--accent)}.case-dial{color:var(--muted);place-items:center;gap:2px;min-width:76px;display:grid}.axis-dial{width:72px;height:40px}.axis-dial-needle{stroke:var(--accent)}.axis-dial-needle-g{transition:transform .5s cubic-bezier(.22,1,.36,1)}.axis-dial-hub{fill:var(--ink)}.case-axis{color:var(--accent);font-size:.95rem;font-weight:650}.case-info{flex:1;gap:4px;display:grid}.case-name{font-size:1.02rem;font-weight:600}.case-meta{color:var(--muted);gap:6px;font-size:.85rem;display:flex}.eye{font-weight:700}.eye-OD,.eye-OE{color:var(--ink)}.case-badges{flex-wrap:wrap;gap:6px;display:flex}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--muted);padding:3px 7px;font-size:.75rem;font-weight:500}.badge-marcado{color:var(--accent);border-color:var(--accent-line)}.badge-operado{color:var(--ink);border-color:var(--muted)}.badge-revisado{color:var(--muted)}.badge-delta{color:var(--ink);border-color:var(--line-strong)}.badge-warn{color:var(--accent);border-color:var(--accent-line)}.case-arrow{color:var(--muted);flex-shrink:0}.empty{text-align:center;color:var(--muted);padding:64px 24px}.empty-title{color:var(--ink);margin-bottom:6px;font-size:1.05rem;font-weight:600}.empty-sub{color:var(--muted);max-width:340px;margin:0 auto;line-height:1.5}.empty-cta{margin-top:24px}.fab{right:max(20px, env(safe-area-inset-right,0px) + 16px);bottom:calc(var(--safe-bottom) + 24px);border-radius:var(--radius);background:var(--accent);width:58px;height:58px;color:var(--on-accent);box-shadow:0 10px 30px #00000080, 0 0 0 1px var(--accent-line);z-index:20;place-items:center;display:grid;position:fixed}.form-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;margin-bottom:14px;padding:16px;display:grid}.section-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:700}.field{gap:6px;min-width:0;display:grid}.field-label{color:var(--muted);font-size:.82rem;font-weight:550}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-input-wrap{align-items:center;display:flex;position:relative}.field-suffix{color:var(--muted);pointer-events:none;position:absolute;right:12px}.field .input{background:var(--surface-2)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex;overflow-x:auto}.seg-btn{border-radius:var(--radius-sm);min-height:40px;color:var(--muted);white-space:nowrap;flex:1;padding:0 10px;font-size:.92rem;font-weight:550}.seg-on{background:var(--accent-dim);color:var(--accent)}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.photo-preview-wrap{border-radius:var(--radius-sm);border:1px solid var(--line);position:relative;overflow:hidden}.photo-preview{object-fit:cover;width:100%;max-height:300px;display:block}.photo-flag{background:var(--glass-bg-strong);position:absolute;top:10px;left:10px}.hint{color:var(--muted);font-size:.88rem;line-height:1.45}.hint-strong{color:var(--accent)}.toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toggle-row span{gap:3px;display:grid}.toggle-row small{color:var(--muted);line-height:1.35}.switch{appearance:none;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex-shrink:0;width:52px;height:32px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:24px;height:24px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent-dim);border-color:var(--accent)}.switch:checked:after{background:var(--accent);transform:translate(20px)}.capture-page,.annotate-page,.levelimport-page,.surgery-page{background:#000;position:fixed;inset:0;overflow:hidden}.capture-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.goniometer{color:#ffffffeb;pointer-events:none;filter:drop-shadow(0 0 1.5px #000000e6);width:100%;height:100%;position:absolute;inset:0}.gonio-label{fill:currentColor;stroke:none;text-anchor:middle;dominant-baseline:middle;font-size:3px;font-weight:500}.gonio-target{color:var(--accent);stroke:var(--accent);filter:drop-shadow(0 0 1.2px #f2b441e6)}.capture-top{top:calc(var(--safe-top) + 8px);left:var(--pad);right:var(--pad);z-index:10;align-items:center;gap:12px;display:flex;position:absolute}.capture-case{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.02em;padding:10px 14px;font-size:.82rem;font-weight:500}.level-pill{top:calc(var(--safe-top) + 68px);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);z-index:10;white-space:nowrap;padding:7px 14px;font-size:.88rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.level-ok{color:var(--accent);border-color:var(--accent-line)}.level-off{color:var(--muted)}.level-flat{color:var(--red)}.capture-start{text-align:center;background:radial-gradient(at 50% 32%,#17171a 0%,#0b0b0c 72%);place-content:center;gap:16px;padding:32px;display:grid;position:absolute;inset:0}.capture-start h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.capture-start p{color:var(--muted);max-width:320px;line-height:1.55}.capture-bottom{padding:16px var(--pad) calc(var(--safe-bottom) + 24px);z-index:10;background:linear-gradient(#0000,#000000a6);justify-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0}.capture-hint{color:#ffffffd9;text-align:center;font-size:.88rem}.capture-error{color:var(--red);text-align:center;font-size:.9rem}.shutter{border:4px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform 80ms;display:grid}.shutter span{background:#fff;border-radius:50%;width:58px;height:58px;transition:background .15s}.shutter:active{transform:scale(.92)}.shutter:disabled{opacity:.35}.capture-flash{z-index:40;pointer-events:none;background:#fff;animation:.18s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.levelimport-canvas{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.levelimport-canvas img{max-width:100%;max-height:100%;transition:transform 60ms linear}.levelimport-guides{pointer-events:none;grid-template-rows:1fr 1fr 1fr 1fr;display:grid;position:absolute;inset:0}.levelimport-guides span{border-bottom:1px dashed #ffffff59}.levelimport-guides .guide-mid{border-bottom:1.5px solid var(--accent)}.levelimport-controls{padding:16px var(--pad) calc(var(--safe-bottom) + 20px);background:linear-gradient(#0000,#000000bf);gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.nudge-row{justify-content:center;align-items:center;gap:8px;display:flex}.nudge-value{text-align:center;min-width:76px;color:var(--accent);font-size:1.2rem;font-weight:700}.slider{width:100%;accent-color:var(--accent);height:32px}.annotate-canvas{touch-action:none;position:absolute;inset:0;overflow:hidden}.annotate-inner{transform-origin:0 0;position:absolute;top:0;left:0}.annotate-inner img{-webkit-user-select:none;user-select:none;display:block}.photo-overlay{pointer-events:none;position:absolute;inset:0}.annotate-reticle{pointer-events:none;z-index:5;width:82vmin;height:82vmin;position:absolute;transform:translate(-50%,-50%)}.ov-label{fill:#fff;stroke:none;paint-order:stroke;text-anchor:middle;dominant-baseline:middle;filter:drop-shadow(0 0 2px #000000f2);font-weight:650}.ov-target{stroke:var(--accent)}.ov-target-label{fill:var(--accent)}.ov-incision{stroke:var(--steel)}.ov-incision-label{fill:var(--steel)}.ov-mark{stroke:#fff;fill:#fff}.ov-mark-label{fill:#fff}.annotate-toolbar{padding:14px var(--pad) calc(var(--safe-bottom) + 16px);background:linear-gradient(#0000,#000c);justify-items:center;gap:4px;display:grid;position:absolute;bottom:0;left:0;right:0}.annotate-toolbar .mode-row{justify-content:center;padding:4px 0 0}.surgery-page{padding-top:calc(var(--safe-top) + 6px);flex-direction:column;display:flex}.surgery-top{padding:8px var(--pad);align-items:center;gap:12px;display:flex}.surgery-id{flex:1;gap:2px;min-width:0;display:grid}.surgery-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:650;overflow:hidden}.surgery-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.surgery-axis{text-align:center;padding:4px var(--pad) 10px;color:var(--muted);font-size:1.35rem}.surgery-axis b{color:var(--accent);letter-spacing:-.01em;font-size:2.1rem;font-weight:750}.surgery-inc{color:var(--steel);font-size:.9rem;display:block}.surgery-photo{flex:1;place-items:center;min-height:0;padding:0 6px;display:grid;position:relative}.surgery-frame{max-width:100%;max-height:100%;position:relative}.surgery-frame img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 240px);display:block}.surgery-frame .photo-overlay{width:100%;height:100%}.surgery-frame{transition:transform .42s cubic-bezier(.34,1.28,.44,1)}.surgery-frame.flipped{transform:rotate(180deg)}.surgery-flip-flag{background:var(--glass-bg-strong);position:absolute;top:10px;right:10px}.surgery-nav{padding:12px var(--pad) calc(var(--safe-bottom) + 16px);justify-content:space-between;align-items:center;display:flex}.surgery-count{color:var(--muted);font-weight:600}.eye-picker{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px;display:grid}.eye-half{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);place-items:center;gap:6px;padding:20px 12px;transition:border-color .15s,background .15s,color .15s,transform 80ms;display:grid}.eye-half.on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.eye-half:active{transform:scale(.98)}.eye-code{font-family:var(--font-mono);color:var(--ink);font-size:1.5rem;font-weight:600}.eye-half.on .eye-code{color:var(--accent)}.eye-name{font-size:.8rem}.dial-section{place-items:center;margin-bottom:14px;display:grid}.axis-dial-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-items:center;gap:12px;width:100%;padding:16px;display:grid}.axis-dial-head{justify-content:space-between;align-items:baseline;width:100%;display:flex}.axis-dial-readout{color:var(--accent);font-size:1.9rem;font-weight:600}.axis-dial-face{aspect-ratio:1;width:232px;max-width:68vw;color:var(--muted);touch-action:none;cursor:grab}.axis-dial-face:active{cursor:grabbing}.dial-ring{stroke:var(--line-strong);stroke-width:.6px}.dial-tick-label{fill:var(--muted);font-family:var(--font-mono);text-anchor:middle;dominant-baseline:middle;font-size:4px}.dial-meridian{stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 1.6px #f2b441cc)}.dial-knob{fill:var(--accent)}.dial-knob-2{fill:var(--accent);opacity:.5}.dial-hub{fill:var(--ink)}.axis-dial-steps{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.step-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:52px;height:52px;color:var(--ink);place-items:center;font-size:1.6rem;line-height:1;display:grid}.step-btn:active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.axis-dial-caption{color:var(--muted);text-align:center;font-size:.74rem}.details-toggle{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;font-size:.78rem;display:flex}.details-toggle svg{transition:transform .2s}.details-toggle.open svg{transform:rotate(180deg)}.hub-page{flex-direction:column;display:flex}.rail{padding:6px 0 22px;display:flex}.rail-item{flex:1;justify-items:center;gap:7px;display:grid;position:relative}.rail-link{background:var(--line);width:100%;height:2px;position:absolute;top:12px;left:-50%}.rail-link:after{content:"";background:var(--accent);transform-origin:0;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.rail-link.on:after{transform:scaleX(1)}.rail-dot{z-index:1;background:var(--surface-2);border:1.5px solid var(--line);width:26px;height:26px;color:var(--muted);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.8rem;display:grid;position:relative}.rail-dot.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.rail-dot.done{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.rail-label{color:var(--muted);font-size:.78rem}.hub-identity{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.hub-dial{color:var(--muted);flex-shrink:0}.hub-dial .axis-dial{width:100px;height:56px}.hub-id-text{gap:3px;display:grid}.hub-eye{font-family:var(--font-mono);color:var(--ink);font-size:1.6rem;font-weight:600}.hub-axis{color:var(--accent);font-size:1.05rem;font-weight:500}.hub-inc{color:var(--steel);font-size:.85rem}.hub-photo{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.hub-photo img{object-fit:cover;width:100%;max-height:220px;display:block}.btn-hero{flex-direction:column;gap:2px;width:100%;min-height:74px;margin-bottom:12px}.btn-hero-label{font-size:1.15rem;font-weight:650}.btn-hero-hint{font-family:var(--font-mono);opacity:.8;font-size:.78rem;font-weight:500}.hub-secondary{gap:8px;display:grid}.btn-ghost{border-color:var(--line);color:var(--muted);background:0 0}.btn-ghost:active{border-color:var(--accent);color:var(--accent)}.hub-postop{margin-top:10px}.topbar-spacer{flex-shrink:0;width:44px}.annotate-guide{top:calc(var(--safe-top) + 62px);z-index:12;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);text-align:center;justify-items:center;gap:3px;max-width:84vw;padding:9px 18px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.guide-step{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.guide-text{color:var(--ink);font-size:1rem;font-weight:550}.annotate-guide.guide-done .guide-step{color:var(--muted)}.aim-target{pointer-events:none;z-index:6;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-ring{border:2px solid var(--accent);border-radius:50%;animation:1.4s ease-out infinite aim-pulse;position:absolute;inset:0}.aim-cross{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #f2b441e6}@keyframes aim-pulse{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(1.3)}}.annotate-toolbar{gap:8px}.tools-toggle{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:44px;padding:8px 16px;font-size:.78rem}.tools-toggle.open{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.banner{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.banner b{color:var(--ink)}.banner-warn{color:var(--accent)}.banner-link,.welcome-link{color:var(--accent);border-bottom:1px solid var(--accent-line);text-decoration:none}.banner-dismiss{min-height:32px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px;padding:6px 0;font-size:.72rem;display:block}.list-controls{align-items:flex-start;gap:8px;display:flex}.list-controls .chips{flex:1;min-width:0}.chips-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.view-toggle{color:var(--ink);border-color:var(--line-strong);margin-top:6px}.case-section-title{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:16px 2px 8px;font-size:.75rem;font-weight:600}.case-iol{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.case-item{animation:.38s cubic-bezier(.22,1,.36,1) both case-in}@keyframes case-in{0%{opacity:0;transform:translateY(8px)}}.hub-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);text-align:left;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:.88rem;display:flex}.hub-summary-iol{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;font-size:.8rem;overflow:hidden}.hub-postop-axis{color:var(--ink);font-size:.85rem}.rail-check{stroke-dasharray:24;stroke-dashoffset:0}.rail-dot.done .rail-check{animation:.4s ease-out both check-draw}@keyframes check-draw{0%{stroke-dashoffset:24px}}.ov-target{animation:.5s ease-out both target-reveal}@keyframes target-reveal{0%{opacity:0}}.form-page{padding-bottom:calc(var(--safe-bottom) + 170px)}.save-bar{z-index:25;padding:18px var(--pad) calc(var(--safe-bottom) + 14px);pointer-events:none;background:linear-gradient(#0000,#0b0b0cf0 45%);justify-items:center;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.save-bar .btn{pointer-events:auto;width:100%;max-width:608px}.save-hint{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.section-focus{border-color:var(--accent-line);animation:1.4s ease-out focus-pulse}@keyframes focus-pulse{0%{box-shadow:0 0 #f2b44159}to{box-shadow:0 0 0 14px #f2b44100}}.readout-unset{color:var(--muted)}.pointer-unset{opacity:.25}.sheet-backdrop{z-index:60;background:#0009;justify-content:center;align-items:flex-end;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);width:100%;max-width:640px;padding:20px var(--pad) calc(var(--safe-bottom) + 20px);border-bottom:none;gap:10px;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up;display:grid}.sheet-title{font-size:1.05rem;font-weight:650}.sheet-text{color:var(--muted);font-size:.92rem;line-height:1.45}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.btn-danger-solid{background:var(--red);border-color:var(--red);color:#fff;font-weight:650}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@keyframes fade-in{0%{opacity:0}}.toasts{left:50%;bottom:calc(var(--safe-bottom) + 96px);z-index:70;pointer-events:none;gap:8px;width:min(92vw,480px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem;line-height:1.4;animation:.25s cubic-bezier(.22,1,.36,1) both toast-in}.toast-warn{border-color:var(--accent-line);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.update-bar{left:50%;bottom:calc(var(--safe-bottom) + 20px);z-index:55;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:14px;padding:8px 8px 8px 16px;font-size:.9rem;animation:.25s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;position:fixed;transform:translate(-50%)}.welcome{padding-top:calc(var(--safe-top) + 48px);flex-direction:column;display:flex}.welcome-brand{margin-bottom:8px;font-size:2.6rem}.welcome-what{color:var(--muted);max-width:420px;margin-bottom:20px;line-height:1.55}.welcome .form-section{margin-bottom:12px}.welcome .btn-lg{margin-top:10px}.fail-page{flex-direction:column;justify-content:center;gap:8px;display:flex}.fail-page .brand{text-align:center}.flip-btn{font-family:var(--font-mono);min-width:68px;min-height:44px}.flip-on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.shutter{box-shadow:0 0 calc(var(--level-t,0) * 24px) rgba(242, 180, 65, calc(var(--level-t,0) * .55))}.shutter-armed{border-color:var(--accent)}.shutter-armed span{background:var(--accent)}@media (hover:hover){.btn:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-primary:hover{background:var(--accent);filter:brightness(1.06)}.btn-danger-solid:hover{background:var(--red);filter:brightness(1.08)}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip-on:hover{border-color:var(--accent);color:var(--accent)}.case-card:hover,.icon-btn:hover,.hub-summary:hover{border-color:var(--line-strong)}.btn-ghost:hover,.banner-link:hover,.welcome-link:hover{color:var(--ink)}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.16s both vt-out}::view-transition-new(root){animation:.26s cubic-bezier(.22,1,.36,1) both vt-in}}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.pz-settle{transition:transform .26s cubic-bezier(.22,1,.36,1)}.surgery-conclude{margin:0 var(--pad) 10px}.surgery-conclude:last-child{margin-bottom:calc(var(--safe-bottom) + 14px)}.login-page{flex-direction:column;justify-content:center;gap:10px;display:flex}.login-page .brand{margin-bottom:4px;font-size:2.2rem}.login-sub{color:var(--muted);max-width:400px;margin-bottom:14px;line-height:1.5}.code-input{font-family:var(--font-mono);letter-spacing:.5em;text-align:center;font-size:1.6rem}.login-resend{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;min-height:44px;padding:8px 0;font-size:.78rem}.login-resend:disabled{opacity:.45}.account-email{color:var(--ink);word-break:break-all;font-size:1rem}