:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--line:#e5e5e8;--paper:#fff;--bg:#f5f5f7;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB",sans-serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0071e3;outline-offset:4px}button:disabled{opacity:.3;cursor:default}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p,figure{margin:0}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:hover{background:#eaeaf0}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:750;letter-spacing:1px}.wordmark:hover{text-decoration:none}.wordmark i{width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:3px}.wordmark span{font-weight:400;color:var(--muted)}.header-meta{font-size:12px;color:var(--muted)}.header-meta span{margin-left:24px;letter-spacing:.7px}#viewport{position:absolute;top:56px;bottom:90px;left:20px;right:20px;display:flex;align-items:center;justify-content:center}#frame{position:relative;flex:none;box-shadow:0 12px 50px #161b2b09,0 1px 4px #161b2b08;border-radius:10px;overflow:hidden;background:#fff}#stage{width:1280px;height:720px;position:absolute;inset:0;transform-origin:0 0;overflow:hidden;background:#fff;isolation:isolate;outline:0}.slide-image{width:1280px;height:720px;display:block;object-fit:contain}.slide-image.zoomable{cursor:zoom-in}.page-label{position:absolute;right:48px;bottom:25px;font-size:14px;color:#86868b;font-variant-numeric:tabular-nums}.credit{position:absolute;left:64px;bottom:29px;max-width:1100px;font-size:14px;line-height:1.45;color:#6e6e73}.credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:13px;letter-spacing:1.7px;color:#86868b;font-weight:600}.kicker{font-size:20px;color:var(--muted);letter-spacing:.4px}.native{height:720px;padding:48px 64px 64px;position:relative}.native h1{letter-spacing:-2px}.cover{text-align:center;background:#fff}.cover .kicker{position:absolute;left:64px;top:48px;font-size:18px}.cover h1{font-size:76px;line-height:1.3;margin-top:100px;font-weight:700}.cover h1 span{color:var(--muted);font-size:58px}.cover .subtitle{margin-top:24px;font-size:29px}.cover .subline{margin-top:14px;font-size:20px;color:var(--muted)}.five-words{display:flex;justify-content:center;gap:38px;margin-top:38px}.five-words span{font-size:29px;color:var(--blue);font-weight:600}.cover-footer{position:absolute;left:64px;right:64px;bottom:40px;display:flex;justify-content:space-between;font-size:18px;color:var(--muted)}.question{padding:90px;display:flex;align-items:center;justify-content:center;text-align:center}.question h1{font-size:49px;line-height:1.65;letter-spacing:-1px;font-weight:650}.native .page-title{font-size:43px;line-height:1.3;margin-top:16px;letter-spacing:-1.2px}.accent{color:var(--blue)}.feynman-copy{position:absolute;left:64px;top:142px;width:340px}.feynman-copy h1{font-size:60px;line-height:1.22;letter-spacing:-2px}.feynman-copy .lead{font-size:27px;line-height:1.6;margin-top:25px}.feynman-copy .takeaway{border-left:3px solid #9ecdf9;padding-left:17px;margin-top:44px;font-size:23px;line-height:1.6;color:#0065c8}.video-wrap{position:absolute;top:137px;left:457px;width:759px}.video-box{width:759px;height:427px;background:#111;border-radius:12px;overflow:hidden;position:relative}.video-box>img{width:100%;height:100%;object-fit:contain}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.play-video{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#0002;color:white}.play-video:hover{background:#0004}.play-video svg{width:70px;height:70px;padding:22px;border:1px solid #fff9;border-radius:50%;background:#ffffffed;fill:#1d1d1f;stroke:none}.play-video span{font-size:18px;background:#0007;padding:7px 15px;border-radius:20px;backdrop-filter:blur(10px)}.video-meta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:14px;color:var(--muted)}.video-meta a{text-decoration:underline;text-underline-offset:3px}.video-message{margin-top:18px;display:flex;gap:17px;font-size:17px;color:var(--muted);align-items:center}.video-message strong{font-weight:600;color:var(--ink)}.video-error{position:absolute;left:20px;right:20px;bottom:18px;padding:14px;border-radius:10px;background:#fff;color:var(--ink);font-size:16px;z-index:4}.video-error a{font-weight:600}.video-status{min-height:20px;font-size:12px;color:var(--muted);margin-top:8px}.comic-page .page-title{margin-top:12px}.comic-grid{position:absolute;left:64px;top:153px;width:791px;height:478px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.comic-panel{padding:0;border-radius:10px;overflow:hidden;background:#f4f0e7;text-align:left;position:relative;border:1px solid #ddd7cb;transition:box-shadow .2s}.comic-panel:hover{box-shadow:0 6px 15px #30241118}.panel-art{position:absolute;inset:0;background-image:url('assets/story/zouji-comic.png');background-size:200% 200%;background-repeat:no-repeat}.panel-caption{position:absolute;left:0;right:0;bottom:0;background:#fff9eced;backdrop-filter:blur(5px);padding:9px 12px;display:flex;gap:9px;align-items:center}.panel-caption b{font-size:17px;color:#866344;font-weight:500}.panel-caption span{font-size:18px;font-weight:600;line-height:1.3}.comic-aside{position:absolute;left:894px;top:160px;width:320px}.comic-aside h2{font-size:34px;line-height:1.5;font-weight:650;letter-spacing:-1px}.motives{margin-top:28px;display:grid;gap:15px}.motive{display:flex;align-items:center;gap:18px;font-size:22px}.motive strong{font-size:17px;width:51px;color:#8b6853;font-weight:500}.motive span{padding:4px 0;border-bottom:1px solid #e6e1d9;flex:1}.comic-aside .lesson{font-size:23px;line-height:1.55;margin-top:30px;color:#0065c8}.small-note{font-size:14px;color:var(--muted);line-height:1.5}.comic-aside .small-note{margin-top:19px}.comic-page{background:#fffdfa}.dyson-page .number{position:absolute;top:120px;left:64px;font-size:133px;line-height:1;font-weight:700;letter-spacing:-9px}.dyson-page .number-label{position:absolute;top:266px;left:72px;font-size:27px}.dyson-page .dyson-lesson{position:absolute;left:72px;top:338px;font-size:30px;line-height:1.6}.dyson-photo{position:absolute;left:575px;top:129px;width:641px;height:316px;object-fit:cover;border-radius:10px}.dyson-photo-note{position:absolute;left:575px;top:455px;font-size:13px;color:var(--muted)}.process{position:absolute;left:64px;right:64px;top:526px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process button{padding:17px;border:1px solid #dfe3e9;border-radius:12px;text-align:left;display:flex;align-items:center;gap:14px;background:#f7f9fb}.process button.active{border-color:#0071e3;background:#eaf4ff}.process button b{color:#7ca9d7;font-size:14px}.process button span{font-size:23px;font-weight:550}.process-tip{position:absolute;left:67px;top:610px;font-size:20px;color:#0065c8}.monet-page{background:#f8f7f3}.monet-copy{position:absolute;left:64px;top:155px;width:350px}.monet-copy h1{font-size:52px;line-height:1.3}.monet-copy p{font-size:25px;line-height:1.7;margin-top:30px}.monet-copy .primary{margin-top:28px;font-size:17px;padding:12px 20px;border-radius:25px}.monet-art{position:absolute;left:458px;top:75px;width:758px;height:548px;object-fit:contain;cursor:zoom-in}.monet-art-label{position:absolute;left:458px;top:631px;width:758px;text-align:center;font-size:14px;color:var(--muted)}.monet-reveal{font-size:22px!important;line-height:1.6!important;margin-top:23px!important;color:#0065c8}.rose-page .page-title{margin-top:14px}.rose-strip{position:absolute;left:64px;top:177px;width:1152px;height:384px;object-fit:contain;border-radius:11px;cursor:zoom-in}.rose-labels{position:absolute;left:64px;right:64px;top:580px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:22px}.rose-labels strong{font-weight:600}.rose-labels span{font-size:17px;color:var(--muted);margin-left:10px}.ending{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ending h1{font-size:72px;line-height:1.4;letter-spacing:-3px}.ending .end-question{font-size:31px;line-height:1.65;color:var(--muted);margin-top:43px}.ending .end-detail{font-size:20px;margin-top:38px;color:#0071e3}.toolbar{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:8px 12px;height:52px;border:1px solid #e1e1e6;border-radius:28px;background:#ffffffed;box-shadow:0 3px 25px #1016290b;backdrop-filter:blur(16px);z-index:20;white-space:nowrap}.toolbar button{height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:12px}.toolbar .icon-btn{width:34px;padding:0}.toolbar .help{font-size:16px;color:var(--muted)}.toolbar #page-button{gap:6px;padding:0 8px;font-size:12px;font-variant-numeric:tabular-nums}.toolbar #page-button b{font-weight:650;font-size:14px}.toolbar #page-button span{color:#86868b}.divider{height:20px;width:1px;background:var(--line);margin:0 5px}.progress-track{position:fixed;height:3px;background:#e5e5ea;bottom:0;left:0;right:0;z-index:23}#progress{height:100%;background:#0071e3;transition:width .25s}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}#toast{position:fixed;left:50%;bottom:94px;transform:translateX(-50%);background:#1d1d1feb;color:#fff;padding:12px 20px;font-size:13px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}#toast.visible{opacity:1}dialog{padding:30px;border:1px solid #e2e2e6;border-radius:22px;background:#fbfbfd;color:var(--ink);box-shadow:0 30px 100px #0003;max-height:88vh;max-width:calc(100vw - 40px)}dialog::backdrop{background:#11151b6e;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.dialog-header h2{font-size:24px;font-weight:650;line-height:1.5;letter-spacing:-.5px}.dialog-header .eyebrow{display:block;margin-bottom:7px}.dialog-header button,dialog [data-close]{background:#eaeaf0;border-radius:30px;font-size:13px;padding:8px 14px;white-space:nowrap}.dialog-header button:hover,dialog [data-close]:hover{background:#dddde5}#overview{width:1100px}#overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.overview-item{text-align:left;padding:0;background:transparent;border-radius:10px}.overview-item:hover{background:#e7edf4}.overview-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid transparent;border-radius:8px;background:#fff}.overview-item.active img{border-color:var(--blue)}.overview-item p{font-size:12px;line-height:1.5;padding:5px 4px;display:flex;gap:8px}.overview-item b{color:var(--blue);font-size:11px;font-variant-numeric:tabular-nums}.chapter-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.chapter-nav button{padding:7px 13px;background:#eeeef2;border-radius:20px;font-size:13px}.chapter-nav button:hover{background:#d9e9fc}#notes{width:900px}.note-tabs{display:flex;gap:8px;padding-bottom:20px;border-bottom:1px solid #e1e1e6;margin-bottom:20px}.note-tabs button{padding:8px 15px;border-radius:18px;font-size:13px;background:#eaeaf0}.note-tabs button.selected{background:var(--ink);color:white}#note-content{font-size:17px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}#note-content h3{font-size:15px;margin-top:22px;color:var(--blue)}#note-content p{margin-bottom:17px}#note-content .callout{font-size:15px;background:#eaf4ff;padding:16px;border-radius:13px;line-height:1.8}.source-link{display:block;font-size:14px;line-height:1.8;margin-bottom:6px}.source-details{font-size:14px;color:var(--muted);line-height:1.9;border-top:1px solid #ddd;margin-top:20px;padding-top:18px}.source-details summary{cursor:pointer}.source-details div{margin-top:12px}#zoom{padding:0;width:calc(100vw - 70px);height:calc(100vh - 70px);max-height:none;background:#f5f5f7;border-radius:16px;overflow:hidden}.zoom-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ddd;font-size:13px}.zoom-header div{display:flex;gap:12px}.zoom-header button{padding:7px 12px;border-radius:20px;font-size:13px;background:#e5e5eb}#zoom-scroll{height:calc(100% - 54px);overflow:auto;display:block;padding:16px}#zoom-image{display:block;margin:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}#zoom-image.large{max-width:none;max-height:none;width:200%;cursor:zoom-out}#focus-panel{height:100%;max-width:100%;aspect-ratio:3/2;margin:auto;background-size:200% 200%;background-repeat:no-repeat;border-radius:8px}#help{width:650px;line-height:1.8}#help p{font-size:14px;margin:12px 0}#help .muted{color:var(--muted)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}kbd{font-family:var(--font);font-size:12px;padding:3px 7px;border:1px solid #d4d4db;background:white;border-radius:5px;margin-right:5px;box-shadow:0 2px 0 #ddd}.primary{background:var(--blue);color:#fff;border-radius:25px;padding:10px 18px}.primary:hover{background:#0060c4}#jump{width:360px}#jump h2{font-size:23px;margin-bottom:22px}#jump label{display:block;font-size:14px;color:var(--muted);margin-bottom:7px}#jump input{padding:12px;font-size:22px;width:100%;border:1px solid #c7c7ce;border-radius:10px;background:#fff}#jump form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#jump form>div button{padding:8px 18px;border-radius:22px}body.fullscreen .app-header{display:none}body.fullscreen #viewport{inset:0}body.fullscreen #frame{border-radius:0;box-shadow:none}body.fullscreen .toolbar{bottom:18px;opacity:0;transition:opacity .25s}body.fullscreen.controls-visible .toolbar,body.fullscreen .toolbar:hover,body.fullscreen .toolbar:focus-within{opacity:1}body.fullscreen{background:#000}body.fullscreen .progress-track{height:2px;background:#1d1d1f}body.fullscreen #toast{bottom:84px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:700px){.app-header{padding:0 18px;height:48px}.header-meta span{display:none}.wordmark{font-size:11px}#viewport{left:8px;right:8px;top:48px;bottom:88px}.toolbar{gap:1px;padding:7px;max-width:calc(100vw - 16px);bottom:20px}.toolbar button{padding:0 8px}.toolbar button span{display:none}.toolbar #page-button span{display:inline}.toolbar .help{display:none}.toolbar .divider{margin:0 3px}.toolbar svg{width:18px;height:18px}.toolbar .icon-btn{width:30px}dialog{padding:20px;max-width:calc(100vw - 20px);max-height:92dvh;border-radius:16px}.dialog-header h2{font-size:20px}.dialog-header{gap:12px}#overview-grid{grid-template-columns:repeat(2,1fr);gap:12px}.chapter-nav{gap:6px}.chapter-nav button{font-size:12px}#note-content{font-size:16px}.help-grid{grid-template-columns:1fr}.zoom-header{padding:0 10px;font-size:11px}.zoom-header button{font-size:11px}#zoom{width:calc(100vw - 20px);height:calc(100dvh - 20px)}#toast{width:max-content;max-width:90vw;white-space:normal;text-align:center}}@media(max-height:500px) and (orientation:landscape){.app-header{display:none}#viewport{top:6px;bottom:60px}.toolbar{bottom:7px;height:43px}.toolbar button{height:30px}}@media print{body{overflow:visible;height:auto;background:white}.app-header,.toolbar,.progress-track,dialog,#toast{display:none!important}#viewport{position:static;display:block}#frame{transform:none;box-shadow:none}#stage{transform:none!important;position:static}}