@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{color:#202a25;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--paper:#f4f3ed;--white:#fffefa;--ink:#202a25;--muted:#69736e;--quiet:#8a928d;--line:#dedfd7;--green:#286449;--green-dark:#1f513a;--green-pale:#e9f0e9;--orange:#b95d3e;--mono:"DM Mono",monospace;--display:"Fraunces",Georgia,serif;background:#f4f3ed;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{background:var(--paper)}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.presentation{background:var(--paper);flex-direction:column;height:100vh;min-height:560px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fbfaf6;flex:0 0 72px;align-items:center;gap:clamp(18px,3vw,44px);height:72px;padding:0 clamp(22px,4.2vw,70px);display:flex}.brand{color:var(--ink);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brand i{color:var(--muted);font-style:normal;font-weight:500}.brand-mark{width:31px;height:31px;color:var(--green);background:#edf2eb;border:1px solid #c7d5ca;border-radius:50%;place-items:center;display:grid}.lesson-tag{color:#6e7771;white-space:nowrap;font-size:12px}.lesson-tag span{color:#b2b8b0;padding:0 6px}.top-progress{flex:1;align-items:center;gap:14px;min-width:70px;display:flex}.progress-rail{background:#daddd4;flex:1;height:3px;overflow:hidden}.progress-rail span{background:var(--green);height:100%;transition:width .35s;display:block}.page-count{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-size:11px}.page-count i{color:#87908a;font-style:normal}.icon-button{color:#5f6c65;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:36px;height:36px;transition:color .18s,border-color .18s,background .18s;display:inline-grid}.icon-button svg{width:18px;height:18px}.icon-button:hover:not(:disabled){color:var(--green);background:#f0f4ef;border-color:#cbd7cc}.icon-button:disabled{opacity:.38;cursor:default}.fullscreen-btn{color:var(--ink)}.scenario-launch{color:#3f5146;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ccd4cb;border-radius:7px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;transition:all .18s;display:flex}.scenario-launch:hover{border-color:var(--green);color:var(--green);background:#f0f4ef}.slide{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(310px,.82fr);align-items:center;gap:clamp(44px,8vw,138px);width:min(1500px,100%);min-height:0;margin:auto;padding:clamp(30px,5.5vh,76px) clamp(38px,8vw,132px);animation:.3s both appear;display:grid}@keyframes appear{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slide-copy{max-width:670px}.section-label{color:var(--green);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;display:flex}.section-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.slide h1{font-family:var(--display);letter-spacing:-.045em;color:#1e2923;margin:22px 0 18px;font-size:clamp(48px,6.3vw,84px);font-weight:600;line-height:.99}.lead{color:#596760;max-width:620px;margin:0 0 clamp(24px,4vh,44px);font-size:clamp(16px,1.5vw,20px);line-height:1.62}.point-list{gap:19px;display:grid}.point{grid-template-columns:34px 1fr;align-items:start;gap:13px;display:grid}.point-number{font-family:var(--mono);color:var(--green);padding-top:4px;font-size:10px}.point h2{color:#29352e;margin:0 0 4px;font-size:14px;font-weight:700}.point p{color:#6e7871;max-width:450px;margin:0;font-size:13px;line-height:1.55}.visual-area{place-self:center;width:min(100%,470px);padding:0 0 10px}.visual-frame{background:var(--white);border:1px solid #d9ddd4;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:32px;display:flex;position:relative;box-shadow:0 10px 36px #3340340b}.visual-frame:before{content:"";pointer-events:none;border:1px solid #ecece6;position:absolute;inset:13px}.visual-orbit{display:none}.visual-core{z-index:1;width:84px;height:84px;color:var(--green);background:#eef2eb;border:1px solid #d4ded3;border-radius:50%;place-items:center;margin-bottom:17px;display:grid;position:relative}.visual-core svg{stroke-width:1.45px;width:45px;height:45px}.visual-points{z-index:1;gap:9px;width:100%;margin-top:8px;display:grid;position:relative}.visual-point{color:#4d5a52;border-bottom:1px solid #e8e9e2;align-items:center;gap:13px;min-height:39px;padding:7px 11px;font-size:12px;display:flex}.visual-point:last-child{border-bottom:0}.visual-point-dot{font-family:var(--mono);color:var(--green);border:1px solid #d2ddd2;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.visual-title{font-family:var(--display);text-align:center;color:#37433b;margin:18px 0 9px;font-size:17px;font-weight:600}.visual-foot{color:#808a82;font-family:var(--mono);letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.visual-foot svg{color:var(--green)}.slide-ending .slide-copy{max-width:700px}.slide-ending h1{max-width:600px}.slide-ending .visual-core{width:96px;height:96px}.slide-ending .visual-core svg{width:54px;height:54px}.closing-authors{grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(30px,5vh,54px);display:grid}.closing-authors>div{border-top:1px solid #d9ddd4;align-items:center;gap:11px;padding:14px 0;display:flex}.closing-initials{width:35px;height:35px;color:var(--green);font:10px var(--mono);background:#edf2eb;border:1px solid #cad8ca;border-radius:50%;place-items:center;display:grid}.closing-authors>div>div{gap:4px;display:grid}.closing-authors small{font:9px var(--mono);letter-spacing:.08em;color:#828c83}.closing-authors strong{color:#2e3931;font:600 13px DM Sans,sans-serif}.bottombar{border-top:1px solid var(--line);background:#fbfaf6;flex:0 0 74px;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 clamp(22px,4.2vw,70px);display:grid}.keyboard-hint{color:#808982;align-items:center;gap:5px;font-size:10px;display:flex}.keyboard-hint kbd{font:10px var(--mono);color:#58645c;background:#fffefa;border:1px solid #d8dcd4;border-radius:4px;place-items:center;min-width:22px;height:22px;display:grid}.keyboard-hint span{margin-left:5px}.progress-dots{align-items:center;gap:7px;display:flex}.progress-dots button{cursor:pointer;background:#c9cec5;border:0;border-radius:8px;width:5px;height:5px;padding:0;transition:width .2s,background .2s}.progress-dots button.active{background:var(--green);width:22px}.nav-buttons{justify-self:end;align-items:center;gap:9px;display:flex}.nav-button{color:#46534a;cursor:pointer;background:#fffefa;border:1px solid #cfd5cc;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:9px 13px;font-size:11px;transition:all .18s;display:flex}.nav-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.nav-button:disabled{opacity:.4;cursor:default}.nav-button.next{background:var(--green);border-color:var(--green);color:#fff;padding:9px 15px;font-weight:600}.nav-button.next:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.scenario-page{background:var(--white);height:100vh;min-height:520px;color:var(--ink);flex-direction:column;display:flex}.scenario-header{border-bottom:1px solid var(--line);background:#fbfaf6;flex:0 0 70px;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 clamp(18px,3vw,38px);display:flex}.scenario-brand{align-items:center;gap:11px;min-width:max-content;display:flex}.scenario-brand>div{gap:2px;display:grid}.scenario-brand strong{color:#26332b;font-size:13px;font-weight:700}.scenario-brand>div>span{color:#858d86;font-size:10px}.scenario-tools{justify-content:flex-end;align-items:center;gap:12px;display:flex}.font-tools{color:#6a756d;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.font-tools>span:first-child{margin-right:2px}.font-tools .icon-button{background:#fffefa;border:1px solid #d8ddd4;border-radius:5px;width:29px;height:29px}.font-value{font-family:var(--mono);text-align:center;color:#34443a;min-width:36px;font-size:10px}.tool-button{color:#56645a;white-space:nowrap;cursor:pointer;background:#fffefa;border:1px solid #d6dcd3;border-radius:5px;align-items:center;gap:7px;height:31px;padding:0 10px;font-size:10px;display:flex}.tool-button:hover,.tool-button.selected{color:var(--green);background:#f0f5ef;border-color:#9cb7a0}.speed-control{color:#7a847c;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.speed-control input{width:66px;accent-color:var(--green)}.sync-toggle{color:#69766d;white-space:nowrap;cursor:pointer;background:#fffefa;border:1px solid #d6dcd3;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.sync-toggle.is-linked{color:var(--green);background:#f1f5ef;border-color:#bad0bd}.scenario-layout{flex:1;grid-template-columns:264px minmax(0,1fr);min-height:0;display:grid}.scenario-sidebar{border-right:1px solid var(--line);background:#faf9f5;flex-direction:column;min-height:0;display:flex}.sidebar-heading{border-bottom:1px solid var(--line);flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.sidebar-heading strong{font-family:var(--display);letter-spacing:-.02em;color:#29352d;font-size:21px;font-weight:600}.sidebar-heading span{font-family:var(--mono);color:#879089;font-size:10px}.scenario-slide-list{scrollbar-width:thin;scrollbar-color:#ccd3c9 transparent;padding:8px 9px 16px;overflow:auto}.scenario-slide{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 5px 5px 0;grid-template-columns:27px minmax(0,1fr);gap:9px;width:100%;min-height:65px;padding:10px 9px;transition:background .15s,border-color .15s;display:grid}.scenario-slide:hover{background:#f0f1eb}.scenario-slide.current{border-left-color:var(--green);background:#edf2ea}.scenario-slide-number{font-family:var(--mono);color:#89928b;padding-top:2px;font-size:10px}.scenario-slide.current .scenario-slide-number{color:var(--green)}.scenario-slide-text{gap:3px;min-width:0;display:grid}.scenario-slide-section{font-family:var(--mono);letter-spacing:.08em;color:#869087;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.scenario-slide-text strong{color:#344139;font:600 13px/1.3 DM Sans,sans-serif}.scenario-slide-text small{color:#858e87;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.35;overflow:hidden}.scenario-main{background:var(--white);flex-direction:column;min-width:0;min-height:0;display:flex}.scenario-meta{border-bottom:1px solid #e8e8e1;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:13px clamp(22px,4vw,58px);display:flex}.scenario-meta>div:first-child{gap:5px;display:grid}.scenario-page-count{font-family:var(--mono);color:#8a938c;font-size:10px}.speaker-label{color:#858e87;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.speaker-label strong{color:#36443a;font-size:11px;font-weight:600}.speaker-avatar{width:30px;height:30px;color:var(--green);font-family:var(--mono);background:#eff3ed;border:1px solid #cfdbce;border-radius:50%;place-items:center;font-size:9px;display:grid}.scenario-content{scrollbar-color:#cbd2c8 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:clamp(26px,4vh,48px) clamp(24px,5vw,74px) 35px;overflow:auto;scroll-behavior:auto!important}.scenario-content h1{font:600 clamp(34px,4vw,53px)/1.1 var(--display);letter-spacing:-.035em;color:#202b24;margin:0 0 15px}.scenario-lead{color:#606d64;max-width:920px;margin:0;font-size:clamp(14px,1.3vw,17px);line-height:1.62}.say-label{font:10px var(--mono);letter-spacing:.1em;color:var(--orange);align-items:center;gap:9px;margin:30px 0 13px;display:flex}.say-label span{background:var(--orange);width:19px;height:1px}.scenario-script{color:#313d35;white-space:pre-line;max-width:1060px;margin:0 0 30px;font-family:DM Sans,sans-serif;line-height:1.78}.scenario-talking-points{border-top:1px solid #e1e3dc;gap:10px;max-width:1060px;padding-top:16px;display:grid}.scenario-talking-points h2{font:600 18px var(--display);color:#3b493f;margin:0 0 3px}.scenario-talking-points>div{color:#6f7972;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;display:flex}.scenario-talking-points>div svg{color:var(--green);flex:0 0 15px;margin-top:1px}.scenario-talking-points strong{color:#3d4b41}.scenario-tip{color:#707a72;background:#f3f5ef;border-left:2px solid #bfcfbd;max-width:1060px;margin:22px 0 0;padding:10px 14px;font-size:11px;line-height:1.55}.scenario-tip strong{color:#48564b;margin-bottom:2px;font-weight:600;display:block}.scenario-footer{border-top:1px solid var(--line);background:#fbfaf6;flex:0 0 62px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:62px;padding:0 clamp(20px,4vw,58px);display:grid}.scenario-footer .nav-button{min-width:125px}.scenario-footer .nav-button.next{justify-self:end}.scenario-page-indicator{font-family:var(--mono);color:#4d5d51;font-size:11px}.scenario-page-indicator span{color:#a1a8a0;padding:0 5px}@media (width>=1500px){.slide{gap:130px}.visual-frame{min-height:370px}.visual-points{max-width:360px}.visual-area{width:470px}}@media (width<=1000px){.topbar{gap:16px;padding:0 22px}.lesson-tag{display:none}.slide{grid-template-columns:minmax(0,1fr) minmax(250px,.78fr);gap:36px;padding:35px 40px}.slide h1{font-size:clamp(44px,7vw,70px)}.visual-frame{min-height:300px;padding:25px}.scenario-layout{grid-template-columns:230px minmax(0,1fr)}.scenario-header{gap:10px}.scenario-tools{gap:7px}.font-tools>span:first-child,.speed-control>span{display:none}.scenario-content{padding-left:34px;padding-right:34px}}@media (width<=760px){.scenario-page{height:auto;min-height:100dvh}.scenario-header{flex-direction:column;flex-basis:auto;align-items:flex-start;height:auto;min-height:66px;padding:12px 14px}.scenario-brand{min-width:0}.scenario-tools{flex-wrap:wrap;justify-content:flex-start;width:100%}.scenario-layout{flex-direction:column;min-height:0;display:flex;overflow:hidden}.scenario-sidebar{border-right:0;border-bottom:1px solid var(--line);flex:0 0 160px;height:160px}.sidebar-heading{flex-basis:38px;height:38px;padding:0 15px}.sidebar-heading strong{font-size:17px}.scenario-slide-list{gap:5px;padding:6px 8px 10px;display:flex;overflow:auto hidden}.scenario-slide{border-bottom:3px solid #0000;border-left:0;border-radius:4px;align-content:center;width:190px;min-width:190px;min-height:95px;padding:8px}.scenario-slide.current{border-bottom-color:var(--green)}.scenario-main{min-height:600px}.scenario-meta{padding:12px 18px}.scenario-content{padding:25px 20px}.scenario-footer{gap:8px;padding:0 14px}.scenario-footer .nav-button{min-width:auto;padding:8px 9px;font-size:10px}.scenario-footer .nav-button span{display:none}.scenario-page-indicator{font-size:10px}}@media (width<=620px){.presentation{min-height:620px}.topbar{flex-basis:62px;gap:10px;height:62px;padding:0 15px}.brand{gap:7px;font-size:10px}.brand-mark{width:27px;height:27px}.top-progress{gap:8px}.page-count{font-size:10px}.scenario-launch{gap:0;padding:7px 9px;font-size:0}.scenario-launch svg{width:17px}.fullscreen-btn{width:30px}.slide{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:25px;padding:30px 25px;display:flex;overflow:auto}.slide h1{margin:16px 0 13px;font-size:clamp(44px,12vw,66px)}.lead{margin-bottom:20px;font-size:16px}.point-list{gap:14px}.point h2{font-size:14px}.point p{font-size:12px}.visual-area{width:100%;max-width:440px}.visual-frame{min-height:240px;padding:22px}.visual-core{width:69px;height:69px;margin-bottom:10px}.visual-core svg{width:38px}.visual-points{gap:5px;max-width:340px;margin-top:5px}.visual-point{min-height:30px;padding:4px 8px;font-size:10px}.visual-point-dot{flex-basis:20px;width:20px;height:20px}.visual-title{margin:12px 0 7px;font-size:15px}.closing-authors{grid-template-columns:1fr;gap:2px;margin-top:24px}.bottombar{flex-basis:68px;grid-template-columns:auto 1fr auto;height:68px;padding:0 12px}.keyboard-hint{display:none}.progress-dots{justify-self:center;gap:4px}.progress-dots button{width:4px;height:4px}.progress-dots button.active{width:15px}.nav-buttons{gap:5px}.nav-button{gap:5px;padding:8px;font-size:10px}.nav-button svg{width:15px}.nav-button.next{padding:8px 9px}.scenario-tools{gap:5px}.tool-button{padding:0 7px}.speed-control input{width:52px}.sync-toggle{padding:6px 8px}.scenario-meta{align-items:flex-start}.speaker-label{gap:5px}.speaker-label>span:not(.speaker-avatar){display:none}.speaker-label strong{font-size:10px}.scenario-content h1{font-size:34px}.scenario-lead{font-size:14px}.scenario-footer{flex-basis:56px;min-height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}