:root{--reader-styles-ready:1;color-scheme:dark;--paper:#f4ebd6;--teal:#8bd0cd;--ink:#251d2c}*{box-sizing:border-box}body{margin:0;background:#1e1724;color:var(--paper);font:16px/1.6 system-ui,sans-serif}header{max-width:1220px;margin:auto;padding:24px 28px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:38px;line-height:1.1;margin:6px 0;letter-spacing:-1px}.eyebrow{font:700 11px/1.6 monospace;letter-spacing:2px;margin:0;color:var(--teal)}.review-tag{text-align:right;font-size:14px;line-height:1.4}.review-tag small{color:#bcb0c4}nav{max-width:1220px;margin:auto;padding:12px 28px 22px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.turn-controls,.view-controls{display:flex;align-items:center;gap:10px}button,nav a{font:600 13px/1.4 system-ui;border:1px solid #695670;background:#33253d;border-radius:5px;color:var(--paper);padding:9px 13px;text-decoration:none;cursor:pointer}button:hover,nav a:hover{background:#483453}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{background:#215d61;border-color:var(--teal)}#page-status{font:12px monospace;min-width:100px;text-align:center}main{padding:0 20px 45px}#book-view{max-width:1150px;margin:auto;filter:drop-shadow(0 18px 25px #0007)}#flipbook{margin:auto}.page{background:transparent;overflow:hidden}.page>img{display:block;width:100%;height:100%;object-fit:contain}.zoom{position:absolute;right:10px;bottom:12px;background:#241932dd;font-size:10px;padding:5px 8px;opacity:.55}.page:hover .zoom,.zoom:focus{opacity:1}.video-host{background:#151515;overflow:hidden;isolation:isolate}.book-video{position:absolute;left:5.5294118%;top:27.2727273%;width:88.9411765%;height:38.6363636%}.video-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.video-gate{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#151515;padding:0;display:grid;place-items:center}.video-gate:hover{background:#151515}.video-gate img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.play-icon{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--paper);color:#3f1c50;font-size:26px;box-shadow:0 2px 12px #0008}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.player-error{position:absolute;inset:0;display:grid;align-content:center;text-align:center;padding:20px;font-size:14px;background:#201823;color:var(--paper);z-index:3}.player-error a{color:var(--teal)}.reader-note{margin:25px auto;text-align:center;font-size:13px;color:#c4b6ca}.reader-note a{white-space:nowrap}a{color:var(--teal)}#scroll-view{max-width:850px;margin:auto}.scroll-sheet{margin:0 0 26px;box-shadow:0 10px 20px #0004}.scroll-sheet>img{display:block;width:100%;height:auto}.scroll-feature{padding:42px;background:var(--paper);color:var(--ink);box-shadow:0 10px 20px #0004}.scroll-feature .eyebrow{color:#126770}.scroll-feature h2{font-size:36px;line-height:1.12;color:#3f1c50;margin:12px 0 25px}.scroll-feature h3{font:italic 26px Georgia,serif;margin:0 0 20px}.scroll-feature p{font:18px/1.7 Georgia,serif}.scroll-feature a{color:#0f6771}.scroll-feature .credit{font:12px/1.6 monospace}.scroll-video{position:relative;aspect-ratio:16/9;min-height:200px}.external{font:600 14px system-ui}details{max-width:850px;margin:30px auto 0;border-top:1px solid #5b4765;padding:18px 0}summary{cursor:pointer;font-weight:700}.copy{font:18px/1.75 Georgia,serif;padding:12px 8px}.copy h2{font:700 25px/1.3 system-ui;margin-top:40px}.copy p{margin:0 0 22px}dialog{width:min(1100px,96vw);max-height:96vh;border:0;padding:0;background:var(--paper);overflow:auto}dialog::backdrop{background:#000c}dialog img{display:block;width:100%;height:auto}#close-zoom{position:sticky;top:10px;float:right;margin:10px;z-index:1;background:#241932}body[data-mode=scroll] .turn-controls{display:none}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px 18px 10px}h1{font-size:30px}.review-tag{font-size:12px}.review-tag small{display:none}nav{padding:10px 18px 18px}.view-controls{gap:7px}button,nav a{padding:8px 10px;font-size:12px}main{padding:0 12px 30px}.scroll-feature{padding:26px 20px}.scroll-feature h2{font-size:31px}.reader-note{font-size:12px}#book-view{min-width:0}body[data-mode=book] main{overflow-x:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{body{background:white;color:#251d2c}header,nav,#book-view,.reader-note,#copy-panel,dialog{display:none!important}#scroll-view{display:block!important}.scroll-sheet{break-after:page;box-shadow:none;margin:0}.scroll-feature{break-before:page;box-shadow:none}.video-host iframe{display:none}.scroll-feature a{color:#0f6771}main{padding:0}}

/* V2: physical paper surround only; the player rectangle and controls are untouched. */
.scroll-video{width:100%;max-width:100%;overflow:visible;background:transparent}
.scroll-video::before{content:"";position:absolute;left:-3.2407407%;top:-4.2352941%;width:106.4814815%;height:106.5882353%;background:url('assets/video-paper-surround.png') 0 0/100% 100% no-repeat;pointer-events:none;z-index:-1}

/* Final issue: preserve art proportions and narrow-screen controls. */
.scroll-enlarge{display:block;margin:0 0 22px auto}.scroll-sheet{padding-bottom:1px}.scroll-sheet .scroll-enlarge{margin:10px 10px 10px auto}.view-controls{flex-wrap:wrap}.turn-controls{flex-wrap:wrap}#book-view{overflow:hidden}.scroll-feature{margin-bottom:26px}@media(max-width:380px){header{align-items:flex-start;gap:10px}.review-tag{max-width:110px}.eyebrow{letter-spacing:1px}.turn-controls{gap:6px}#page-status{min-width:85px}}

#flipbook{transition:transform .25s ease}body.cover-closed #flipbook{transform:translateX(-25%)}@media(prefers-reduced-motion:reduce){#flipbook{transition:none}}

.issue-contents{padding:0 0 20px;justify-content:center;gap:8px}.issue-contents a{font-size:12px}.page>.art-link{display:block;width:100%;height:100%}.art-link>img{display:block;width:100%;height:100%;object-fit:contain}.classes-cta{display:block;margin:14px 16px 0;padding:13px;background:#126770;color:#fff9e7;text-decoration:none;font-weight:700;text-align:center}.section-copy{background:#f4ebd6;color:#251d2c;padding:15px 22px;max-width:850px}.closing-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px;background:#f4ebd6;color:#251d2c}.closing-actions button,.closing-actions a{border:1px solid #126770;background:#126770;color:#fff9e7;padding:12px;text-decoration:none;font:600 14px system-ui}.closing-actions p{width:100%;font:14px system-ui}.issue-contents+section{scroll-margin-top:20px}.scroll-sheet,.scroll-feature{scroll-margin-top:20px}

body.back-closed #flipbook{transform:translateX(25%)}.reader-footer{max-width:1150px;margin:25px auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}#newsletter-dialog{padding:25px;max-width:480px;background:#f4ebd6;color:#251d2c}body[data-mode=book] .issue-contents{margin-bottom:5px}

.closing-hit{position:absolute;z-index:3;background:transparent!important;border:0!important;padding:0!important;cursor:pointer}.share-hit{left:6%;top:74%;width:39%;height:18%}.subscribe-hit{left:47%;top:74%;width:47%;height:9%}.classes-hit{left:39%;top:83%;width:43%;height:9%}.closing-hit:hover{box-shadow:inset 0 0 0 2px #fff8}

/* Subtle paper stack; no additional imagery or 3D dependency. */
#book-view{border-radius:2px}.page>img,.page>.art-link>img{filter:drop-shadow(2px 2px 1px #0008)}.page{user-select:none}.page a,.page button,.video-host{user-select:auto}

/* Only the artwork supplies paper color. Preserve every source edge. */
.closing-art{position:relative}.closing-art>img{display:block;width:100%;height:auto}
.page-settled .video-host,.scroll-sheet.page-settled .classes-cta{animation:attention 1.1s ease-out 1}
.page-settled.closing-page .closing-hit,.page-settled .closing-art .closing-hit{animation:attention 1s ease-out 1}
.page-settled .subscribe-hit{animation-delay:.18s!important}.page-settled .classes-hit{animation-delay:.36s!important}
@keyframes attention{0%,100%{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 0 2px #8bd0cd99,0 0 18px #75528770}}
@media(prefers-reduced-motion:reduce){.page-settled *{animation:none!important}}

.zoom{opacity:.9;min-height:32px;min-width:76px}.feature-page .zoom{top:10px;bottom:auto}.page>img{cursor:grab}.page>img:active{cursor:grabbing}
#image-dialog{background:transparent;color:#f4ebd6}#image-dialog h2{font:600 16px system-ui;margin:12px}#close-zoom{float:none;position:sticky;top:10px;display:block;margin:10px 10px 10px auto}
@media(prefers-reduced-motion:no-preference){.page-settled>img,.page-settled>.art-link{animation:paper-arrival .24s ease-out 1}@keyframes paper-arrival{from{translate:0 1px}to{translate:0 0}}}

body[data-mode=single] #book-view{max-width:510px}body[data-mode=single] #flipbook{transform:none}body[data-mode=single] .issue-contents{margin-bottom:5px}

@media(prefers-reduced-motion:no-preference){#image-dialog[open]{animation:reader-zoom .25s ease-out}@keyframes reader-zoom{from{opacity:.5;scale:.97}to{opacity:1;scale:1}}}

.zoom-hint{font-size:12px;text-align:center;color:#c4b6ca;margin:0 auto 14px}body[data-mode=scroll] .zoom-hint{display:none}

/* Quiet reader chrome: artwork owns the screen. */
body{background:#17131c}.reader-toolbar{max-width:none;min-height:64px;padding:10px 24px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;border-bottom:1px solid #ffffff0c;background:#17131cf2;position:relative;z-index:10}.reader-brand{text-decoration:none;justify-self:start;color:#f4ebd6}.reader-brand h1{font:650 15px/1 system-ui;letter-spacing:-.4px;margin:0;white-space:nowrap}.reader-brand span{font:500 11px system-ui;color:#9c919f;letter-spacing:.7px;margin-left:9px}.turn-controls{gap:4px;flex-wrap:nowrap}.reader-toolbar button,.reader-toolbar select,.reader-options summary{height:40px;border:0;background:transparent;border-radius:10px;color:#d6cedb;font:500 12px system-ui;padding:0 12px}.reader-toolbar button:hover,.reader-toolbar select:hover,.reader-options summary:hover{background:#ffffff0b}.turn-controls button{width:40px;padding:0;font:300 31px/1 system-ui}.turn-controls button:disabled{opacity:.22}#page-status{min-width:82px;font:500 12px/1 system-ui;color:#a99eaf;font-variant-numeric:tabular-nums;letter-spacing:.3px}.view-controls{justify-self:end;gap:3px;flex-wrap:nowrap}.reader-toolbar select{background:#ffffff08;cursor:pointer;max-width:115px}.reader-toolbar select option{background:#211b27}.reader-toolbar #fullscreen-mode{font-size:23px;width:40px;padding:0}.reader-options{position:relative;max-width:none;margin:0;border:0;padding:0}.reader-options summary{list-style:none;display:grid;place-items:center;width:40px;padding:0;font-size:14px;letter-spacing:2px;cursor:pointer}.reader-options summary::-webkit-details-marker{display:none}.options-panel{position:absolute;right:0;top:48px;min-width:190px;padding:8px;background:#28222ff5;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 12px 35px #0006;backdrop-filter:blur(18px);display:grid;gap:2px}.options-panel button,.options-panel a{display:block;width:100%;height:auto;min-height:38px;text-align:left;text-decoration:none;color:#ded6e1;border:0;border-radius:8px;background:transparent;padding:10px 12px;font:500 13px system-ui}.options-panel a:hover{background:#ffffff0b}.options-panel small{font:11px/1.6 system-ui;color:#a99eaf;padding:10px 12px 5px;border-top:1px solid #ffffff0c;margin-top:4px}main{padding:16px 20px 24px}#book-view{max-width:1440px;overflow:visible}#flipbook{touch-action:pan-y}#copy-panel:not([open]),.reader-footer{display:none}.reader-hint{position:fixed;z-index:9;bottom:20px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:12px;border:1px solid #ffffff12;border-radius:30px;padding:6px 7px 6px 18px;background:#29232fe8;box-shadow:0 6px 25px #0003;backdrop-filter:blur(12px);color:#c8bdcf;font:12px/1.4 system-ui;white-space:nowrap}.reader-hint button{border:0;background:transparent;padding:0;width:30px;height:30px;border-radius:50%;font:20px system-ui;color:#aa9bb4}.reader-hint button:hover{background:#ffffff0b}.zoom{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:20px;border:1px solid #ffffff20;border-radius:50%;background:#201825be;opacity:.7;display:grid;place-items:center;right:10px;bottom:10px}.page:hover .zoom,.zoom:focus-visible{opacity:1}.feature-page .zoom{top:10px;bottom:auto}#close-zoom{border:1px solid #ffffff20;border-radius:24px;min-height:42px;padding:10px 18px;background:#25202de8;backdrop-filter:blur(12px)}body[data-mode=scroll] .turn-controls{display:flex;visibility:hidden}body[data-mode=scroll] main{padding-top:25px}.scroll-sheet{box-shadow:none}.scroll-enlarge{border-radius:18px;font-size:11px;opacity:.8}
@media(max-width:760px){.reader-toolbar{min-height:60px;padding:8px 10px;gap:3px;grid-template-columns:auto 1fr auto}.reader-brand h1{font-size:11px;letter-spacing:-.2px}.reader-brand span{display:none}.turn-controls{justify-self:center;gap:0}.turn-controls button{width:32px}#page-status{min-width:54px;font-size:10px}.reader-toolbar select{width:85px;max-width:85px;padding:0 5px;font-size:11px}.reader-toolbar #fullscreen-mode{display:none}.reader-options summary{width:30px;padding:0}.view-controls{gap:0}.reader-hint{font-size:11px;gap:4px;padding-left:13px;max-width:calc(100vw - 20px)}main{padding:12px 10px 20px}.options-panel{right:0;min-width:180px}.zoom{height:34px;min-height:34px;width:34px;min-width:34px}}
@media(prefers-reduced-motion:reduce){.reader-hint{backdrop-filter:none}#image-dialog[open]{animation:none!important}}

#image-dialog{overscroll-behavior:contain;touch-action:pan-y}#large-image{touch-action:pan-y}

/* Phone reader: one complete page in the dynamic viewport, native swipe navigation. */
body[data-mobile-reader=true]{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}
body[data-mobile-reader=true] main{padding:0;height:100%;overflow:hidden}
#mobile-view{--mobile-usable-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 106px);position:fixed;inset:0;display:flex;width:100%;height:100vh;height:100dvh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;background:#17131c}
#mobile-view::-webkit-scrollbar{display:none}
.mobile-sheet{flex:0 0 100%;width:100%;height:100%;padding:calc(52px + env(safe-area-inset-top,0px)) 0 calc(54px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.mobile-art{--page-ratio:.772727;position:relative;aspect-ratio:var(--page-ratio);width:min(100%,calc(var(--mobile-usable-height) * var(--page-ratio)));user-select:none}
.mobile-art>img,.mobile-art>.art-link,.mobile-art>.art-link>img{display:block;width:100%;height:100%;object-fit:contain}
.mobile-art .zoom{display:none}
.mobile-art .play-icon{width:44px;height:44px;font-size:20px}
.mobile-cover-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent!important;z-index:2;cursor:pointer}
.mobile-cover-hint{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;color:#b9aebf;font:400 12px/18px system-ui;pointer-events:none}
.mobile-cover-hint-above{bottom:calc(100% + 12px)}
.mobile-cover-hint-below{top:calc(100% + 12px)}
body[data-mobile-reader=true] .reader-toolbar{position:fixed;z-index:30;left:50%;bottom:calc(5px + env(safe-area-inset-bottom,0px));translate:-50% 0;display:flex;gap:0;width:auto;min-height:44px;padding:0 5px;border:1px solid #ffffff18;border-radius:28px;background:#211b29ed}
body[data-mobile-reader=true] .reader-brand,body[data-mobile-reader=true] #view-select,body[data-mobile-reader=true] #fullscreen-mode{display:none}
body[data-mobile-reader=true] .turn-controls{gap:0}
body[data-mobile-reader=true] .turn-controls button,body[data-mobile-reader=true] .reader-options summary{width:44px;height:44px}
body[data-mobile-reader=true] #page-status{min-width:54px;font-size:12px}
body[data-mobile-reader=true] .options-panel{top:auto;bottom:54px;right:-5px}
body[data-mobile-reader=true] .reader-hint,body[data-mobile-reader=true] #copy-panel{display:none}
#mobile-opening{position:fixed;z-index:25;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(52px + env(safe-area-inset-top,0px)) 0 calc(54px + env(safe-area-inset-bottom,0px));background:#17131c;overflow:hidden;pointer-events:none;--mobile-usable-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 106px)}
.mobile-opening-spread{display:flex;flex:none;width:min(100%,calc(var(--mobile-usable-height) * 1.545454));aspect-ratio:1.545454;transform-origin:0 0;will-change:transform;backface-visibility:hidden}
.mobile-opening-spread img{display:block;width:50%;height:100%;object-fit:contain}
body[data-mobile-opening=true] .reader-toolbar{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#mobile-view{scroll-behavior:auto}}

.mobile-page-group{display:flex;align-items:center;width:min(100%,calc(var(--mobile-usable-height) * var(--group-ratio,.772727)))}
.mobile-page-group>.mobile-art{width:calc(100% * var(--page-ratio,.772727) / var(--group-ratio,.772727));flex:none}

/* Native browser pinch/pan owns the gesture while enlarged; never turn a page. */
body[data-mobile-zoomed=true] #mobile-view{overflow-x:hidden;scroll-snap-type:none;touch-action:auto}

#mobile-close{display:none;--reader-safe-top:env(safe-area-inset-top,0px);--reader-safe-right:env(safe-area-inset-right,0px);position:fixed;z-index:60;top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));width:44px;height:44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid #ffffff20;border-radius:50%;background:#29232fd9;color:#f4ebd6;font:300 27px/1 system-ui;text-decoration:none;transform-origin:top left;touch-action:manipulation}
body[data-mobile-reader=true] #mobile-close{display:flex}

/* Lightweight paper turn above native swipe scrolling; no touch-event interception. */
#mobile-paper-turn{position:fixed;inset:0;z-index:24;perspective:1100px;pointer-events:none;overflow:hidden}
.mobile-turn-paper{position:absolute;overflow:hidden;background:transparent;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;box-shadow:10px 2px 24px #0007}
.mobile-turn-paper>img{display:block;width:100%;height:100%;object-fit:contain}
.mobile-turn-paper::after{content:'';position:absolute;inset:0;opacity:var(--fold-light,0);background:linear-gradient(90deg,#0008,transparent 35%,#fff7);pointer-events:none}
#mobile-paper-turn[data-direction=previous] .mobile-turn-paper::after{background:linear-gradient(270deg,#0008,transparent 35%,#fff7)}
@media(prefers-reduced-motion:reduce){#mobile-paper-turn{display:none}}

#mobile-opening{perspective:1100px}
.mobile-opening-cover{z-index:1}

/* Keep the invitation in the letterbox and leave touch input with the browser. */
.mobile-cover-cue{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 15px;border:1px solid #8bd0cd55;border-radius:4px;background:#24202b;color:#f4ebd6;font:600 11px/18px system-ui;letter-spacing:1.5px;text-transform:uppercase;pointer-events:auto;cursor:pointer;z-index:3}
.mobile-cover-cue:hover,.mobile-cover-cue:focus-visible{border-color:#8bd0cd;background:#302838}
.cue-finger{--finger-direction:0deg;display:block;width:21px;height:28px;fill:none;stroke:#f4ebd6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--finger-direction))}
.cue-tap-marks{stroke:#8bd0cd;opacity:.65}
#mobile-view[data-current-page="1"] .mobile-cover-cue{animation:mobile-cover-invitation 2.8s ease-in-out infinite}
@keyframes mobile-cover-invitation{0%,100%{border-color:#8bd0cd55;box-shadow:0 0 0 #8bd0cd00}50%{border-color:#8bd0cdbb;box-shadow:0 0 18px #8bd0cd12}}
#mobile-view[data-current-page="1"] .cue-finger{animation:mobile-finger-tap 2.8s ease-in-out infinite}
@keyframes mobile-finger-tap{0%,65%,100%{transform:rotate(var(--finger-direction)) translateY(0)}28%,40%{transform:rotate(var(--finger-direction)) translateY(3px)}}
@media(orientation:landscape){.cue-finger{--finger-direction:-90deg}}
body[data-mobile-zoomed=true] .mobile-cover-hint,body[data-mobile-turn-state=turning] .mobile-cover-hint{visibility:hidden}
@media(orientation:portrait){
 .mobile-sheet{--mobile-usable-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 194px);padding-top:calc(112px + env(safe-area-inset-top,0px));padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .mobile-cover-sheet{--mobile-usable-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 166px);padding-bottom:calc(54px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){#mobile-view[data-current-page="1"] .mobile-cover-cue,#mobile-view[data-current-page="1"] .cue-finger{animation:none}}

/* Desktop operation cue stays above the artwork; two quiet demonstrations, then still. */
.desktop-turn-guide{display:none}
@media(min-width:761px){
 body[data-mobile-reader=false]:not([data-mode=scroll]) .desktop-turn-guide{display:flex;align-items:center;justify-content:center;gap:9px;height:32px;margin:0 auto 10px;color:#b9aebf;font:500 12px/1.4 Montserrat,system-ui,sans-serif;pointer-events:none}
 body[data-mobile-reader=false] .reader-hint{display:none}
 .drag-demo{flex:none;overflow:visible;fill:none;stroke:var(--teal);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
 .drag-demo-track{opacity:.45;stroke-dasharray:2 4}
 .drag-demo-cursor{fill:var(--paper);stroke:#17131c;stroke-width:1;transform-origin:58px 12px}
 .drag-demo-press{opacity:0}
}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 body[data-mobile-reader=false] .desktop-turn-guide:not([data-used]) .drag-demo-cursor{animation:desktop-cursor-drag 2.4s ease-in-out 2}
 body[data-mobile-reader=false] .desktop-turn-guide:not([data-used]) .drag-demo-press{animation:desktop-cursor-press 2.4s ease-out 2}
 @keyframes desktop-cursor-drag{0%,10%{opacity:0;transform:translateX(0)}20%,26%{opacity:1;transform:translateX(0)}34%{opacity:1;transform:translateX(0) scale(.86)}70%{opacity:1;transform:translateX(-40px) scale(.86)}80%{opacity:1;transform:translateX(-40px)}94%,100%{opacity:0;transform:translateX(-40px)}}
 @keyframes desktop-cursor-press{0%,24%,48%,100%{opacity:0}32%{opacity:.75}42%{opacity:0}}
}
@media print{.desktop-turn-guide{display:none!important}}