:root{color-scheme:light;--bg: #f6faf9;--surface: #ffffff;--surface-soft: #eef7f5;--surface-cool: #f2f8fb;--surface-warm: #fff8ed;--text: #102129;--muted: #61737b;--line: #dce8e6;--teal: #0f8b8d;--teal-deep: #087174;--amber: #f4a949;--red: #e05252;--blue: #2d7dd2;--shadow: 0 18px 44px rgba(21, 45, 48, .1);--radius: 8px;--topic-disclosure-closed-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath d='M1.41797 18.6445C1.88672 18.6445 2.26172 18.4453 2.75391 18.1992L17.8125 10.8984C18.8086 10.4062 19.125 9.94922 19.125 9.32812C19.125 8.70703 18.8086 8.26172 17.8125 7.76953L2.75391 0.457031C2.25 0.210938 1.875 0.0117188 1.40625 0.0117188C0.539062 0.0117188 0 0.667969 0 1.6875L0.0117188 16.9688C0.0117188 17.9883 0.550781 18.6445 1.41797 18.6445Z' fill='white'/%3E%3C/svg%3E");--topic-check-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M13.9531 25.9062C20.4922 25.9062 25.9062 20.4805 25.9062 13.9531C25.9062 7.41406 20.4805 2 13.9414 2C7.41406 2 2 7.41406 2 13.9531C2 20.4805 7.42578 25.9062 13.9531 25.9062Z' fill='black' fill-opacity='0.85'/%3E%3Cpath d='M12.6406 19.6836C12.2422 19.6836 11.9141 19.5195 11.6094 19.1094L8.66797 15.5C8.49219 15.2656 8.38672 15.0078 8.38672 14.7383C8.38672 14.2109 8.79688 13.7773 9.32422 13.7773C9.66406 13.7773 9.92188 13.8828 10.2148 14.2695L12.5938 17.3398L17.5977 9.30078C17.8203 8.94922 18.125 8.76172 18.4297 8.76172C18.9453 8.76172 19.4258 9.11328 19.4258 9.66406C19.4258 9.92188 19.2734 10.1914 19.1328 10.4375L13.625 19.1094C13.3789 19.4961 13.0391 19.6836 12.6406 19.6836Z' fill='white'/%3E%3C/svg%3E");font-family:TASA Explorer,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-width:320px}img,canvas{display:block}img{max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.page-shell{min-height:100vh;background:linear-gradient(180deg,#e8f4fbb8,#f6faf900 320px),var(--bg)}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px clamp(14px,3vw,32px);border-bottom:1px solid rgba(220,232,230,.9);background:#ffffffe8;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:4px;width:fit-content;color:var(--teal-deep);font-size:1.36rem;line-height:1;letter-spacing:0}.brand span{font-weight:700;line-height:1;text-box:trim-both cap alphabetic}.brand-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(5,64,74,.12));flex:0 0 auto}.site-nav{position:relative;display:inline-flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7}.nav-link,.nav-dropdown summary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:7px;color:var(--muted);font-size:.98rem;font-weight:750;white-space:nowrap}.nav-link.is-active,.nav-dropdown.is-active summary{background:var(--teal);color:#fff}.nav-dropdown{position:relative}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-submenu{position:absolute;z-index:60;top:calc(100% + 10px);left:50%;display:grid;min-width:172px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffffa;box-shadow:0 18px 36px #152d3024;transform:translate(-50%)}.nav-submenu a{display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:7px;color:var(--muted);font-size:.94rem;font-weight:850}.nav-submenu a:hover,.nav-submenu a:focus-visible,.nav-submenu a.is-current{background:var(--surface-soft);color:var(--teal-deep);outline:none}.menu-button,.drawer-close{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--teal-deep)}.menu-button{justify-self:end}.menu-button svg,.drawer-close svg{width:20px;height:20px}.site-drawer{--drawer-width: min(21rem, 84dvw);--drawer-backdrop: 0;position:fixed;inset:0;z-index:100;display:none;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent;overflow:visible}.site-drawer.is-rendered{display:block}.site-drawer:popover-open{display:block}.site-drawer::backdrop{background:#08191c;opacity:calc(var(--drawer-backdrop) * .48)}.site-drawer-scroller{display:grid;grid-template-columns:100dvw var(--drawer-width);width:100dvw;height:100dvh;max-width:none;overflow-x:auto;overscroll-behavior:none;scroll-snap-type:x mandatory;scrollbar-width:none}.site-drawer-scroller.is-positioning{scroll-behavior:auto!important;scroll-snap-type:none}.site-drawer-scroller::-webkit-scrollbar{display:none}.site-drawer-scroller:before{content:"";scroll-snap-align:start}.site-drawer-sheet{display:grid;grid-template-rows:auto auto auto 1fr;gap:10px;width:var(--drawer-width);height:100svh;padding:12px;border-left:1px solid rgba(220,232,230,.9);background:#fffffffa;box-shadow:-18px 0 42px #152d3029;overflow-y:auto;scroll-snap-align:end}.site-drawer-sheet:focus{outline:none}.site-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.site-drawer-head .brand{font-size:1.36rem}.site-drawer .drawer-close{display:inline-flex}.drawer-section,.drawer-section-link{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--muted);font-weight:900}.drawer-section{display:grid}.drawer-section summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;list-style:none;cursor:pointer}.drawer-section summary::-webkit-details-marker{display:none}.drawer-section summary svg{width:18px;height:18px;transition:transform .16s ease}.drawer-section[open] summary svg{transform:rotate(180deg)}.drawer-section-link{display:flex;align-items:center;min-height:44px;padding:0 12px}.drawer-subnav{display:grid;gap:6px;padding:0 8px 8px}.drawer-subnav a{display:flex;align-items:center;min-height:38px;padding:0 10px;border-radius:7px;color:var(--muted);font-size:.92rem;font-weight:850}.drawer-section:hover,.drawer-section:focus-within,.drawer-section.is-active,.drawer-section-link:hover,.drawer-section-link:focus-visible,.drawer-section-link.is-active{border-color:#0f8b8d52;background:var(--surface-soft);color:var(--teal-deep);outline:none}.drawer-subnav a:hover,.drawer-subnav a:focus-visible,.drawer-subnav a.is-current{background:#fff;color:var(--teal-deep);outline:none}@supports (animation-timeline: scroll()){.site-drawer{timeline-scope:--site-drawer-fade;animation:fade-site-drawer-backdrop linear both;animation-timeline:--site-drawer-fade}.site-drawer-scroller{scroll-timeline:--site-drawer-fade x}@property --drawer-backdrop{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes fade-site-drawer-backdrop{0%{--drawer-backdrop: 0}to{--drawer-backdrop: 1}}}.header-note{justify-self:end;margin:0;color:var(--muted);font-size:.94rem}.section-label{margin:0 0 10px;color:var(--teal-deep);font-size:.96rem;font-weight:850}.primary-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;padding:0 18px;border:1px solid rgba(15,139,141,.28);border-radius:var(--radius);background:var(--teal);color:#fff;font-weight:850;box-shadow:0 12px 28px #0f8b8d2e}.brand-home,.placeholder-page{width:min(100%,1240px);margin:0 auto;padding:clamp(22px,4vw,64px)}.brand-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(22px,4vw,52px);align-items:end;padding:clamp(28px,5vw,72px) 0 clamp(22px,4vw,46px)}.brand-hero.compact{padding-bottom:16px}.brand-hero h1,.placeholder-page h1{margin:0;color:var(--text);font-size:clamp(2.35rem,5vw,5rem);line-height:1.05;letter-spacing:0}.brand-hero p:not(.section-label),.placeholder-page p:not(.section-label){max-width:760px;margin:16px 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8}.brand-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entry-card,.placeholder-page{border:1px solid rgba(220,232,230,.92);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow)}.entry-card{display:grid;gap:14px;min-height:220px;padding:24px}.entry-card span{color:var(--teal-deep);font-weight:900}.entry-card h2{margin:0;font-size:clamp(1.45rem,2vw,2rem)}.entry-card p{margin:0;color:var(--muted);line-height:1.75}.entry-card.is-featured{background:linear-gradient(180deg,#ffffff,var(--surface-soft));border-color:#0f8b8d52}.placeholder-page{margin-top:clamp(24px,5vw,72px);padding:clamp(28px,5vw,64px)}.education-tool{width:min(100%,1920px);margin:0 auto;padding:clamp(10px,1.6vw,20px)}.tool-body{position:relative;min-height:calc(100vh - 78px)}.drawing-dock{position:absolute;z-index:24;top:12px;right:12px;display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;max-width:min(760px,calc(100% - 32px))}.drawing-toggle{order:2;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:1px solid rgba(220,232,230,.96);border-radius:var(--radius);background:#fffffff5;color:var(--teal-deep);box-shadow:0 18px 36px #152d3024;backdrop-filter:blur(16px)}.drawing-toggle svg{width:29px;height:28px}.education-tool.is-drawing-open .drawing-toggle{background:var(--teal);color:#fff}.stage-toolbar{order:1;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:44px;max-height:44px;padding:5px 6px;border:1px solid rgba(220,232,230,.96);border-radius:var(--radius);background:#fffffff0;box-shadow:0 18px 36px #152d3024;backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}.stage-toolbar::-webkit-scrollbar{display:none}.swatches,.stroke-control{display:inline-flex;align-items:center;gap:6px}.icon-tool{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:.88rem;font-weight:850}.icon-tool.is-active{border-color:#0f8b8d52;background:var(--teal);color:#fff}.swatch{width:28px;height:28px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.swatch[data-color="#0f8b8d"]{background:var(--teal)}.swatch[data-color="#f4a949"]{background:var(--amber)}.swatch[data-color="#e05252"]{background:var(--red)}.swatch[data-color="#2d7dd2"]{background:var(--blue)}.swatch.is-active{box-shadow:0 0 0 3px #0f8b8d3d,0 0 0 1px var(--line)}.stroke-control{color:var(--muted);font-size:.86rem;font-weight:850}.stroke-control input{width:92px;accent-color:var(--teal)}.clear-drawing{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--teal-deep);font-size:.9rem;font-weight:850;white-space:nowrap}.clear-drawing{padding:0 12px}.tool-workspace{display:grid;grid-template-columns:196px minmax(0,1fr);gap:12px;align-items:stretch;min-height:calc(100vh - 84px)}.tool-topic-rail,.tool-stage,.step-rail,.comparison-step{min-width:0;border:1px solid rgba(220,232,230,.92);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow)}.tool-topic-rail{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px}.tool-rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-rail-head p{margin:0;color:var(--teal-deep);font-size:.9rem;font-weight:850}.clear-compare{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--teal-deep);font-size:.78rem;font-weight:900;white-space:nowrap}.clear-compare:disabled{opacity:.45;cursor:not-allowed}.topic-sheet-toggle,.topic-sheet-close,.topic-sheet-backdrop{display:none}.topic-sheet-close svg{width:20px;height:20px}.tool-topic-list{display:grid;align-content:start;gap:10px;overflow:auto;padding:2px 3px 2px 0}.tool-topic-group{display:grid;gap:5px}.tool-topic-group+.tool-topic-group{padding-top:8px;border-top:1px solid var(--line)}.tool-topic-group-title{display:flex;align-items:center;gap:6px;min-height:32px;margin:0;color:var(--teal-deep);cursor:pointer;font-size:.9rem;font-weight:900;letter-spacing:0;line-height:1.2;list-style:none}.tool-topic-group-title::-webkit-details-marker{display:none}.tool-topic-group-title:before{flex:0 0 10px;width:10px;height:10px;background-color:currentColor;content:"";transform:translateY(0) rotate(0);transform-origin:center;-webkit-mask-image:var(--topic-disclosure-closed-mask);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--topic-disclosure-closed-mask);mask-position:center;mask-repeat:no-repeat;mask-size:contain}.tool-topic-group[open] .tool-topic-group-title:before{transform:translateY(0) rotate(90deg)}.tool-topic-group-title span:first-child{flex:1 1 auto;min-width:0}.tool-topic-group-title span:last-child{color:var(--muted);font-size:.9rem;font-weight:850;line-height:1.2}.tool-topic-group-items{display:grid;gap:4px}.tool-topic-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-height:54px;border:1px solid transparent;border-radius:var(--radius)}.topic-check{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;min-height:42px}.topic-check input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap}.topic-check span{width:24px;height:24px;border:1px solid rgba(16,33,41,.28);border-radius:50%;background:#fff center / 0 0 no-repeat}.topic-check input:checked+span{border-color:transparent;background-color:transparent;background-image:var(--topic-check-checked-icon);background-size:24px 24px}.topic-check input:focus-visible+span{outline:2px solid rgba(15,139,141,.4);outline-offset:2px}.tool-topic-button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:52px;padding:4px 6px 4px 0;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left}.tool-topic-button img{width:42px;height:34px;object-fit:contain}.tool-topic-button span{font-size:.88rem;font-weight:850;line-height:1.35}.tool-topic-row:hover,.tool-topic-row:focus-within,.tool-topic-row.is-active,.tool-topic-row.is-selected{border-color:#0f8b8d47;background:var(--surface-soft);color:var(--teal-deep)}.tool-topic-button:focus-visible{outline:none}.tool-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:calc(100vh - 84px);padding:clamp(14px,2vw,24px);overflow:hidden}.stage-title-row{position:relative;z-index:2;min-height:64px;padding-right:min(520px,42vw)}.stage-title-row h1{margin:0;font-size:clamp(2.2rem,4.2vw,5rem);line-height:1.02;letter-spacing:0}.annotated-panel{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0}.annotated-panel img{object-fit:contain;filter:drop-shadow(0 22px 34px rgba(26,54,58,.12))}.annotated-panel canvas{position:absolute;z-index:4;pointer-events:none;touch-action:none}.education-tool.is-drawing-open .annotated-panel canvas{pointer-events:auto}.anatomy-panel{min-height:calc(100vh - 230px);padding:clamp(6px,1.8vw,26px)}.anatomy-panel img{width:100%;height:100%;max-height:min(78vh,900px)}.anatomy-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-content:start;gap:12px;width:100%;min-width:0;min-height:0;padding-top:8px;overflow:auto}@media(min-width:901px){.anatomy-compare-grid:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.tool-stage:has(.anatomy-compare-grid:not([hidden])){grid-template-rows:auto minmax(0,1fr) auto}.tool-stage:has(.anatomy-compare-grid:not([hidden])) .stage-title-row{min-height:52px}.tool-stage:has(.anatomy-compare-grid:not([hidden])) .stage-title-row h1{font-size:clamp(2rem,3.2vw,4.2rem)}.anatomy-compare-grid:not([hidden]) .compare-card{height:clamp(300px,calc((100vh - 208px)/2),520px);min-height:0}.anatomy-compare-grid:not([hidden]) .compare-card img{max-height:none}}.compare-card{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:min(520px,calc(100vh - 240px));padding:10px;border:1px solid rgba(220,232,230,.82);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbfdfd)}.compare-card figcaption{color:var(--teal-deep);font-weight:900}.compare-card img{width:100%;height:100%;max-height:min(62vh,680px)}.compare-pager,.mobile-carousel-controls{display:none}.cataract-workspace{display:grid;grid-template-columns:196px minmax(0,1fr);gap:12px;min-height:calc(100vh - 84px)}.cataract-workspace[hidden],.procedure-switch{display:none}.step-rail{position:sticky;top:62px;display:grid;grid-template-rows:auto 1fr;gap:12px;align-self:start;max-height:calc(100vh - 84px);padding:14px 10px;overflow:auto}.step-rail p{margin:0;color:var(--teal-deep);font-size:.88rem;font-weight:900}.step-rail div{display:grid;align-content:start;gap:8px}.step-rail-button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--muted);font-weight:900;text-align:left}.step-rail-button span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--surface-soft);color:var(--teal-deep);font-size:.86rem}.step-rail-button strong{min-width:0;font-size:.88rem;line-height:1.25}.step-rail-button.is-active{border-color:#0f8b8d52;background:var(--surface-soft);color:var(--teal-deep)}.step-rail-button.is-active span{background:var(--teal);color:#fff}.comparison-scroll{min-width:0;max-height:calc(100vh - 84px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(15,139,141,.45) transparent}.comparison-step{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;margin-bottom:12px;padding:clamp(12px,1.5vw,18px);scroll-margin-top:12px}.comparison-step-head{display:flex;align-items:center;gap:12px;min-height:42px}.comparison-step-number{flex:0 0 auto;color:var(--teal-deep);font-size:.92rem;font-weight:950}.comparison-step-title-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.comparison-step-head h1{margin:0;font-size:clamp(1.45rem,2.3vw,2.6rem);line-height:1;letter-spacing:0}.shared-step-badge{display:inline-flex;align-items:center;min-height:24px;margin:0;padding:3px 8px;border:1px solid rgba(15,139,141,.2);border-radius:var(--radius);background:var(--surface-soft);color:var(--teal-deep);font-size:.78rem;font-weight:900;line-height:1;white-space:nowrap}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.comparison-grid.is-shared{grid-template-columns:minmax(0,1fr)}.shared-column{grid-template-rows:minmax(0,1fr) auto;width:min(100%,1120px);justify-self:center}.procedure-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0}.procedure-column header{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-bottom:1px solid var(--line)}.procedure-column h2{margin:0;color:var(--teal-deep);font-size:clamp(1rem,1.2vw,1.24rem)}.procedure-column>p{margin:0;color:var(--muted);font-size:.95rem;font-weight:850;line-height:1.45}.comparison-panel{height:clamp(340px,48vh,560px);min-height:0;padding:10px;border:1px solid rgba(220,232,230,.82);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbfdfd)}.comparison-panel img{width:100%;height:100%;max-height:none}.shared-column .comparison-panel{height:min(58vh,640px)}.comparison-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:360px;border:1px dashed rgba(15,139,141,.28);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);text-align:center}.comparison-empty span{color:var(--teal-deep);font-size:.86rem;font-weight:900}.comparison-empty strong{max-width:16rem;font-size:1.1rem;line-height:1.45}.empty-state{align-self:center;justify-self:center;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.image-zoom-viewer{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#08191ceb;color:#fff}.image-zoom-viewer[hidden]{display:none}.zoom-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.zoom-viewer-header h2{margin:0;overflow:hidden;font-size:1rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.zoom-close{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:#ffffff1f;color:#fff}.zoom-close svg{width:20px;height:20px}.zoom-viewport{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border-radius:var(--radius);background:#ffffff0f;touch-action:none}.zoom-viewport img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;will-change:transform}@media(max-width:1100px){.site-header{grid-template-columns:minmax(0,1fr) auto}.header-note{display:none}.brand-hero{grid-template-columns:1fr;align-items:start}.tool-body{display:grid;gap:10px}.drawing-dock{top:10px;right:10px;max-width:calc(100% - 20px)}.stage-toolbar{max-width:calc(100vw - 84px)}.tool-workspace{grid-template-columns:minmax(0,1fr)}.tool-topic-rail{order:2}.tool-stage{order:1}.stage-title-row,.comparison-step-head{padding-right:0}.cataract-workspace{grid-template-columns:168px minmax(0,1fr)}.comparison-step,.comparison-scroll,.cataract-workspace,.tool-workspace,.tool-stage{min-height:0}}@media(max-width:780px){html,body,.page-shell{overflow-x:clip}.site-header{position:sticky;grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding:8px 14px;z-index:70}.site-nav{display:none}.brand-home,.placeholder-page,.education-tool{padding:10px}.education-tool{--mobile-anatomy-rail-height: 64px;--mobile-carousel-controls-height: 58px;--mobile-cataract-controls-height: 64px}.brand-entry-grid{grid-template-columns:1fr}.brand-hero h1,.placeholder-page h1{font-size:clamp(2rem,10vw,3rem)}.tool-workspace{align-items:start;align-content:start;gap:8px}.education-tool[data-active-module=anatomy] .tool-workspace{min-height:calc(100svh - 56px - 20px - var(--mobile-anatomy-rail-height));padding-bottom:calc(var(--mobile-anatomy-rail-height) + 14px + env(safe-area-inset-bottom))}.tool-stage{align-self:stretch;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:6px;padding:8px}.education-tool[data-active-module=anatomy] .tool-stage{height:calc(100svh - 56px - 24px - var(--mobile-anatomy-rail-height));min-height:0}.tool-stage:has(.anatomy-compare-grid:not([hidden])){grid-template-rows:auto minmax(0,1fr) auto}.stage-title-row{min-height:30px}.stage-title-row h1{font-size:clamp(1.35rem,6.8vw,2.15rem);line-height:1.06}.drawing-dock{position:fixed;z-index:62;top:var(--drawing-dock-y, calc(66px + env(safe-area-inset-top)) );right:auto;bottom:auto;left:var(--drawing-dock-x, calc(100vw - 60px - env(safe-area-inset-right)) );display:block;width:48px;height:48px;max-width:none;touch-action:none}.topic-sheet-backdrop:not([hidden]){position:fixed;inset:0;z-index:80;display:block;width:auto;min-height:0;padding:0;border:0;background:#08191c52}.education-tool.is-topic-sheet-open .drawing-dock{opacity:0;pointer-events:none}.drawing-toggle{width:48px;height:48px;min-height:48px;border-radius:999px;cursor:grab;touch-action:none}.drawing-dock.is-dragging .drawing-toggle{cursor:grabbing;box-shadow:0 20px 42px #152d3033}.stage-toolbar{position:absolute;top:var(--drawing-toolbar-y, 0);right:calc(100% + 8px);bottom:auto;left:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"swatches clear" "stroke stroke";gap:7px;width:min(232px,calc(100vw - 24px));min-height:0;max-height:none;max-width:none;padding:7px;overflow:hidden}.drawing-dock[data-dock-side=left] .stage-toolbar{right:auto;left:calc(100% + 8px)}.drawing-dock[data-dock-side=right] .stage-toolbar{right:calc(100% + 8px);left:auto}.swatches{grid-area:swatches;flex-wrap:nowrap;justify-content:flex-start;gap:5px}.swatch{width:25px;height:25px}.annotated-panel img{cursor:zoom-in}.anatomy-panel{align-self:stretch;display:grid;place-items:center;height:100%;min-height:0;padding:2px}.anatomy-panel img{width:auto;height:auto;max-width:100%;max-height:100%;object-position:center center}.stroke-control{grid-area:stroke;width:100%;min-width:0;flex:0 0 auto;justify-content:stretch;gap:6px;font-size:.78rem}.stroke-control span{flex:0 0 auto}.stroke-control input{width:100%;min-width:0}.clear-drawing{grid-area:clear;min-height:32px;padding:0 9px;font-size:.8rem}.tool-topic-list{display:none;align-items:start;gap:8px;width:100%;max-width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 4px 0;scrollbar-width:thin;scrollbar-color:rgba(15,139,141,.45) transparent}.tool-topic-group{display:grid;gap:6px;min-width:0}.tool-topic-group+.tool-topic-group{padding-top:8px;border-top:1px solid var(--line)}.tool-topic-group-title{min-height:34px;margin:0;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--teal-deep);font-size:.9rem;white-space:nowrap}.tool-topic-group-items{display:grid;gap:6px;max-width:100%;padding-bottom:2px}.tool-topic-list::-webkit-scrollbar{width:6px}.tool-topic-rail{align-self:start;grid-template-rows:auto;align-content:start;gap:6px;overflow:hidden;padding:6px}.tool-rail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.tool-rail-head p{display:none}.topic-sheet-toggle{display:grid;justify-items:start;min-width:0;min-height:50px;padding:6px 10px;border:1px solid rgba(15,139,141,.2);border-radius:var(--radius);background:#fff;color:var(--teal-deep);text-align:left}.topic-sheet-toggle span{color:var(--muted);font-size:.72rem;font-weight:900;line-height:1.1}.topic-sheet-toggle strong{max-width:100%;overflow:hidden;font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.topic-sheet-close{align-items:center;justify-content:center;width:40px;min-height:40px;border:1px solid rgba(15,139,141,.22);border-radius:var(--radius);background:#fff;color:var(--teal-deep)}.clear-compare{min-height:50px}.education-tool[data-active-module=anatomy] .tool-topic-rail{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:23;width:min(520px,calc(100vw - 20px));max-height:var(--mobile-anatomy-rail-height);margin:0 auto}.education-tool[data-active-module=anatomy] .tool-topic-rail.is-sheet-open{z-index:81;grid-template-rows:auto minmax(0,1fr);height:min(72svh,560px);max-height:min(72svh,560px);padding:10px}.tool-topic-rail.is-sheet-open .tool-rail-head{grid-template-columns:minmax(0,1fr) 40px auto}.tool-topic-rail.is-sheet-open .tool-rail-head p{display:block}.tool-topic-rail.is-sheet-open .topic-sheet-toggle{display:none}.tool-topic-rail.is-sheet-open .topic-sheet-close,.tool-topic-rail.is-sheet-open .tool-topic-list{display:grid}.tool-topic-row{grid-template-columns:30px minmax(0,1fr);justify-items:stretch;min-height:50px;padding:4px 6px;text-align:left}.topic-check{width:30px;min-height:34px}.topic-check span{width:24px;height:24px}.tool-topic-button{grid-template-columns:42px minmax(0,1fr);justify-items:start;gap:8px;min-height:44px;padding:4px 6px 4px 0;text-align:left}.tool-topic-button img{display:block}.tool-topic-button span{font-size:.78rem;line-height:1.2}.anatomy-compare-grid{display:flex;align-self:stretch;grid-template-columns:none;gap:8px;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-padding:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.anatomy-compare-grid::-webkit-scrollbar{display:none}.compare-card{grid-template-rows:minmax(0,1fr);place-items:center;flex:0 0 100%;width:100%;height:100%;min-height:0;padding:2px;scroll-snap-align:center}.compare-card figcaption{display:none}.compare-card img{width:auto;height:auto;max-width:100%;max-height:100%;object-position:center center}.mobile-carousel-controls{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:6px;border:1px solid rgba(220,232,230,.9);border-radius:var(--radius);background:#fffffff0;box-shadow:0 18px 36px #152d3024;backdrop-filter:blur(16px)}.mobile-carousel-controls:not([hidden]){display:grid}.anatomy-carousel-controls:not([hidden]){align-self:stretch;width:100%}.carousel-dots:not([hidden]){display:flex;justify-content:center;gap:7px}.carousel-dots button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent}.carousel-dots button:before{content:"";width:9px;height:9px;border-radius:999px;background:#0f8b8d3d}.carousel-dots button.is-active:before{width:22px;background:var(--teal)}.cataract-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:8px;min-height:calc(100svh - 76px);max-height:calc(100svh - 76px);padding-bottom:calc(var(--mobile-cataract-controls-height) + 12px + env(safe-area-inset-bottom))}.step-rail{display:none}.procedure-switch{position:sticky;top:60px;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:1px solid rgba(220,232,230,.92);border-radius:var(--radius);background:#fffffff5;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.procedure-switch button{min-width:0;min-height:38px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:1rem;font-weight:900}.procedure-switch button.is-active{border-color:#0f8b8d52;background:var(--teal);color:#fff}.comparison-scroll{display:flex;align-self:stretch;align-items:stretch;gap:12px;min-height:0;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-padding:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.comparison-scroll::-webkit-scrollbar{display:none}.comparison-step{grid-template-rows:auto minmax(0,1fr);align-content:stretch;flex:0 0 100%;width:100%;height:100%;min-height:0;margin-bottom:0;padding:8px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}.comparison-step-head{display:flex;align-items:center;gap:8px;min-height:0}.comparison-step-title-line{gap:6px}.comparison-step-head h1{font-size:clamp(1.3rem,6.4vw,2rem);line-height:1.12}.shared-step-badge{min-height:22px;padding:3px 7px;font-size:.74rem}.comparison-grid{grid-template-columns:1fr;align-items:stretch;height:100%;min-height:0}.cataract-workspace[data-procedure-mode=phaco] .procedure-column[data-procedure=flacs],.cataract-workspace[data-procedure-mode=flacs] .procedure-column[data-procedure=phaco]{display:none}.procedure-column{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;height:100%;min-height:0;gap:6px}.shared-column{grid-template-rows:minmax(0,1fr) auto}.procedure-column header{min-height:30px}.procedure-column h2{font-size:.98rem}.comparison-panel{height:100%;min-height:0;padding:4px}.comparison-panel img{width:100%;height:100%;max-height:none}.comparison-empty{min-height:160px}.cataract-carousel-controls{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:23;width:min(420px,calc(100vw - 20px));margin:0 auto}.carousel-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;min-height:40px;border:1px solid rgba(15,139,141,.22);border-radius:var(--radius);background:#fff;color:var(--teal-deep)}.carousel-arrow:disabled{opacity:.42;cursor:not-allowed}.carousel-arrow svg{width:20px;height:20px}}@media(prefers-reduced-motion:no-preference){.site-drawer-scroller{scroll-behavior:smooth}.nav-link,.nav-dropdown summary,.nav-submenu a,.drawer-section,.drawer-section-link,.drawer-subnav a,.menu-button,.carousel-arrow,.tool-topic-row,.tool-topic-group-title,.primary-link,.drawing-toggle,.clear-compare,.step-rail-button,.procedure-switch button,.carousel-dots button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.primary-link:hover,.tool-topic-row:hover,.clear-compare:not(:disabled):hover{transform:translateY(-1px)}}