.deepzoom-app{--dz-0:oklch(64% .19 264);--dz-1:oklch(62% .2 288);--dz-2:oklch(60% .24 316);--dz-3:oklch(62% .2 355);--dz-4:oklch(65% .19 40);--dz-5:oklch(72% .17 82);--dz-6:oklch(74% .18 128);--dz-7:oklch(70% .16 158);--dz-8:oklch(68% .13 192);--dz-9:oklch(66% .15 222);--dz-move:.56s;--dz-ease:cubic-bezier(.22, 1, .36, 1);background:var(--surface-deep);height:100dvh;color:var(--text-primary);font-family:var(--font);flex-direction:column;display:flex;overflow:clip}:root[data-theme=light] .deepzoom-app{--dz-0:oklch(52% .2 264);--dz-1:oklch(50% .22 290);--dz-2:oklch(49% .26 318);--dz-3:oklch(52% .23 358);--dz-4:oklch(55% .2 42);--dz-5:oklch(58% .17 78);--dz-6:oklch(56% .18 132);--dz-7:oklch(52% .16 160);--dz-8:oklch(52% .13 196);--dz-9:oklch(52% .16 226)}.dz-topbar{border-bottom:1px solid var(--grid-line);background:color-mix(in oklab, var(--surface-default) 72%, transparent);height:56px;-webkit-backdrop-filter:var(--glass-blur-faint);backdrop-filter:var(--glass-blur-faint);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 clamp(14px,2.4vw,26px);display:flex;position:sticky;top:0}.dz-topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.dz-back-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-glass);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:color var(--m-fast), border-color var(--m-fast), background var(--m-fast);flex-shrink:0;place-items:center;display:grid}.dz-back-btn svg{width:16px;height:16px}.dz-back-btn:hover{color:var(--text-primary);border-color:var(--line-strong);background:var(--surface-glass-strong)}.dz-wordmark{font-weight:700;font-size:var(--fs-md);letter-spacing:-.02em;color:var(--text-primary);flex-direction:column;flex-shrink:0;gap:2px;line-height:1;display:flex}.dz-wordmark-sub{font-weight:600;font-size:var(--fs-2xs);letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint)}.dz-query{border-left:1px solid var(--line);min-width:0;font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;padding-left:14px;overflow:hidden}.dz-query:before{content:"“";color:var(--text-faint)}.dz-query:after{content:"”";color:var(--text-faint)}.dz-topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.dz-course-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-glass);height:34px;color:var(--text-secondary);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:color var(--m-fast), border-color var(--m-fast), background var(--m-fast);align-items:center;gap:7px;padding:0 14px;font-weight:600;display:flex}.dz-course-btn svg{flex-shrink:0;width:15px;height:15px}.dz-course-btn:hover{color:var(--text-primary);border-color:var(--line-strong);background:var(--surface-glass-strong)}.dz-new-btn{border-radius:var(--r-sm);border:1px solid color-mix(in oklab, var(--presence) 40%, var(--line));background:color-mix(in oklab, var(--presence) 10%, transparent);height:34px;color:var(--presence);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:color var(--m-fast), border-color var(--m-fast), background var(--m-fast);align-items:center;gap:6px;padding:0 13px;font-weight:600;display:flex}.dz-new-btn svg{flex-shrink:0;width:15px;height:15px}.dz-new-btn:hover{border-color:var(--presence);background:color-mix(in oklab, var(--presence) 16%, transparent)}.dz-theme-toggle{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-glass);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:color var(--m-fast), border-color var(--m-fast), background var(--m-fast);flex-shrink:0;place-items:center;display:grid}.dz-theme-toggle svg{width:17px;height:17px}.dz-theme-toggle:hover{color:var(--text-primary);border-color:var(--line-strong);background:var(--surface-glass-strong)}.dz-stage{flex:1;min-height:0;display:flex}.dz-ladder{border-right:1px solid var(--grid-line);background:color-mix(in oklab, var(--surface-default) 45%, transparent);flex-direction:column;flex-shrink:0;gap:14px;width:clamp(232px,23vw,336px);min-height:0;padding:22px 14px 22px 24px;display:flex}.dz-ladder-cap{font-weight:600;font-size:var(--fs-2xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;justify-content:space-between;align-items:baseline;padding-left:32px;padding-right:6px;display:flex}.dz-ladder-count{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text-muted)}.dz-ladder-count-sep{color:var(--text-faint);margin:0 2px}.dz-ladder-track{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;padding-block:2px;display:flex;position:relative;overflow:hidden auto}.dz-ladder-track::-webkit-scrollbar{display:none}.dz-stop{z-index:1;text-align:left;cursor:pointer;min-height:44px;transition:background var(--m-fast);background:0 0;border:none;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:22px 1fr;align-items:center;column-gap:12px;margin:0;padding:6px 10px 6px 0;display:grid;position:relative}.dz-stop:hover{background:color-mix(in oklab, var(--stop-color) 9%, transparent)}.dz-stop:focus-visible{outline:2px solid var(--stop-color);outline-offset:1px}.dz-stop:before{content:"";background:var(--grid-strong);z-index:0;width:2px;height:100%;transition:background var(--m-normal) var(--ease-out);position:absolute;top:-50%;left:10px;transform:translate(-50%)}.dz-stop:first-child:before{display:none}.dz-stop.is-past:before,.dz-stop.is-current:before{background:var(--stop-color)}.dz-stop-node{border:2px solid var(--grid-strong);background:var(--surface-deep);z-index:2;width:9px;height:9px;transition:width var(--m-normal) var(--ease-spring), height var(--m-normal) var(--ease-spring), background var(--m-normal) var(--ease-out), border-color var(--m-normal) var(--ease-out), box-shadow var(--m-normal) var(--ease-out);border-radius:50%;grid-area:1/1/span 2;place-self:center}.dz-stop.is-past .dz-stop-node{border-color:var(--stop-color);background:var(--stop-color)}.dz-stop.is-current .dz-stop-node{border-color:var(--stop-color);background:var(--stop-color);width:15px;height:15px;box-shadow:0 0 0 4px color-mix(in oklab, var(--stop-color) 20%, transparent), 0 0 16px color-mix(in oklab, var(--stop-color) 60%, transparent)}.dz-stop-mult{font-family:var(--mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-muted);transition:color var(--m-normal) var(--ease-out);grid-area:1/2;align-self:end}.dz-stop-label{font-weight:600;font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;transition:color var(--m-normal) var(--ease-out);grid-area:2/2;align-self:start;margin-top:2px;overflow:hidden}.dz-stop.is-past .dz-stop-mult{color:var(--text-secondary)}.dz-stop.is-past .dz-stop-label{color:var(--text-muted)}.dz-stop.is-current .dz-stop-mult{color:var(--stop-color);font-weight:600}.dz-stop.is-current .dz-stop-label{color:var(--text-primary);letter-spacing:.15em}.dz-reading{background-color:color-mix(in oklab, var(--dz-current) 7%, var(--surface-deep));min-width:0;transition:background-color var(--dz-move) var(--dz-ease);flex:1;position:relative;overflow:hidden}.dz-field{pointer-events:none;background:radial-gradient(70% 90% at 78% 32%, color-mix(in oklab, var(--dz-current) 26%, transparent), transparent 62%), radial-gradient(60% 80% at 12% 88%, color-mix(in oklab, var(--dz-current) 12%, transparent), transparent 60%);opacity:.9;transition:background var(--dz-move) var(--dz-ease);position:absolute;inset:0}.dz-field:after{content:"";aspect-ratio:1;background:radial-gradient(circle, transparent 0 46%, color-mix(in oklab, var(--dz-current) 22%, transparent) 46.5% 47.5%, transparent 48%, transparent 0 63%, color-mix(in oklab, var(--dz-current) 14%, transparent) 63.5% 64.3%, transparent 65%);opacity:.6;width:min(52vw,720px);transition:background var(--dz-move) var(--dz-ease);border-radius:50%;position:absolute;top:32%;left:78%;transform:translate(-50%,-50%)}.dz-levels{overscroll-behavior:contain;max-width:1500px;margin-inline:auto;display:grid;position:absolute;inset:0;overflow:hidden auto}.dz-level{transform-origin:32%;grid-area:1/1;place-self:safe center start;width:min(60ch,100%);padding:clamp(28px,5vw,72px)}.dz-level:focus{outline:none}.dz-level.is-current[data-dir=in]{animation:dz-enter-in var(--dz-move) var(--dz-ease) both}.dz-level.is-current[data-dir=out]{animation:dz-enter-out var(--dz-move) var(--dz-ease) both}.dz-level.is-exiting{pointer-events:none;z-index:1}.dz-level.is-exiting[data-dir=in]{animation:dz-exit-in var(--dz-move) var(--dz-ease) both}.dz-level.is-exiting[data-dir=out]{animation:dz-exit-out var(--dz-move) var(--dz-ease) both}@keyframes dz-enter-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes dz-exit-in{0%{opacity:1;transform:none}to{opacity:0;transform:scale(1.14)}}@keyframes dz-enter-out{0%{opacity:0;transform:scale(1.14)}to{opacity:1;transform:none}}@keyframes dz-exit-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.9)}}.dz-scale-eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.dz-scale-mult{font-family:var(--mono);font-size:var(--fs-md);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--dz-current);font-weight:500}.dz-scale-tick{background:color-mix(in oklab, var(--dz-current) 55%, transparent);width:22px;height:1px}.dz-scale-label{font-weight:700;font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--dz-current) 78%, var(--text-primary))}.dz-title{letter-spacing:-.025em;text-wrap:balance;color:var(--text-primary);margin:0 0 16px;font-size:clamp(30px,4.6vw,52px);font-weight:700;line-height:1.04}.dz-body{max-width:46ch;color:var(--text-secondary);margin:0 0 26px;font-size:clamp(15.5px,1.3vw,18px);line-height:1.62}.dz-chips{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.dz-chip{border-radius:var(--r-full);font-size:var(--fs-sm);border:1px solid var(--line);background:var(--surface-glass);color:var(--text-secondary);cursor:pointer;transition:border-color var(--m-fast), background var(--m-fast), color var(--m-fast);align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.dz-chip:hover{border-color:color-mix(in oklab, var(--dz-current) 55%, var(--line));color:var(--text-primary)}.dz-chip:focus-visible{outline:2px solid var(--dz-current);outline-offset:1px}.dz-chip.is-selected{border-color:color-mix(in oklab, var(--dz-current) 70%, transparent);background:color-mix(in oklab, var(--dz-current) 14%, transparent);color:var(--text-primary);font-weight:600}.dz-chip-dot{border:1.5px solid var(--text-muted);width:7px;height:7px;transition:background var(--m-fast), border-color var(--m-fast);border-radius:50%;flex-shrink:0}.dz-chip.is-selected .dz-chip-dot{background:var(--dz-current);border-color:var(--dz-current);box-shadow:0 0 8px color-mix(in oklab, var(--dz-current) 60%, transparent)}.dz-zoom{border-radius:var(--r-full);border:1px solid color-mix(in oklab, var(--dz-current) 40%, var(--line));background:color-mix(in oklab, var(--dz-current) 12%, var(--surface-glass));color:var(--text-primary);font-size:var(--fs-md);cursor:pointer;transition:border-color var(--m-fast), background var(--m-fast), transform var(--m-fast);align-items:center;gap:10px;padding:11px 20px 11px 16px;font-weight:500;display:inline-flex}.dz-zoom strong{color:var(--dz-current);font-weight:700}.dz-zoom:hover{border-color:color-mix(in oklab, var(--dz-current) 70%, transparent);background:color-mix(in oklab, var(--dz-current) 20%, var(--surface-glass));transform:translateY(-1px)}.dz-zoom:focus-visible{outline:2px solid var(--dz-current);outline-offset:2px}.dz-zoom:disabled{cursor:default;border-color:var(--line);background:var(--surface-glass);color:var(--text-secondary)}.dz-zoom:disabled:hover{border-color:var(--line);background:var(--surface-glass);transform:none}.dz-zoom:disabled strong,.dz-zoom:disabled .dz-zoom-glyph{color:var(--text-secondary)}.dz-zoom:disabled .dz-zoom-glyph{background:color-mix(in oklab, var(--text-secondary) 16%, transparent)}.dz-zoom-note{max-width:44ch;font-size:var(--fs-sm);color:var(--text-muted);margin:10px 0 0;line-height:1.5}.dz-zoom-glyph{background:color-mix(in oklab, var(--dz-current) 28%, transparent);width:22px;height:22px;color:var(--dz-current);border-radius:50%;place-items:center;display:grid}.dz-zoom-glyph svg{width:13px;height:13px}.dz-zoom.is-loading{cursor:default;color:var(--text-secondary);border-color:var(--line);background:var(--surface-glass)}.dz-zoom-spinner{border:2px solid color-mix(in oklab, var(--dz-current) 30%, transparent);border-top-color:var(--dz-current);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite dz-spin}.dz-loading-screen{background:var(--surface-deep);flex-direction:column;height:100dvh;display:flex}.dz-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.dz-loading-lens{width:64px;height:64px;position:relative}.dz-loading-lens span{border:2px solid #0000;border-top-color:var(--presence);border-radius:50%;margin:auto;animation:1.1s linear infinite dz-spin;position:absolute;inset:0}.dz-loading-lens span:nth-child(2){border-top-color:var(--insight);animation-duration:.85s;animation-direction:reverse;inset:12px}.dz-loading-lens span:nth-child(3){border-top-color:var(--warning);animation-duration:1.4s;inset:24px}.dz-loading-text{font-size:var(--fs-md);color:var(--text-secondary)}@keyframes dz-spin{to{transform:rotate(360deg)}}.dz-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.dz-error-title{font-size:var(--fs-lg);color:var(--text-primary);font-weight:700}.dz-error-body{max-width:46ch;font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.dz-error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dz-error-alt{border-radius:var(--r-full);border:1px solid var(--line);color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;background:0 0;padding:9px 16px}.dz-error-alt:hover{border-color:var(--line-strong);color:var(--text-primary)}.dz-start{overscroll-behavior:contain;background:radial-gradient(80% 60% at 80% 0%, color-mix(in oklab, var(--presence) 12%, transparent), transparent 60%), var(--surface-deep);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.dz-start-body{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:0;max-width:920px;margin-inline:auto;padding:clamp(32px,7vw,96px) clamp(24px,6vw,72px);display:flex}.dz-start-eyebrow{font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-muted);align-items:center;gap:10px;margin:0 0 20px;display:inline-flex}.dz-start-eyebrow-dot{background:var(--presence);width:8px;height:8px;box-shadow:0 0 10px var(--glow-presence);border-radius:50%}.dz-start-title{letter-spacing:-.03em;text-wrap:balance;color:var(--text-primary);margin:0 0 22px;font-size:clamp(34px,6vw,68px);font-weight:700;line-height:1.03}.dz-start-sub{max-width:52ch;color:var(--text-secondary);margin:0 0 40px;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.dz-start-carry{font-size:var(--fs-md);color:var(--presence);margin:0 0 14px}.dz-start-form{width:min(640px,100%);margin-bottom:26px}.dz-start-body>.feature-use-notice{width:min(640px,100%);margin:-18px 0 20px}.dz-start-composer{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-elevated);box-shadow:var(--shadow-floating);align-items:center;gap:12px;padding:8px 8px 8px 20px;display:flex}.dz-start-composer:focus-within{border-color:color-mix(in oklab, var(--presence) 55%, var(--line))}.dz-start-composer-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.dz-start-input{min-width:0;font:var(--fs-lg) var(--font);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.dz-start-input::placeholder{color:var(--text-muted)}.dz-start-btn{border-radius:var(--r-md);background:linear-gradient(120deg, var(--presence-deep), var(--presence));color:var(--text-on-accent,#fff);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;transition:opacity var(--m-fast), transform var(--m-fast);border:none;flex-shrink:0;padding:11px 22px;font-weight:600}[data-theme=dark] .dz-start-btn{background:linear-gradient(120deg, var(--presence), var(--presence-soft))}.dz-start-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dz-start-btn:disabled{opacity:.4;cursor:default}.dz-start-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;display:flex}.dz-start-chip{border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-glass);min-height:44px;color:var(--text-secondary);font:var(--fs-sm) var(--font);cursor:pointer;transition:background var(--m-fast), color var(--m-fast), border-color var(--m-fast);padding:8px 15px}.dz-start-chip:hover{background:color-mix(in oklab, var(--presence) 12%, var(--surface-glass));color:var(--text-primary);border-color:color-mix(in oklab, var(--presence) 45%, var(--line))}@media (width<=1200px){.dz-ladder{width:clamp(196px,26vw,248px);padding:20px 10px 20px 18px}.dz-level{width:min(56ch,100%)}}@media (width<=768px){.dz-stage{flex-direction:column}.dz-ladder{border-right:none;border-bottom:1px solid var(--grid-line);flex-direction:column;gap:8px;width:auto;padding:12px 14px 10px}.dz-ladder-cap{padding-left:2px}.dz-ladder-track{flex-direction:row;align-items:stretch;gap:0;padding:6px 2px 4px;overflow:auto hidden}.dz-stop{grid-template-rows:16px auto;grid-template-columns:1fr;justify-items:center;row-gap:4px;min-width:52px;min-height:0;padding:2px 4px}.dz-stop:before{width:100%;height:2px;top:8px;left:-50%;transform:translateY(-50%)}.dz-stop-node{grid-area:1/1;align-self:center}.dz-stop-mult{font-size:var(--fs-xs);grid-area:2/1;align-self:center}.dz-stop-label{display:none}.dz-reading{flex:1}.dz-level{transform-origin:50% 42%;place-self:safe center stretch;width:100%;padding:28px 22px}.dz-body{max-width:none}.dz-field:after{width:min(120vw,560px);top:26%;left:50%}.dz-query{display:none}.dz-course-btn,.dz-new-btn{justify-content:center;width:34px;padding:0}.dz-course-btn-label,.dz-new-btn-label{display:none}}@media (width<=430px){.dz-topbar{height:52px}.dz-wordmark-sub{display:none}}@media (prefers-reduced-motion:reduce){.dz-reading,.dz-field,.dz-field:after,.dz-stop:before,.dz-stop-node,.dz-stop-mult,.dz-stop-label{transition:none}.dz-level.is-current,.dz-level.is-exiting{animation:none}.dz-level.is-exiting{display:none}.dz-loading-lens span,.dz-zoom-spinner{animation:none}}@media (pointer:coarse){.dz-chip{min-height:var(--tap-min)}}
