/* WorkBuddy presentation: presenter-mode-reveal + image-single, adapted locally. */
:root{--bg:#f7f5ec;--bg-soft:#f0f0e6;--surface:#fffdf7;--surface-2:#e9eddf;--text-1:#173c35;--text-2:#52685e;--text-3:#77877b;--accent:#bb5c35;--accent-ink:#fffaf1;--border:#d5ddcf;--border-strong:#9bac9b;--stage:#101b1a;--chrome:#152320;--chrome-text:#e7ecdf;--chrome-muted:#99aea3;--chrome-border:#35483f;--chrome-hover:#293d34;--radius:14px;--radius-sm:7px;--shadow:0 10px 40px #06141033;--font-sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif;--font-serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;--font-display:var(--font-serif);--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;--ease:cubic-bezier(.2,.7,.2,1)}
html,body{width:100%;height:100%;overflow:hidden;background:var(--stage)}body{display:block;font-family:var(--font-sans);letter-spacing:normal;color:var(--chrome-text)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chrome a{color:var(--chrome-text)}.chrome button,.restore-controls{color:var(--chrome-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);min-width:40px;min-height:40px}.chrome button:hover,.restore-controls:hover{background:var(--chrome-hover);border-color:var(--chrome-border)}.player-top{position:absolute;inset:0 0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--chrome);gap:20px}.brand-link{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;white-space:nowrap}.brand-link:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:27px;height:29px;border:1px solid var(--chrome-muted);border-radius:8px;font:21px Georgia,serif}.brand-link em{font-size:11px;font-weight:400;font-style:normal;margin-left:13px;color:var(--chrome-muted)}.top-actions{display:flex;align-items:center;gap:24px;font-size:11px}.top-actions button{min-width:29px;min-height:29px;border-color:var(--chrome-border);border-radius:50%;font:15px Georgia,serif}.stage{position:absolute;inset:56px 0 82px;overflow:hidden;isolation:isolate}.deck{position:absolute;top:50%;left:50%;width:var(--deck-w,1600px);height:var(--deck-h,900px);transform:translate(-50%,-50%) scale(var(--deck-scale,.5));transform-origin:center;container-type:inline-size;box-shadow:var(--shadow)}.slide{padding:0;display:none;opacity:0;transform:none;transition:opacity .16s var(--ease);background:var(--surface);overflow:hidden}.slide.is-active{display:block;opacity:1;transform:none}.slide-element{position:absolute;line-height:1.25}.slide-text{font-family:var(--font-sans);white-space:pre-wrap;overflow-wrap:normal;letter-spacing:0;overflow:visible;z-index:2}.slide-image{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;aspect-ratio:auto;overflow:hidden}.slide-image.img-frame.contain{border:0;border-radius:0;background:transparent;box-shadow:none}.slide-image img{width:100%;height:100%;object-fit:contain;display:block}.slide-image[data-zoom]{cursor:zoom-in}.slide-image[data-zoom]:focus-visible{outline:4px solid var(--accent);outline-offset:-5px}.slide-video{background:var(--stage);overflow:hidden}.slide-video video{width:100%;height:100%;object-fit:contain}.video-error{position:absolute;bottom:0;left:0;right:0;background:var(--chrome);color:var(--chrome-text);padding:14px 20px;font-size:21px;line-height:1.7}.video-error a{color:var(--chrome-text);text-decoration:underline}.authored-slide{padding:6.4% 7%;display:flex!important;flex-direction:column;justify-content:space-between;color:var(--text-1);background:var(--bg)}.authored-slide:not(.is-active){display:none!important}.authored-slide::after{position:absolute;content:"";right:7%;top:10.5%;width:4.4%;height:1.2%;background:var(--accent);border-radius:20px}.authored-slide .kicker{font-size:1.2cqw;letter-spacing:.16em;color:var(--text-2);margin:0}.cover-middle{margin-top:-1.5%}.cover-wordmark{font:7.6cqw/1.05 Georgia,serif;letter-spacing:-.065em;margin:0 0 2cqw}.cover-title{font-family:var(--font-serif);font-size:4.2cqw;line-height:1.5;font-weight:600;margin:0;letter-spacing:.035em;max-width:94%}.cover-rule{width:6cqw;height:.22cqw;background:var(--accent);margin:2.7cqw 0}.cover-description{font-size:1.35cqw;color:var(--text-2);margin:0}.slide-signature{display:flex;gap:1.5cqw;align-items:center;font-size:1.45cqw;color:var(--text-2)}.slide-signature strong{font-family:var(--font-serif);font-size:2.35cqw;color:var(--text-1);font-weight:600}.signature-divider{width:1px;height:1.7cqw;background:var(--border-strong)}.section-title{font-family:var(--font-serif);font-size:5.1cqw;line-height:1.65;font-weight:600;white-space:pre-line;margin:0;letter-spacing:.02em;max-width:90%}.section-chapter{font:1.4cqw var(--font-mono);letter-spacing:.12em;color:var(--accent);margin:0 0 2.3cqw}.section-footer{font-size:1.2cqw;color:var(--text-2);display:flex;justify-content:space-between}.closing-title{font-family:var(--font-serif);font-size:5cqw;line-height:1.6;letter-spacing:.03em;margin:0 0 2.2cqw;font-weight:600}.closing-description{font-size:1.75cqw;color:var(--text-2);line-height:1.9}.resource-title{font-family:var(--font-serif);font-size:4.5cqw;line-height:1.5;margin:0 0 2cqw}.resource-description{font-size:1.8cqw;line-height:1.85;color:var(--text-2);max-width:80%}.resource-link{display:inline-flex;align-items:center;gap:2cqw;background:var(--text-1);color:var(--surface);padding:1.4cqw 2.3cqw;border-radius:.4cqw;font-size:1.5cqw}.resource-url{font-family:var(--font-mono);font-size:1.15cqw;color:var(--text-2);margin:1.7cqw 0;overflow-wrap:anywhere}.resource-link:hover{background:var(--accent);text-decoration:none}.loading-state{position:absolute;inset:0;display:grid;place-items:center;background:var(--stage);color:var(--chrome-muted);font-size:14px;z-index:5}.loading-state a{color:var(--chrome-text);text-decoration:underline}.player-bottom{position:absolute;inset:auto 0 0;height:82px;background:var(--chrome);padding:11px 20px 3px}.progress-bar{position:absolute;left:0;right:0;top:0;bottom:auto;height:3px;background:var(--chrome-border);z-index:1}.progress-bar span{height:100%;background:var(--accent);transition:width .2s var(--ease)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:47px}.control-left{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.control-left>button{font-size:19px;white-space:nowrap}.control-left>button span{font-size:12px;margin-left:5px}.slide-caption{display:flex;flex-direction:column;min-width:0;gap:2px}.slide-caption>span{font-size:9px;color:var(--chrome-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-caption strong{font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-middle{display:flex;align-items:center;gap:7px}.control-middle>button:not(#page-button){font-size:23px;font-weight:300}#page-button{font:12px var(--font-mono);min-width:80px;display:flex;gap:9px;align-items:center;justify-content:center}#page-current{font-size:16px}.page-separator,#page-total{color:var(--chrome-muted)}.control-right{display:flex;gap:5px;align-items:center;flex:1;justify-content:flex-end}.control-right button{font-size:21px;white-space:nowrap}.button-label{font-size:11px;margin-left:5px;vertical-align:2px}.control-right #play-button[aria-pressed="true"]{background:var(--chrome-hover);color:var(--chrome-text);border-color:var(--chrome-border)}.auto-status{font-size:9px;color:var(--chrome-muted);text-align:center;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restore-controls{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));font-size:11px;padding:4px 12px;min-height:30px;background:var(--chrome);border-color:var(--chrome-border);opacity:.55;z-index:10}.restore-controls:hover,.restore-controls:focus{opacity:1}.controls-hidden .chrome{display:none}.controls-hidden .stage{inset:0}.resume-banner{position:fixed;top:68px;left:50%;transform:translateX(-50%);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);padding:6px 8px 6px 17px;display:flex;align-items:center;gap:12px;font-size:11px;z-index:8;box-shadow:var(--shadow);white-space:nowrap}.resume-banner button{font-size:11px;min-height:29px;padding:3px 10px}.resume-banner #resume-close{padding:0;min-width:28px;font-size:20px}.panel-dialog{color:var(--text-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:var(--shadow);margin:auto}.panel-dialog::backdrop,.image-dialog::backdrop{background:#071310cf;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font:600 25px/1.4 var(--font-serif);margin:0}.dialog-kicker{font:9px var(--font-mono);color:var(--accent);letter-spacing:.15em;margin:0 0 7px}.close-dialog{border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:25px;border-radius:50%;width:35px;height:35px;flex:none;line-height:1}.close-dialog:hover{background:var(--surface-2)}.search-label{font-size:11px;color:var(--text-2);display:block;margin-bottom:8px}.panel-dialog input,.panel-dialog select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-1);padding:11px 12px;font-size:13px}.panel-dialog input[type="search"]{width:100%;margin-bottom:18px}.directory-chapter{font-size:10px;letter-spacing:.03em;color:var(--accent);padding:19px 4px 8px;border-top:1px solid var(--border);margin-top:6px}.directory-link{display:flex;align-items:center;gap:15px;width:100%;padding:10px 12px;text-align:left;border-radius:var(--radius-sm);background:transparent;color:var(--text-1);font-size:12px;line-height:1.6;border:1px solid transparent}.directory-link:hover,.directory-link[aria-current="page"]{background:var(--surface-2);border-color:var(--border)}.directory-number{font:11px var(--font-mono);color:var(--text-3);width:24px;flex:none}.directory-video{margin-left:auto;color:var(--accent);font-size:10px;flex:none}.empty-search{font-size:12px;color:var(--text-2);padding:10px}.small-dialog{width:min(380px,calc(100vw - 28px))}.small-dialog label{font-size:12px;color:var(--text-2)}.jump-row{display:flex;gap:12px;margin-top:11px}.jump-row input{width:100%;min-width:0}.accent-button{padding:10px 20px;background:var(--text-1);color:var(--surface);border-radius:var(--radius-sm);white-space:nowrap;font-size:13px}.notes-page{font-size:12px;color:var(--accent);padding-bottom:17px;border-bottom:1px solid var(--border)}#notes-content{font-size:15px;line-height:2.05;white-space:pre-line}#notes-content p{margin:0 0 16px}.secondary-action{padding:11px 15px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-1);font-size:12px;margin-top:16px}.dialog-footnote{font-size:11px!important;color:var(--text-2);line-height:1.8!important}.help-dialog>p{font-size:12px;line-height:1.9}.shortcut-list{display:grid;gap:13px;font-size:12px;margin:0 0 24px}.shortcut-list>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding-bottom:10px}.shortcut-list dt{font-family:var(--font-mono);font-size:11px}.shortcut-list dd{color:var(--text-2);margin:0}.autoplay-setting{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px}.autoplay-setting select{padding:7px 12px}.image-dialog{padding:12px 18px;border:1px solid var(--chrome-border);border-radius:var(--radius);background:var(--stage);color:var(--chrome-text);max-width:96vw;width:fit-content;max-height:96dvh;overflow:hidden;margin:auto}.image-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:12px}.image-dialog-heading h2{font-size:12px;font-weight:400;margin:0}.image-dialog-heading>div{display:flex;align-items:center;gap:16px}.image-dialog-heading button,.image-dialog-heading a{font-size:11px;background:transparent;color:var(--chrome-text)}.image-dialog-heading .close-dialog{font-size:23px;border-color:var(--chrome-border);width:30px;height:30px}.image-scroll{overflow:auto;max-height:calc(96dvh - 107px);max-width:calc(96vw - 36px);background:var(--stage);overscroll-behavior:contain}.image-scroll img{display:block;margin:auto;width:auto;height:auto;max-width:min(1600px,calc(96vw - 36px));max-height:calc(96dvh - 107px);object-fit:contain}.image-scroll.original img{max-width:none;max-height:none}.image-dialog>p{font-size:10px;color:var(--chrome-muted);margin:10px 0 0}.toast{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);padding:12px 20px;color:var(--chrome-text);font-size:12px;max-width:calc(100vw - 30px);z-index:30;box-shadow:var(--shadow)}.noscript{position:fixed;inset:30%;padding:30px;background:var(--bg);color:var(--text-1);z-index:50}.notes-overlay,.overview{display:none!important}[data-preview="1"] .chrome,[data-preview="1"] .restore-controls,[data-preview="1"] dialog,[data-preview="1"] .toast{display:none!important}[data-preview="1"] .stage{inset:0}
@media(max-width:860px){.player-top{padding:0 16px}.top-actions{gap:16px}.slide-caption{display:none}.control-left{flex:0 0 auto}.control-right{flex:0 0 auto}.control-row{gap:10px}.player-bottom{padding-left:12px;padding-right:12px}.control-middle{gap:2px}.button-label{display:none}.control-right{gap:2px}.control-left{gap:0}.top-actions .website-link{display:none}}
@media(max-width:540px){.player-top{height:50px;padding:0 13px}.brand-link{gap:9px;font-size:13px}.brand-link em{display:none}.brand-mark{width:25px;height:27px}.top-actions{gap:15px;font-size:10px}.stage{inset:50px 0 80px}.player-bottom{height:80px;padding:9px 8px 2px}.control-row{gap:2px}.control-left>button span{display:none}.chrome button{min-width:36px;min-height:40px}.control-right{gap:0}.control-right button{font-size:19px}#notes-button{display:none}#hide-button{display:none}#page-button{min-width:63px;gap:6px;font-size:10px}#page-current{font-size:14px}.control-middle{gap:0}.auto-status{font-size:8px;line-height:16px}.resume-banner{top:60px;gap:4px;padding-left:10px;font-size:10px}.resume-banner button{padding:0 7px;font-size:10px}.panel-dialog{padding:23px 20px}.dialog-heading h2{font-size:23px}.image-dialog{padding:10px}.image-dialog-heading{gap:20px}.image-dialog-heading h2{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-dialog-heading>div{gap:12px}.image-scroll{max-width:calc(96vw - 20px)}.image-scroll img{max-width:calc(96vw - 20px)}.restore-controls{right:10px;bottom:10px}.shortcut-list{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.player-top{height:38px}.stage{inset:38px 0 56px}.player-bottom{height:56px;padding:7px 12px 0}.control-row{height:39px}.auto-status{display:none}.chrome button{min-height:33px}.brand-mark{height:23px;width:23px;font-size:18px}.resume-banner{top:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{html,body{height:auto;overflow:visible;background:white}.chrome,.restore-controls,.toast,dialog{display:none!important}.stage{position:static;overflow:visible}.deck{position:static;width:1600px;height:auto;transform:none;overflow:visible;box-shadow:none}.slide,.authored-slide:not(.is-active){position:relative;display:block!important;width:1600px;height:900px;opacity:1;break-after:page}.authored-slide{display:flex!important}.slide[aria-hidden]{visibility:visible}.notes{display:none!important}}