@font-face{font-family:Pretendard;src:url('./assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#151719;--muted:#7b838a;--line:#dfe3e6;--glass:#ffffffe0;--mint:#86b7aa;--mint-wash:#e0eee9;--mint-ink:#347b69;--canvas:#eef0f1}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Pretendard,Arial,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #5d9486;outline-offset:4px}button:disabled{opacity:.32;cursor:default}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg[hidden]{display:none}
.deck-app{height:100dvh;min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px 28px 0;overflow:hidden}.deck-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#151719;white-space:nowrap}.brand>svg{width:26px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand strong{font-size:29px;line-height:1;font-weight:800;letter-spacing:-.065em}.brand span{font-size:10px;letter-spacing:.12em;font-weight:550;color:#939ba2;margin-left:10px}.chapter-nav{display:flex;gap:14px;align-items:center;overflow:auto;scrollbar-width:none}.chapter-nav button{font-size:12px;font-weight:550;padding:8px 0;border:0;background:transparent;white-space:nowrap;color:#8b939a;position:relative}.chapter-nav button.is-active{color:#232a2f}.chapter-nav button.is-active:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--mint);position:absolute;bottom:0;left:calc(50% - 2px)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button,.deck-controls button{border:1px solid #dce1e5;background:var(--glass);box-shadow:inset 0 1px 0 white;min-height:36px;padding:7px 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#5e6871}.header-actions button:hover,.deck-controls button:hover{color:#1c252c;border-color:#b1bdc6;background:#fff}.header-actions #presenter{font-size:12px;white-space:nowrap}.view-area{min-height:0;flex:1;display:grid;place-items:center;overflow:hidden}.slide-viewport{position:relative;flex:none;overflow:hidden;box-shadow:0 16px 50px -25px #16212c28,0 0 0 1px #dfe3e5;border-radius:13px;background:#fff}.slide-stage{width:1920px;height:1080px;transform-origin:top left;position:relative;background:#fff}.slide-mount,.slide-loading{position:absolute;inset:0}.slide-mount svg{display:block}.slide-loading{display:grid;place-content:center;text-align:center;background:#fff;color:#8b949c;z-index:10}.slide-loading[hidden]{display:none}.slide-loading p{font-size:23px;letter-spacing:-.02em}.loading-mark{width:42px;height:42px;border:2px solid #edf0f2;border-top-color:#91b9ad;border-radius:50%;margin:auto;animation:loading-turn 1s linear infinite}@keyframes loading-turn{to{transform:rotate(360deg)}}.slide-loading.is-error .loading-mark{display:none}.slide-loading.is-error p{max-width:700px;line-height:1.5}.slide-loading.is-error small{font-size:19px;color:#a2a9b0}.deck-controls{height:55px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;font-size:12px}.page-navigation,.motion-navigation,.pace-controls{display:flex;align-items:center;gap:7px}.page-navigation{min-width:260px}.page-navigation>button:first-child,.page-navigation>button:nth-child(3){min-width:33px;font-size:18px}.page-navigation #page-picker{gap:6px;font-size:13px;border:0;background:transparent;box-shadow:none;padding:6px}.page-navigation #page-picker strong{font-variant-numeric:tabular-nums;font-weight:750;color:#27313a;font-size:16px}.page-navigation #page-picker span{color:#a0a8b0}.page-title{display:block;max-width:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7c858e;font-size:11px;margin-left:7px}.motion-navigation{gap:5px}.motion-navigation>button{min-width:34px}.motion-navigation #play-pause{background:#252d34;color:#fff;border-color:#252d34;min-width:38px}.motion-navigation #previous-step,.motion-navigation #next-step{border:0;background:transparent;box-shadow:none;font-size:25px;min-width:24px}.motion-navigation #replay-page{margin-left:2px;border:0;background:transparent;box-shadow:none}.step-label{font-size:11px;color:#7d8891;min-width:58px;text-align:center;margin-left:5px;white-space:nowrap}.time-label{font-size:10px;font-variant-numeric:tabular-nums;color:#919ba4;min-width:30px;text-align:right}#timeline{width:140px;height:3px;margin:0 6px;accent-color:var(--mint);cursor:pointer}.pace-controls{gap:13px}#pace{font-size:11px;background:transparent;border:0;color:#77838d;outline-offset:3px;padding:6px;cursor:pointer}.advance-label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:#8a959e}.advance-label input{accent-color:var(--mint);width:12px;height:12px}.chapter-progress{height:3px;display:flex;gap:4px;flex:none;margin:0 -28px}.chapter-progress>span{height:3px;position:relative;background:#e2e6e9;flex:1;overflow:hidden}.chapter-progress>span>i{display:block;height:100%;width:0;background:var(--mint);transition:width .25s ease}.overview-dialog{width:min(1320px,94vw);height:min(880px,92vh);border:1px solid #ffffffee;border-radius:20px;padding:30px;background:linear-gradient(145deg,#fff,#f0f3f5f5);box-shadow:0 25px 90px #0b202a35;color:#172026}.overview-dialog::backdrop{background:#25354166;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-top .eyebrow{font-size:10px;letter-spacing:.12em;color:#84919a;margin:0 0 10px}.dialog-top h2{font-size:29px;letter-spacing:-.045em;font-weight:800;margin:0}.dialog-top button{border:1px solid #dce3e8;background:#fff8;font-size:25px;color:#7c8993;border-radius:10px;width:37px;height:37px}.overview-chapters{display:flex;gap:8px;margin:25px 0 22px;flex-wrap:wrap}.overview-chapters button{border:1px solid #d8e0e5;background:#ffffffb0;font-size:12px;border-radius:99px;color:#7d8992;padding:8px 13px}.overview-chapters button.is-active{background:#27333b;color:white;border-color:#27333b}.page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 19px}.page-thumb{padding:0;background:none;border:0;text-align:left;color:#37454f;min-width:0}.page-thumb .thumb-image{width:100%;aspect-ratio:16/9;background:#fff;border:1px solid #dde5e9;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px -10px #1d354233;position:relative}.page-thumb img{width:100%;height:100%;object-fit:contain;display:block}.page-thumb.is-active .thumb-image{outline:2px solid var(--mint);outline-offset:3px}.page-thumb strong{display:block;margin-top:9px;font-size:11px;line-height:1.5;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-thumb strong span{color:#9da8b0;margin-right:6px;font-variant-numeric:tabular-nums}.page-thumb .thumb-image:empty:before{content:attr(data-page);font-size:29px;color:#c6ced3;display:grid;place-items:center;height:100%}.presentation-hint{display:none;position:fixed;left:50%;bottom:65px;transform:translateX(-50%);background:#27363ee6;color:#f2f6f7;padding:11px 18px;border-radius:99px;font-size:11px;z-index:30;pointer-events:none;white-space:nowrap}.is-presenting{padding:0;gap:0;background:#fff}.is-presenting .deck-header{height:0;opacity:0;overflow:hidden;pointer-events:none}.is-presenting .deck-controls{position:fixed;left:50%;bottom:9px;transform:translateX(-50%);width:min(1000px,95vw);height:48px;border-radius:14px;border:1px solid #dbe2e6;background:#f4f7f8dc;padding:0 14px;backdrop-filter:blur(20px);z-index:20;opacity:0;transition:opacity .25s ease}.is-presenting.controls-visible .deck-controls,.is-presenting .deck-controls:focus-within,.is-presenting .deck-controls:hover{opacity:1}.is-presenting .chapter-progress{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:20}.is-presenting .slide-viewport{border-radius:0;box-shadow:none}.is-presenting .page-title,.is-presenting .pace-controls{display:none}.is-presenting .page-navigation{min-width:unset}.is-presenting .presentation-hint.is-visible{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1350px){.brand span{display:none}.chapter-nav{gap:11px}.chapter-nav button{font-size:11px}.page-title{max-width:150px}.page-navigation{min-width:220px}#timeline{width:100px}.pace-controls{gap:6px}}@media(max-width:1100px){.deck-app{padding:12px 15px 0;gap:10px}.chapter-nav{max-width:450px;gap:14px}.header-actions #presenter{display:none}.deck-controls{flex-wrap:wrap;height:auto;min-height:88px;gap:4px 10px;justify-content:center;padding-bottom:10px}.page-navigation{justify-content:center;flex-basis:100%;height:34px}.page-title{max-width:300px}.motion-navigation{flex:1;justify-content:center}.pace-controls{justify-content:center}.chapter-progress{margin:0 -15px}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.is-presenting .deck-controls{flex-wrap:nowrap;min-height:unset;padding-bottom:0}.is-presenting .page-navigation{flex-basis:auto}.is-presenting .motion-navigation{justify-content:flex-end}}@media(max-width:750px){.deck-app{padding:9px 10px 0;gap:7px;min-height:0}.deck-header{height:39px;gap:12px}.brand strong{font-size:26px}.brand>svg{width:22px;height:25px}.chapter-nav{display:none}.header-actions button{min-height:32px;padding:5px 8px}.slide-viewport{border-radius:7px}.deck-controls{min-height:100px;font-size:10px;gap:3px}.page-title{max-width:210px;font-size:10px}.pace-controls{flex-basis:100%;height:28px}.pace-controls .advance-label{font-size:10px}#timeline{width:90px}.motion-navigation{flex-basis:100%;height:34px}.step-label{font-size:10px;min-width:54px}.motion-navigation>button{min-height:32px;padding:5px 8px}.chapter-progress{margin:0 -10px;gap:2px}.overview-dialog{padding:20px;border-radius:14px}.dialog-top h2{font-size:24px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.overview-chapters{gap:6px}.overview-chapters button{font-size:10px;padding:7px 10px}.page-thumb strong{font-size:10px}.presentation-hint{font-size:9px;padding:10px 12px;bottom:65px}.is-presenting .deck-controls{padding:0 6px;height:45px;gap:2px}.is-presenting .page-navigation{min-width:105px}.is-presenting .motion-navigation{flex-basis:auto}.is-presenting #timeline,.is-presenting .time-label,.is-presenting #replay-page{display:none}.is-presenting .motion-navigation>button{min-width:27px}.is-presenting .step-label{min-width:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.loading-mark{border-top-color:#91b9ad}.chapter-progress>span>i{transition:none}}

@media(max-width:400px){#timeline{width:60px}.time-label{display:none}.step-label{min-width:48px}.page-title{max-width:calc(100vw - 170px)}}

html,body{overflow:hidden}

/* Shared glass window: the original 16:9 page remains an untouched inner view. */
html,body{background:radial-gradient(ellipse at 50% 16%,#fafbfc 0,#eef0f2 58%,#e6e9ec 100%)}
.glass-window{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;padding:10px;border:1px solid #ffffffed;border-radius:23px;background:linear-gradient(135deg,#ffffffab 0%,#ffffff38 54%,#ffffff8a 100%);backdrop-filter:blur(24px) saturate(105%);-webkit-backdrop-filter:blur(24px) saturate(105%);box-shadow:0 30px 65px -36px #2434434d,0 0 0 1px #b9c2ca52,inset 0 1px 0 #fff;isolation:isolate}
.glass-window:before{content:"";position:absolute;inset:1px;border:1px solid #ffffff94;border-radius:21px;pointer-events:none;z-index:-1}
.window-bar{height:35px;flex:none;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:15px;padding:0 12px;position:relative;color:#8b939a;user-select:none}
.window-bar:after{content:"";height:1px;position:absolute;left:9px;right:9px;bottom:-3px;background:linear-gradient(90deg,#cbd2d800,#cbd2d87a 20%,#ffffffdb 50%,#cbd2d87a 80%,#cbd2d800)}
.window-dots{display:flex;gap:7px;align-items:center}.window-dots i{width:8px;height:8px;display:block;border:1px solid #adb7c17a;border-radius:50%;background:linear-gradient(140deg,#fff9,#aab5bf38);box-shadow:inset 0 1px 1px #ffffffb8,0 1px 2px #253c4d0a}.window-dots i:first-child{background:linear-gradient(140deg,#fff9,#9daab64d)}
.window-caption{justify-self:center;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:10px;letter-spacing:.045em;line-height:1;color:#858e96}.window-caption svg{width:15px;height:16px;fill:none;stroke:#8b959d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.window-caption span:first-of-type{font-size:10px;font-weight:650;letter-spacing:.12em;color:#63717b}.window-caption b{height:10px;width:1px;background:#bdc6ce70;font-weight:400}.window-page{font-size:10px;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:right;color:#929ca4}
.glass-window .slide-viewport{border-radius:13px;box-shadow:0 0 0 1px #c7cfd657,inset 0 1px 0 #fff;background:#fff}
.is-presenting{padding:20px 24px 28px;background:radial-gradient(ellipse at 50% 16%,#fafbfc,#e9ecef)}
.is-presenting .glass-window{border-radius:23px}.is-presenting .slide-viewport{border-radius:13px}
@media(max-width:750px){.glass-window{padding:6px;gap:5px;border-radius:16px}.glass-window:before{border-radius:14px}.window-bar{height:28px;grid-template-columns:54px 1fr 54px;gap:5px;padding:0 8px}.window-dots{gap:5px}.window-dots i{width:6px;height:6px}.window-caption{gap:6px;font-size:8px;letter-spacing:.01em}.window-caption span:first-of-type{font-size:8px;letter-spacing:.08em}.window-caption svg{width:12px;height:13px}.window-caption b{height:8px}.window-page{font-size:8px}.glass-window .slide-viewport{border-radius:10px}.is-presenting{padding:10px 9px 18px}.is-presenting .glass-window{border-radius:16px}.is-presenting .slide-viewport{border-radius:10px}}
@media(max-width:400px){.window-caption>span:last-child{display:none}.window-caption b{display:none}}

.deck-app.is-presenting{padding:20px 24px 62px;gap:0}
@media(max-width:750px){.deck-app.is-presenting{padding:10px 9px 62px;gap:0}}

/* A persistent, full-size return link stays available in every viewing mode. */
.deck-header{gap:16px}
.home-return{min-height:48px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border:1px solid #cbd0d4;border-radius:13px;background:linear-gradient(140deg,#ffffffed,#f0f2f4df);box-shadow:inset 0 1px 0 #fff,0 4px 14px #17232d09;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#171c20;text-decoration:none;font-size:15px;font-weight:650;line-height:24px;white-space:nowrap}
.home-return svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-return:hover{background:#fff;border-color:#90999f;box-shadow:inset 0 1px 0 #fff,0 5px 18px #17232d13}
.home-return:active{background:#e9ecee}
.home-return:focus-visible{outline:2px solid #20262a;outline-offset:4px}
.deck-header .brand,.deck-header .header-actions{flex:none}
.deck-header .chapter-nav{min-width:0;flex:1;justify-content:center}
.is-presenting .deck-header{height:48px;opacity:1;overflow:visible;pointer-events:auto;justify-content:flex-start;margin-bottom:12px}
.is-presenting .deck-header>:not(.home-return){display:none}
@media(max-width:750px){.deck-header{height:48px;gap:12px}.deck-header .brand{display:none}.deck-header .chapter-nav{display:none}.home-return{padding:11px 14px;font-size:14px;min-height:48px}.is-presenting .deck-header{margin-bottom:9px}}