.hort-progress-anchor--page{min-height:min(46vh,380px)}.hort-progress-anchor--inline{min-height:4px}.hort-progress--screen{--hort-progress:0;--hort-progress-runner:160px;--hort-loader-from:inset(45% 30% 45% 30% round 18px);z-index:2147483000;box-sizing:border-box;color:var(--color-accent,#782fe8);background:radial-gradient(120% 90% at 50% 38%,color-mix(in srgb,var(--color-surface,#fff) 96%,transparent),color-mix(in srgb,var(--color-paper,#f2eff8) 97%,transparent) 70%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:inset(0);place-items:center;padding:24px 16px;animation:.52s cubic-bezier(.2,.8,.2,1) both hort-loader-open;display:grid;position:fixed;inset:0}.hort-progress-stage{justify-items:center;gap:18px;width:min(100%,560px);animation:.6s cubic-bezier(.2,.8,.2,1) 80ms backwards hort-loader-stage;display:grid}.hort-progress-track{width:100%;height:8px;margin-top:var(--hort-progress-runner);background:color-mix(in srgb,var(--color-accent,#782fe8) 14%,transparent);border-radius:999px;position:relative}.hort-progress-fill{border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent,#782fe8) 50%,var(--color-surface,#fff)),var(--color-accent,#782fe8));transform-origin:0;transform:scaleX(var(--hort-progress));position:absolute;inset:0}.hort-progress-runner{bottom:1px;left:calc(var(--hort-progress) * 100%);color:var(--color-accent,#782fe8);pointer-events:none;line-height:0;display:block;position:absolute;transform:translate(-58%)}.hort-progress[data-reduced-motion=true] .hort-progress-runner{left:100%}.hort-progress-label{color:var(--color-muted,#756986);text-align:center;justify-content:center;align-items:baseline;gap:8px;margin:0;font-size:16px;line-height:1.4;display:flex}.hort-progress-percent{font-variant-numeric:tabular-nums;color:var(--color-accent,#782fe8);font-weight:700}.hort-progress--screen[data-state=finishing]{animation:.62s cubic-bezier(.4,0,.2,1) both hort-loader-close}.hort-progress--screen[data-state=finishing] .hort-progress-stage{animation:.62s both hort-loader-stage-out}@keyframes hort-loader-open{0%{clip-path:var(--hort-loader-from);opacity:.4}to{clip-path:inset(0);opacity:1}}@keyframes hort-loader-stage{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes hort-loader-close{0%,45%{opacity:1}to{opacity:0}}@keyframes hort-loader-stage-out{0%,40%{transform:none}to{transform:translateY(-6px)scale(.98)}}@media (max-width:520px){.hort-progress-stage{width:min(100%,340px)}.hort-progress-label{font-size:15px}}@media (prefers-reduced-motion:reduce){.hort-progress--screen,.hort-progress--screen[data-state=finishing]{animation:.2s both hort-loader-fade}.hort-progress-stage{animation:none}@keyframes hort-loader-fade{0%{opacity:0}to{opacity:1}}}:root[data-theme=dark] .hort-progress--screen{background:radial-gradient(120% 90% at 50% 38%,color-mix(in srgb,var(--color-surface,#1d162a) 96%,transparent),color-mix(in srgb,var(--color-paper,#0c0716) 97%,transparent) 70%)}.hort-progress--screen[data-outcome=failure] .hort-progress-fill{background:var(--color-danger,#b42318)}@property --hort-glow{syntax:"<color>";inherits:true;initial-value:#782fe8}.hort-progress--scoped{--hort-glow:var(--color-accent,#782fe8);--hort-ok:#4f9a68;--hort-ok-ink:#274d33;--hort-fail:#c2453b;--hort-fail-ink:#8a302d;box-sizing:border-box;color:var(--color-ink,#231934);align-items:center;gap:6px 14px;transition:--hort-glow .45s,opacity .26s,transform .3s cubic-bezier(.4,0,.2,1);animation:.28s cubic-bezier(.2,.8,.2,1) backwards hort-scoped-in;display:grid;position:relative}:root[data-theme=dark] .hort-progress--scoped{--hort-ok:#5fb07a;--hort-ok-ink:#bfe6cb;--hort-fail:#d0645a;--hort-fail-ink:#f6c3bc}.hort-progress--scoped[data-state=success]{--hort-glow:var(--hort-ok)}.hort-progress--scoped[data-state=failure]{--hort-glow:var(--hort-fail)}.hort-progress-fold{clip-path:inset(-24px -24px 0);transition:height .34s cubic-bezier(.2,.8,.2,1)}.hort-progress-fold-inner{display:flow-root}.hort-progress--section{border:1px solid color-mix(in srgb,var(--hort-glow) 26%,var(--color-line,#dfd8ea));background:radial-gradient(150px 110px at 40px 120%,color-mix(in srgb,var(--hort-glow) 18%,transparent),transparent 70%),linear-gradient(100deg,color-mix(in srgb,var(--hort-glow) 8%,var(--color-surface,#fff)),var(--color-surface,#fff) 72%);box-shadow:inset 0 1px 0 #ffffffa6,0 10px 24px -20px color-mix(in srgb,var(--hort-glow) 70%,transparent);border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"figure rail""figure says";margin:12px 0;padding:12px 16px 12px 12px}.hort-progress--section:has(>.hort-progress-hint){grid-template-areas:"figure rail""figure says""figure hint"}.hort-progress--section[data-leaving]{opacity:0;transform:translateY(-6px)scale(.985)}.hort-progress--section .hort-progress-figure{isolation:isolate;background:radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--hort-glow) 34%,transparent),color-mix(in srgb,var(--hort-glow) 9%,transparent) 60%,transparent 76%),color-mix(in srgb,var(--hort-glow) 7%,var(--color-surface,#fff));width:56px;height:56px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hort-glow) 32%,transparent),inset 0 -10px 16px -12px color-mix(in srgb,var(--hort-glow) 70%,transparent);border-radius:50%;align-self:center;position:relative;overflow:hidden}.hort-progress--section:after{content:"";pointer-events:none;border-radius:50%;width:56px;height:56px;margin-top:-28px;animation:2.6s cubic-bezier(.2,.6,.3,1) .4s infinite hort-window-ring;position:absolute;top:50%;left:12px}.hort-progress--section:not([data-state=running]):after{animation:none}@keyframes hort-window-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hort-glow) 38%,transparent)}70%,to{box-shadow:0 0 0 12px color-mix(in srgb,var(--hort-glow) 0%,transparent)}}.hort-progress--section:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hort-glow) 80%,transparent) 72%,color-mix(in srgb,var(--hort-glow) 45%,#fff) 94%,transparent) no-repeat;height:2px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--hort-glow) 85%,transparent));pointer-events:none;background-size:38% 100%;border-radius:2px;animation:2.2s cubic-bezier(.5,0,.5,1) infinite hort-edge-light;position:absolute;top:-1px;left:16px;right:16px}.hort-progress--section:not([data-state=running]):before{opacity:0;transition:opacity .2s;animation:none}@keyframes hort-edge-light{0%{background-position:-60% 0}to{background-position:160% 0}}.hort-progress--content{text-align:center;grid-template-areas:"figure""rail""says";align-content:center;justify-items:center;row-gap:10px;min-height:min(46vh,380px);padding:28px 16px}.hort-progress--content:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hort-glow) 75%,transparent) 70%,color-mix(in srgb,var(--hort-glow) 35%,#fff) 92%,transparent) no-repeat;height:2px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--hort-glow) 70%,transparent));background-size:38% 100%;animation:1.9s cubic-bezier(.55,0,.45,1) infinite hort-bar-light;position:absolute;top:0;left:0;right:0}.hort-progress--content:not([data-state=running]):before{background:color-mix(in srgb,var(--hort-glow) 70%,transparent);background-size:100% 100%;transition:background-color .45s;animation:none}@keyframes hort-bar-light{0%{background-position:-70% 0}to{background-position:170% 0}}.hort-progress--content .hort-progress-figure{aspect-ratio:3/2;isolation:isolate;background:radial-gradient(64% 54% at 50% 100%,color-mix(in srgb,var(--hort-glow) 30%,transparent),transparent 72%),radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--hort-glow) 10%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--hort-glow) 5%,var(--color-surface,#fff)),color-mix(in srgb,var(--hort-glow) 13%,var(--color-surface,#fff)));width:min(100%,clamp(300px,32vw,420px));height:auto;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hort-glow) 24%,transparent),inset 0 1px 0 #ffffffb3,0 26px 50px -32px color-mix(in srgb,var(--hort-glow) 85%,transparent),0 3px 10px -4px color-mix(in srgb,var(--hort-glow) 28%,transparent);border-radius:24px;transition:transform .34s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.2,.9,.25,1) both hort-window-open;position:relative;overflow:hidden}@keyframes hort-window-open{0%{clip-path:inset(47% 34% round 24px);opacity:.3}40%{opacity:1}to{clip-path:inset(-56px round 24px);opacity:1}}.hort-progress--content .hort-progress-figure:before{content:"";z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--hort-glow) 34%,transparent),transparent);pointer-events:none;border-radius:50%;height:16%;position:absolute;bottom:5%;left:20%;right:20%}.hort-progress--content .hort-progress-figure:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(112deg,#0000 38%,#ffffff57 48%,#ffffff1a 54%,#0000 62%) 120% 0/260% 100% no-repeat;position:absolute;inset:0}.hort-progress--content[data-state=running] .hort-progress-figure:after{animation:4.4s cubic-bezier(.45,0,.35,1) .7s infinite hort-window-sheen}@keyframes hort-window-sheen{0%{opacity:1;background-position:120% 0}38%,to{opacity:1;background-position:-20% 0}}.hort-progress--content[data-state=success] .hort-progress-figure{animation:.8s cubic-bezier(.2,.9,.25,1) both hort-window-open,.5s cubic-bezier(.3,1.5,.5,1) backwards hort-window-done}@keyframes hort-window-done{50%{transform:scale(1.025)}}.hort-progress--content[data-leaving] .hort-progress-figure{transform:scale(1.05)}.hort-progress--app{grid-template-areas:"figure""rail""says";justify-items:center;width:min(100%,420px)}:is(.hort-progress--content:has(>.hort-progress-hint),.hort-progress--app:has(>.hort-progress-hint)){grid-template-areas:"figure""rail""says""hint"}.hort-progress--content[data-leaving],.hort-progress--app[data-leaving]{opacity:0}.hort-progress-app-layer{z-index:2147483000;background:radial-gradient(110% 70% at 50% 0%,color-mix(in srgb,var(--color-accent,#782fe8) 22%,var(--color-surface,#fff)),var(--color-paper,#f2eff8) 72%);place-items:center;padding:24px 16px;transition:opacity .28s;animation:.2s backwards hort-scoped-in;display:grid;position:fixed;inset:0}.hort-progress-app-layer:has(>[data-leaving]){opacity:0}.hort-progress-figure{grid-area:figure;place-items:center;line-height:0;display:grid}.hort-progress--app .hort-progress-figure{width:min(100%,300px);height:200px}.hort-progress-rail{background:color-mix(in srgb,var(--hort-glow) 14%,transparent);border-radius:999px;grid-area:rail;width:100%;height:6px;position:relative;overflow:hidden}.hort-progress--content .hort-progress-rail{width:min(100%,240px);height:4px;margin-top:6px}.hort-progress--app .hort-progress-rail{width:min(100%,320px);height:10px}.hort-progress-rail-fill{border-radius:inherit;transform-origin:0;transform:scaleX(var(--hort-progress,0));background:linear-gradient(90deg,color-mix(in srgb,var(--hort-glow) 55%,#fff),var(--hort-glow));box-shadow:0 0 12px color-mix(in srgb,var(--hort-glow) 60%,transparent);transition:transform .3s;position:absolute;inset:0}.hort-progress--scoped[data-indeterminate=true] .hort-progress-rail-fill{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hort-glow) 75%,transparent) 70%,color-mix(in srgb,var(--hort-glow) 40%,#fff) 96%,transparent);width:36%;animation:1.4s cubic-bezier(.6,0,.4,1) infinite hort-rail-travel;transform:none}.hort-progress--scoped[data-state=success] .hort-progress-rail-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--hort-glow) 55%,#fff),var(--hort-glow));width:100%;animation:.45s cubic-bezier(.2,.8,.2,1) backwards hort-rail-done;transform:none}.hort-progress--scoped[data-state=failure] .hort-progress-rail-fill{width:100%;box-shadow:none;background:repeating-linear-gradient(-45deg,var(--hort-glow) 0 5px,color-mix(in srgb,var(--hort-glow) 45%,transparent) 5px 9px);animation:none;transform:none}.hort-progress--scoped[data-state=cancelled]{opacity:.6}.hort-progress--scoped[data-state=cancelled] .hort-progress-rail-fill{opacity:0;animation:none}@keyframes hort-rail-done{0%{opacity:.6;transform:scaleX(.3)}}.hort-progress-says{letter-spacing:-.01em;color:var(--color-ink,#231934);flex-wrap:wrap;grid-area:says;align-items:baseline;gap:8px;margin:0;font-size:14px;font-weight:600;line-height:1.4;display:flex}.hort-progress--content .hort-progress-says,.hort-progress--app .hort-progress-says{justify-content:center;font-size:16px}.hort-progress--scoped[data-state=success] .hort-progress-says{color:var(--hort-ok-ink)}.hort-progress--scoped[data-state=failure] .hort-progress-says{color:var(--hort-fail-ink)}.hort-progress-mark{color:#fff;background:var(--hort-glow);border-radius:50%;flex:none;align-self:center;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;line-height:1;animation:.36s cubic-bezier(.3,1.6,.5,1) backwards hort-mark-in;display:inline-grid;position:relative}.hort-progress-mark:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.hort-progress--scoped[data-state=success] .hort-progress-mark:after{animation:.7s ease-out .12s both hort-mark-ring}.hort-progress--scoped[data-state=failure] .hort-progress-mark{animation:.36s cubic-bezier(.3,1.6,.5,1) backwards hort-mark-in,.42s .3s hort-mark-shake}.hort-progress--scoped[data-state=cancelled] .hort-progress-mark{color:var(--color-ink,#231934);background:color-mix(in srgb,var(--color-ink,#231934) 14%,transparent)}:root[data-theme=dark] .hort-progress--scoped:is([data-state=success],[data-state=failure]) .hort-progress-mark{color:#160f22}@keyframes hort-mark-in{0%{opacity:0;transform:scale(.4)}}@keyframes hort-mark-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hort-glow) 55%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--hort-glow) 0%,transparent)}}@keyframes hort-mark-shake{20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}.hort-progress-letters span{animation:.48s cubic-bezier(.2,.8,.2,1) backwards hort-letter;animation-delay:calc(var(--i) * 20ms);display:inline-block}.hort-progress--scoped:not([data-state=running]) .hort-progress-letters span{animation-duration:.26s;animation-delay:calc(var(--i) * 10ms)}.hort-progress-letters .hort-progress-ellipsis{animation:.48s cubic-bezier(.2,.8,.2,1) backwards hort-letter,1.6s ease-in-out infinite hort-breathe;animation-delay:calc(var(--i) * 20ms),calc(var(--i) * 20ms + .6s)}@keyframes hort-breathe{50%{opacity:.25}}.hort-progress-hint{color:var(--color-muted,#756986);grid-area:hint;margin:0;font-size:12.5px;line-height:1.4;animation:.5s cubic-bezier(.2,.8,.2,1) backwards hort-hint-in}@keyframes hort-hint-in{0%{opacity:0;transform:translateY(-3px)}}.hort-progress-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes hort-scoped-in{0%{opacity:0;transform:translateY(4px)}}@keyframes hort-rail-travel{0%{transform:translate(-110%)}to{transform:translate(290%)}}@keyframes hort-letter{0%{opacity:0;filter:blur(2px);transform:translateY(5px)}}:root[data-theme=dark] .hort-progress--section{background:radial-gradient(150px 110px at 40px 120%,color-mix(in srgb,var(--hort-glow) 26%,transparent),transparent 70%),linear-gradient(100deg,color-mix(in srgb,var(--hort-glow) 15%,var(--color-surface,#1d162a)),var(--color-surface,#1d162a) 72%);box-shadow:inset 0 1px 0 #ffffff0d,0 12px 28px -20px color-mix(in srgb,var(--hort-glow) 80%,transparent)}:root[data-theme=dark] .hort-progress--section .hort-progress-figure{background:radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--hort-glow) 42%,transparent),color-mix(in srgb,var(--hort-glow) 12%,transparent) 60%,transparent 76%),color-mix(in srgb,var(--hort-glow) 10%,var(--color-surface,#1d162a))}:root[data-theme=dark] .hort-progress--content .hort-progress-figure{background:radial-gradient(64% 54% at 50% 100%,color-mix(in srgb,var(--hort-glow) 40%,transparent),transparent 72%),radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--hort-glow) 14%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--hort-glow) 9%,var(--color-surface,#1d162a)),color-mix(in srgb,var(--hort-glow) 20%,var(--color-surface,#1d162a)));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hort-glow) 36%,transparent),inset 0 1px 0 #ffffff14,0 26px 54px -30px color-mix(in srgb,var(--hort-glow) 90%,transparent),0 3px 10px -4px #00000080}:root[data-theme=dark] .hort-progress--content .hort-progress-figure:after{background-image:linear-gradient(112deg,#0000 38%,#ffffff29 48%,#ffffff0d 54%,#0000 62%)}:root[data-theme=dark] .hort-progress-app-layer{background:radial-gradient(110% 70% at 50% 0%,color-mix(in srgb,var(--color-accent,#9870c8) 26%,var(--color-surface,#1d162a)),var(--color-paper,#0c0716) 72%)}@media (prefers-reduced-motion:reduce){.hort-progress--scoped,.hort-progress-app-layer{transition:none;animation:none}.hort-progress-fold{transition:none}.hort-progress-letters span,.hort-progress-letters .hort-progress-ellipsis,.hort-progress-mark,.hort-progress--scoped[data-state=failure] .hort-progress-mark,.hort-progress-hint,.hort-progress--scoped .hort-progress-mark:after,.hort-progress--section:after{animation:none}.hort-progress--section:before,.hort-progress--content:before{background-position:50% 0;animation:none}.hort-progress--content .hort-progress-figure,.hort-progress--content[data-state=success] .hort-progress-figure,.hort-progress--content[data-state=running] .hort-progress-figure:after{transition:none;animation:none}.hort-progress--content[data-leaving] .hort-progress-figure{transform:none}.hort-progress--scoped[data-indeterminate=true] .hort-progress-rail-fill{opacity:.45;width:100%;animation:none}.hort-progress--scoped[data-state=success] .hort-progress-rail-fill{animation:none}}.hort-toast{z-index:80;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-line));background:var(--color-surface);width:max-content;max-width:min(520px,100vw - 32px);color:var(--color-ink);box-shadow:0 18px 44px -20px color-mix(in srgb,var(--color-accent) 55%,#000);border-radius:18px;align-items:center;gap:12px;padding:10px 8px 10px 12px;font-size:14px;line-height:1.4;animation:.28s cubic-bezier(.2,.8,.2,1) backwards hort-toast-in;display:flex;position:fixed;transform:translate(-50%)}.hort-toast[data-leaving]{animation:.24s both hort-toast-out}.hort-toast-icon{background:var(--color-accent);width:28px;height:28px;color:var(--color-on-accent,#fff);border-radius:50%;flex:none;place-items:center;display:grid}.hort-toast-figure{flex:none;place-items:center;width:36px;height:44px;margin:-6px 0;display:grid}.hort-toast-figure>*{max-width:100%;max-height:100%}.hort-toast-text{overflow-wrap:anywhere;min-width:0}.hort-toast-close{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.hort-toast-close:hover{background:var(--color-accent-soft);color:var(--color-ink)}.hort-toast-close:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 55%,transparent);outline-offset:1px}@media (any-pointer:coarse){.hort-toast-close{position:relative}.hort-toast-close:after{content:"";position:absolute;inset:-6px}}@media (max-width:899px){.hort-toast{bottom:calc(96px + env(safe-area-inset-bottom))}}@keyframes hort-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes hort-toast-out{to{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){@keyframes hort-toast-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@keyframes hort-toast-out{to{opacity:0}}.hort-toast,.hort-toast[data-leaving]{animation-duration:.18s}}.hort-toast-action{flex:none}.hort-disclosure-toggle{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-weight:600;display:flex}.hort-disclosure-toggle>svg{flex:none;transition:transform .2s}.hort-disclosure.is-open>.hort-disclosure-toggle>svg{transform:rotate(180deg)}:where(.hort-disclosure-toggle,.docs-disclosure-toggle,.diary-disclosure-toggle):hover{color:var(--color-accent)}.hort-disclosure-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){.hort-disclosure-toggle>svg{transition:none}}.hort-zoom-pane{overscroll-behavior:contain;cursor:default;min-width:0;display:flex;overflow:auto}.hort-zoom-pane[data-zoomed]{cursor:grab}.hort-zoom-pane[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.hort-zoom-pane:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.hort-zoom-pane>img{object-fit:contain;flex:none;max-width:none;height:auto;margin:auto;transform:none}.hort-zoom .hort-zoom-pane>img{max-width:none;max-height:none;margin:auto}.hort-zoom-pane>.hort-zoom-stage{flex:none;margin:auto;position:relative}.hort-zoom-stage>img{width:100%;max-width:none;height:auto;max-height:none;display:block}.hort-zoom-mark{box-sizing:border-box;border:2px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 16%,transparent);min-width:6px;min-height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 22%,transparent);pointer-events:none;border-radius:3px;position:absolute}.hort-zoom-place{margin-left:auto}.hort-zoom-place+.hort-zoom-fit{margin-left:0}.hort-zoom{border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;min-width:0;display:grid;overflow:hidden}.hort-zoom>.hort-zoom-pane{background:color-mix(in srgb,var(--color-surface) 70%,var(--color-bg,#f4f2f8));height:min(70vh,640px);min-height:260px;padding:14px}.hort-zoom-tools{border-bottom:1px solid var(--color-line);align-items:center;gap:6px;padding:8px 10px;display:flex}.hort-zoom-button{border:1px solid var(--color-line);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border-radius:10px;place-items:center;display:grid}.hort-zoom-button:disabled,.hort-zoom-fit:disabled{opacity:.45;cursor:default}.hort-zoom-button:focus-visible,.hort-zoom-fit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hort-zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:56px;font-size:13px;font-weight:650}.hort-zoom-fit{border:1px solid var(--color-line);background:var(--color-surface);min-height:40px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:10px;margin-left:auto;padding:0 14px;font-size:13px;font-weight:600}.hort-zoom-failed{border:1px dashed var(--color-line);border-radius:14px;justify-items:start;gap:10px;padding:18px;display:grid}.hort-zoom-failed>p{margin:0;font-size:14px;line-height:1.55}@media (max-width:599px){.hort-zoom>.hort-zoom-pane{height:min(62vh,520px);padding:8px}}@media (pointer:coarse){.hort-zoom-button{width:44px;height:44px}}
