@font-face{font-family:Xiaolu;src:url(../assets/fonts/xiaolu-home-b36a174db338.woff2) format("woff2");font-display:swap;font-weight:100 900;unicode-range:U+20-7E,U+B7,U+D7,U+2026,U+2161,U+2192-2193,U+2197,U+25B6,U+25CF,U+3001-3002,U+300C-300D,U+4E00,U+4E0A-4E0B,U+4E0D-4E0E,U+4E24,U+4E2A,U+4E2D,U+4E3A-4E3B,U+4E48,U+4E5F,U+4E86,U+4E8B,U+4E8E,U+4EA7,U+4EBA,U+4EC0,U+4EC5,U+4ECD-4ECE,U+4EE5,U+4EF6,U+4EFD,U+4F17,U+4F1A,U+4F34,U+4F4D,U+4F55,U+4F5C,U+4F60,U+4F7F,U+4F8B,U+4F9B,U+4F9D,U+4FA3,U+4FA7,U+4FDD,U+500D,U+505A,U+505C,U+50CF,U+5141,U+5148,U+514B,U+5165,U+5168,U+516C,U+5173,U+5177,U+517C,U+5185,U+518D,U+5199,U+51B3,U+51C6,U+51CF,U+51E0,U+51FA-51FB,U+5206-5207,U+5217,U+521A-521B,U+522B,U+5230,U+5236-5237,U+524D,U+529F-52A1,U+52A8-52A9,U+52FE,U+5305,U+533A,U+5355,U+5357,U+5374,U+539F,U+53CA,U+53D1,U+53D6,U+53E3,U+53E5,U+53EA,U+53EF-53F0,U+53F3,U+53F7,U+5408,U+540C-540E,U+5426,U+542B,U+542F,U+548C,U+54C1,U+54C8,U+5668,U+56DE,U+56F4,U+56FD-56FE,U+5728,U+5730,U+573A,U+5740,U+5757,U+57CE,U+57DF,U+5883,U+589E,U+58F0,U+5904,U+5907,U+590D,U+5916,U+591A,U+5927,U+592A,U+5931,U+5934,U+594F,U+597D,U+5982,U+59CB,U+5B50,U+5B57,U+5B66,U+5B89,U+5B8C,U+5B98,U+5B9A,U+5B9E,U+5BA2,U+5BB6,U+5BB9,U+5BC6,U+5BDF,U+5BF9,U+5BFC,U+5C01,U+5C06,U+5C0F,U+5C11,U+5C31,U+5C40,U+5C4F,U+5C55,U+5DE5,U+5DE7,U+5DF1-5DF2,U+5E02-5E03,U+5E0C,U+5E38,U+5E45,U+5E55,U+5E73,U+5E76,U+5E8F,U+5E93-5E94,U+5EA6,U+5EF6,U+5F00,U+5F0F,U+5F53,U+5F55,U+5F62,U+5F84-5F85,U+5F97,U+5FAE,U+5FC5,U+5FD8,U+5FEB,U+6001,U+600E,U+601D,U+6027,U+603B,U+610F,U+6210,U+6216,U+622A,U+6237,U+6240,U+624B,U+624D,U+6253,U+627E,U+6280,U+628A,U+6295,U+62D6,U+62DF,U+62E9,U+6301,U+6307,U+6309,U+6311,U+6362,U+636E,U+6388,U+6392,U+63A5,U+63A7-63A8,U+63D0,U+6444,U+64AD,U+64CD,U+652F,U+6536,U+6539,U+653E-653F,U+6548,U+6559,U+6574,U+6587,U+65B0,U+65B9,U+65C1,U+65E0,U+65E7,U+65F6,U+660E,U+6613,U+662F,U+663E,U+666F-6670,U+6682,U+66F4,U+66FF-6700,U+6709,U+670D,U+672A,U+672C,U+673A,U+6743,U+6750,U+675F,U+6761,U+6765,U+677F,U+6784,U+679C,U+67D3,U+67E5,U+6807,U+680F,U+6837,U+6839,U+6846,U+684C,U+68C0,U+695A,U+6A21,U+6A2A,U+6B21,U+6B62-6B63,U+6B65,U+6BB5,U+6BCF,U+6BD4,U+6C42,U+6C47,U+6CA1,U+6CD5,U+6CE8,U+6D3B,U+6D41,U+6D4B,U+6D88,U+6DFB,U+6E05,U+6E21,U+6E32,U+6E90,U+6EDA,U+6F14,U+70B9,U+7126,U+7167,U+7247-7248,U+7269,U+7279,U+72B6,U+7387,U+73AF,U+7406,U+751F,U+7528,U+7531,U+7535,U+753B,U+754C,U+7559,U+7565,U+767D,U+7684,U+76D6,U+76EE,U+76F4,U+7701,U+770B,U+771F,U+7740,U+786E,U+793A,U+79BB,U+79C1,U+79CD,U+79D2,U+79F0,U+79FB,U+7A0B,U+7A0D,U+7A3F,U+7A7A,U+7A81,U+7A97,U+7AD6,U+7AE0,U+7AEF,U+7B2C,U+7B49,U+7B56,U+7BAD,U+7BC7,U+7C97-7C98,U+7CFB,U+7D20,U+7EAF,U+7EB2-7EB3,U+7EBF,U+7EC4,U+7EC6,U+7EC8,U+7ED3,U+7ED5,U+7ED9,U+7EDF,U+7EE7,U+7EED,U+7F16,U+7F18,U+7F29,U+7F3A,U+7F51,U+7F6E,U+8005,U+805A,U+80FD,U+8111,U+8138,U+81EA,U+822A,U+8282,U+82AF,U+82E5,U+8303,U+83B7,U+83DC,U+865A,U+884C,U+8868,U+88AB,U+88C5,U+8981,U+8986,U+89C1-89C2,U+89C6,U+89C8,U+89D2,U+89E3,U+8BA1,U+8BA4,U+8BA9,U+8BB0,U+8BB2,U+8BB8,U+8BBA,U+8BBE,U+8BC1,U+8BC4,U+8BC6,U+8BCD,U+8BD5,U+8BDD,U+8BE5,U+8BED,U+8BF4,U+8BF7,U+8BFB,U+8C03,U+8D1F,U+8D23,U+8D26,U+8D2F,U+8D34,U+8D44,U+8D56,U+8D70,U+8D77,U+8DDF,U+8DEF,U+8DF3,U+8F68,U+8F6F,U+8F7D,U+8F83,U+8F91,U+8F93,U+8FB9,U+8FBE,U+8FC7,U+8FD1,U+8FD4,U+8FD9,U+8FDB,U+8FDE,U+8FF0,U+8FF9,U+9002,U+9009,U+9010,U+901A,U+901F,U+90E8,U+90FD,U+914D,U+91C7,U+91CA,U+91CC-91CD,U+91CF,U+9488,U+94A5,U+94AE,U+952E,U+955C,U+957F,U+95E8,U+95ED,U+95F4,U+9645,U+9650,U+9664,U+968F-9690,U+9694,U+96C6,U+9700,U+9732,U+9759,U+9762,U+97F3,U+9875,U+987A,U+987F,U+9884,U+9891,U+9898,U+98CE,U+9996,U+9A8C,U+9AA4,U+9EA6,U+9ED8,U+9F20,U+FF08-FF09,U+FF0C,U+FF1A-FF1B}:root{--paper: #f8f7f3;--ink: #171717;--muted: #696963;--line: #deded7;--coral: #f45148;--night: #141414;font-family:Xiaolu,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.58}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--coral);outline-offset:5px}img,video{display:block;max-width:100%}img{height:auto}figure,h1,h2,h3,p{margin:0}[hidden]{display:none!important}.shell{width:min(1312px,calc(100% - 96px));margin-inline:auto}.section{padding-block:56px}h2{font-size:clamp(38px,7.8vw,112px);line-height:1.15;letter-spacing:-.05em;font-weight:800;text-wrap:balance}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;min-height:54px;padding:14px 24px;font-weight:650;font-size:16px;white-space:nowrap}.button-coral{color:#fff;background:#e33e36}.button-coral:hover{background:#cb352f}.button-light{color:var(--ink);background:#f8f7f3}.text-button{padding:6px 0;background:none}.info-button{display:inline-grid;place-items:center;color:inherit;background:transparent;padding:8px;font-size:18px;min-width:36px;min-height:36px}.windows-mark{display:block;width:18px;height:18px;background:currentColor;clip-path:polygon(0 12%,100% 0,100% 100%,0 88%);position:relative}.windows-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 45%,#e33e36 45% 55%,transparent 55%),linear-gradient(to bottom,transparent 45%,#e33e36 45% 55%,transparent 55%)}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand img{border-radius:9px}.brand strong{font-size:25px;font-weight:750;letter-spacing:-.03em}.quiet-link{color:var(--muted);font-size:14px}.quiet-link:hover,.text-button:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:12px;left:20px;z-index:50;background:#fff;padding:12px;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto}@media(max-width:1024px){.shell{width:calc(100% - 64px)}}@media(max-width:700px){.shell{width:calc(100% - 40px)}.section{padding-block:32px}h2{font-size:clamp(29px,8vw,44px)}.button{font-size:14px;min-height:48px;padding-inline:16px}}@media(max-width:360px){.shell{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.site-header,.opening{background:var(--night);color:#f8f7f3}.nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.nav nav{display:flex;gap:54px;font-size:14px}.nav nav a:hover{color:#ff8179}.nav-download{min-height:40px;padding:9px 20px;font-size:14px;border-radius:24px}.hero{position:relative;padding-block:24px 38px}.hero h1{font-size:clamp(78px,8.9vw,128px);line-height:1.02;letter-spacing:-.065em;font-weight:850}.hero h1 span{position:relative}.hero h1 span:after{content:"";position:absolute;left:3px;bottom:-3px;width:38%;height:7px;background:var(--coral)}.hero-description{margin-top:24px;font-size:24px;line-height:1.5}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:26px}.mac-options{display:inline-flex;align-items:center;gap:4px}.mac-download{font-size:16px}.mac-download:hover{text-decoration:underline;text-underline-offset:5px}.hero-actions .info-button{color:#d4d4cc}.hero-aside{position:absolute;right:0;top:56px}.eyebrow{font-size:15px;letter-spacing:.02em;display:flex;align-items:center;gap:12px}.eyebrow>span{width:15px;height:15px;border-radius:50%;background:var(--coral)}.hero-note{margin:90px 10px 0 auto;font-family:KaiTi,STKaiti,serif;font-size:29px;line-height:1.6;transform:rotate(-7deg);border-bottom:1px solid #aaa99c;padding-bottom:12px;width:fit-content}.hero-film{padding:0 18px 44px}.film-frame{position:relative;border:1px solid #62625b;border-radius:20px;padding:10px;background:#292929}.film-frame video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px 12px 0 0;background:#f6f6f3}.frame-corner{position:absolute;width:34px;height:34px;border-color:#f8f7f3;border-style:solid;border-width:0;pointer-events:none}.top-left{top:-17px;left:-24px;border-top-width:6px;border-left-width:6px;border-radius:13px 0 0}.top-right{top:-17px;right:-24px;border-top-width:6px;border-right-width:6px;border-radius:0 13px 0 0}.bottom-left{bottom:-17px;left:-24px;border-bottom-width:6px;border-left-width:6px;border-radius:0 0 0 13px}.bottom-right{bottom:-17px;right:-24px;border-bottom-width:6px;border-right-width:6px;border-radius:0 0 13px}.film-controls{display:flex;align-items:center;gap:18px;min-height:44px;padding:0 12px}.film-controls button{color:#f8f7f3;background:none;min-height:40px;min-width:36px}.film-controls output{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#dddcd5}.film-controls input{accent-color:#f45148;min-width:50px;flex:1}.film-chapters{display:flex;gap:18px}.film-chapters button{font-size:12px;padding-inline:12px;white-space:nowrap}.film-chapters [aria-pressed=true]{color:#ff938b}@media(max-width:1120px){.hero-aside{top:44px}.eyebrow{font-size:12px}.hero-note{font-size:23px;margin-top:76px}}@media(max-width:900px){.hero-aside{display:none}.hero h1{font-size:90px}}@media(max-width:700px){.nav{min-height:74px;gap:14px}.nav .brand img{width:32px;height:32px}.nav .brand strong{font-size:21px}.nav nav{display:none}.nav-download{min-height:36px;font-size:12px;padding:9px 14px}.hero{padding-block:20px 36px}.hero h1{font-size:clamp(48px,13vw,76px);line-height:1.14}.hero h1 span:after{height:4px;bottom:-4px}.hero-description{font-size:17px;margin-top:24px}.hero-actions{gap:14px;margin-top:22px}.mac-download{font-size:13px}.hero-actions .info-button{min-width:28px;padding:4px}.hero-film{padding:0 6px 30px}.film-frame{border-radius:10px;padding:4px}.film-frame video{border-radius:6px 6px 0 0}.frame-corner{width:19px;height:19px;border-width:0}.top-left{top:-9px;left:-12px;border-top-width:3px;border-left-width:3px;border-radius:7px 0 0}.top-right{top:-9px;right:-12px;border-top-width:3px;border-right-width:3px;border-radius:0 7px 0 0}.bottom-left{bottom:-9px;left:-12px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 7px}.bottom-right{bottom:-9px;right:-12px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 7px}.film-controls{flex-wrap:wrap;gap:5px;padding:2px 5px}.film-controls input{width:60px}.film-controls .info-button{font-size:15px;padding:3px;min-width:28px}.film-chapters{order:5;width:100%;justify-content:space-evenly;gap:6px}}.product-stage{background:var(--night);color:#f8f7f3;padding-block:48px 34px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.editor-heading h2{font-size:clamp(32px,6.3vw,90px)}.editor-heading>span{font-size:12px;color:#d3d3cd;white-space:nowrap}.scene-tabs{display:flex;gap:24px;margin-bottom:20px}.scene-tabs button{background:none;color:#b8b8b1;padding:8px 0;min-height:40px;font-size:13px;border-bottom:2px solid transparent}.scene-tabs [aria-selected=true]{color:#fff;border-color:var(--coral)}.stage-screen{position:relative;background:#f6f6f3;border-radius:10px;overflow:hidden}.stage-screen video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.preview-label{position:absolute;top:16px;left:16px;padding:7px 12px;border-radius:7px;color:#fff;background:#232323db;font-size:13px}.stage-controls{display:flex;align-items:center;gap:18px;padding-top:20px}.stage-play{display:grid;place-items:center;height:44px;width:44px;border-radius:50%;color:var(--ink);background:#f8f7f3;font-size:14px;flex-shrink:0}.stage-controls p{font-size:14px}.stage-controls output{display:block;color:#b0b0a7;font-size:11px;margin-top:4px;font-variant-numeric:tabular-nums}.stage-controls input{width:min(180px,20vw);accent-color:var(--coral)}.stage-controls .info-button{color:#cecec8}.overview-link{color:#f8f7f3;background:none;padding:10px 0;margin-left:auto;font-size:13px;white-space:nowrap}@media(max-width:1024px){.editor-heading{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:700px){.product-stage{padding-block:30px 24px}.editor-heading h2{font-size:clamp(26px,7.3vw,44px)}.editor-heading>span{font-size:11px}.scene-tabs{margin-bottom:12px;gap:22px}.stage-screen{border-radius:6px}.stage-controls{gap:10px;flex-wrap:wrap;padding-top:14px}.stage-controls p{font-size:12px}.stage-controls input{width:60px;flex:1}.stage-play{width:36px;height:36px}.stage-controls .info-button{min-width:28px;padding:2px}.overview-link{width:100%;text-align:right}.preview-label{top:8px;left:8px;font-size:10px}}.comparison{display:grid;grid-template-columns:.45fr 1fr;gap:42px;align-items:center;margin-top:26px}.comparison figcaption{font-size:14px;font-weight:600;margin-bottom:12px}.original-view img{width:100%;border:1px solid #dfdfd8;border-radius:5px}.focus-view{position:relative;min-width:0}.comparison-image{position:relative;overflow:hidden;border-radius:6px;border:1px solid #ddd;--split: 0%}.comparison-image>img{width:100%;aspect-ratio:2.7;object-fit:cover}.comparison-reveal{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-reveal img{width:100%;height:100%;object-fit:cover}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--coral);transform:translate(-50%)}.comparison-line b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e33e36;color:#fff;font-size:18px}.focus-view>input{position:absolute;width:100%;height:calc(100% - 30px);left:0;top:0;margin:0;opacity:0;cursor:ew-resize}.focus-view:focus-within .comparison-image{outline:2px solid var(--coral);outline-offset:4px}.focus-view figcaption{display:flex;justify-content:space-between;margin:12px 0 0}.focus-view figcaption a{color:var(--muted);font-size:12px}.scenarios{background:#f45148;color:#201816;padding-block:40px}.scenarios h2{color:#fffdf9;font-size:clamp(34px,4.8vw,68px)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr) .82fr;gap:22px;margin-top:30px;align-items:start}.scenario-card{min-width:0}.scenario-card header{margin-bottom:12px}.scenario-card h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750}.scenario-card h3 span{display:grid;place-items:center;width:27px;height:27px;border-radius:5px;background:#612a26;color:#fff;font-size:14px}.scene-preview{display:block;width:100%;padding:0;overflow:hidden;border-radius:6px;background:#fff;text-align:left}.scene-preview img{width:100%;aspect-ratio:16/9;object-fit:contain}.scene-preview>span{display:block;background:#262221;color:#fffdf9;font-size:11px;padding:9px 12px}.scene-preview:hover>span{background:#3a2c29}.scenario-card>.quiet-link{display:block;color:#342322;font-size:12px;margin-top:12px;min-height:32px}.scene-options{background:#fffdf9;color:#242423;border-radius:6px;padding:20px 18px;margin-top:39px}.scene-options h3{font-size:14px;margin-bottom:20px}.board-modes{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.board-modes strong,.live-options strong{width:100%;font-size:12px;font-weight:600;margin-bottom:5px}.board-modes button{padding:8px 0;background:none;min-height:36px}.board-modes button:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #8a8880;margin-right:5px}.board-modes [aria-pressed=true]:before{border-color:#d2342c;background:#d2342c;box-shadow:inset 0 0 0 2px #fffdf9}.live-options{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.live-options a,.live-options button{font-size:11px;line-height:1.6}.live-options button{background:none;color:#81352f;padding:6px 0;text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.scenario-grid{grid-template-columns:repeat(3,1fr);gap:18px}.scene-options{grid-column:1 / -1;display:flex;align-items:center;gap:26px;margin-top:0}.scene-options h3{margin:0}.live-options{margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid var(--line)}}@media(max-width:700px){.comparison{grid-template-columns:1fr;gap:20px;margin-top:24px}.original-view{width:42%}.comparison figcaption{font-size:12px}.scenarios h2{font-size:29px}.scenario-grid{grid-template-columns:1fr;gap:26px;margin-top:24px}.scenario-card h3{font-size:18px}.scene-options{display:block;grid-column:auto;padding:20px}.scene-options h3{margin-bottom:18px}.live-options{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:12px}}.getting-started{padding-block:38px 8px}.getting-started h2{font-size:24px;letter-spacing:-.025em}.starter-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.starter-links a{display:flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.starter-links a:hover{text-decoration:underline;text-underline-offset:5px}.starter-links a>span{font-size:24px}.all-guides{border-top:1px solid var(--line);margin-top:18px}.all-guides summary{padding-block:18px;cursor:pointer;font-size:14px}.all-guides summary>span{color:var(--muted);margin-left:14px;font-size:12px}.guide-links{display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px;padding-bottom:10px}.guide-links a{padding-block:16px;border-top:1px solid var(--line);font-size:15px;line-height:1.5}.guide-links a:hover{color:#a4241f}@media(max-width:700px){.getting-started{padding-block:28px 0}.getting-started h2{font-size:23px}.starter-links{grid-template-columns:1fr;gap:8px;margin-top:16px}.starter-links a{border-bottom:1px solid var(--line);padding-bottom:8px}.guide-links{grid-template-columns:1fr}}.footer{color:var(--ink);background:var(--paper);padding:38px 0 30px}.footer-main{display:flex;gap:30px;align-items:center}.footer-main h2{font-size:clamp(28px,4vw,58px);white-space:nowrap}.footer-download{margin-left:auto;text-align:center}.footer-actions{display:flex;align-items:center;gap:18px}.footer-actions .text-button{font-size:13px;white-space:nowrap}.download-platform{display:block;font-size:11px;color:#62625e;margin-top:12px}.download-platform select{max-width:225px;color:inherit;border:0;border-bottom:1px solid #a9a99f;background:var(--paper);padding:5px 4px;font-size:11px}[data-download-status]{color:#66665d;font-size:11px;margin-top:6px}.retry{padding:8px;background:none;text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:30px;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;align-items:center;font-size:12px;color:#66665d}.footer-links button{font-size:inherit;color:inherit}.signature{font-size:14px;color:#66665d}@media(max-width:1024px){.footer-main{gap:20px;flex-wrap:wrap}.footer-main h2{font-size:32px}.footer-download{min-width:225px}}@media(max-width:700px){.footer{padding-block:30px}.footer-main{gap:16px}.footer-main .brand img{width:40px;height:40px}.footer-main .brand strong{font-size:20px}.footer-main h2{font-size:27px;white-space:normal}.footer-download{margin:6px 0 0;width:100%;min-width:0}.footer-actions{justify-content:space-between;gap:10px}.footer-actions .button{flex:1}.footer-bottom{align-items:flex-start;flex-direction:column;padding-top:24px}.footer-links{gap:14px}}.lesson-dialog{width:min(1540px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;color:#eef0f2;background:radial-gradient(ellipse at 40% 0,#25292c,#181b1e 70%);border:1px solid #ffffff25;border-radius:14px;box-shadow:0 30px 140px #0009;overflow:auto;overscroll-behavior:contain}.lesson-dialog::backdrop{background:#0b0d10c9;backdrop-filter:blur(8px)}.lesson-top{display:flex;align-items:center;gap:34px;padding:24px 40px 12px}.lesson-top>span{color:#babdc4;font-size:16px;border-left:1px solid #ffffff25;padding-left:30px}.lesson-close{margin-left:auto;border:1px solid #ffffff35;border-radius:6px;min-height:40px;padding:9px 22px;background:#ffffff04;font-size:15px}.lesson-close:hover{background:#ffffff12}.lesson-content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);column-gap:55px;padding:35px 40px 0}.lesson-heading{grid-column:1;margin-bottom:25px}.lesson-eyebrow{font-size:15px;color:#bfc2c8;margin-bottom:13px}.lesson-heading h2{font-size:clamp(30px,3.5vw,55px);line-height:1.3;outline:0}.lesson-summary{font-size:clamp(16px,1.4vw,22px);color:#c3c6cd;margin-top:17px;line-height:1.7}.lesson-visual{grid-column:1;min-width:0}.lesson-media{position:relative;background:#14171a;border:1px solid #ffffff20;border-radius:7px;overflow:hidden}.lesson-media>video,.lesson-media>img:first-child{width:100%;aspect-ratio:16/9;object-fit:contain}.lesson-media-label{position:absolute;bottom:54px;left:15px;color:#d0d3d9;background:#181b1dc9;padding:5px 8px;font-size:12px;border-radius:4px;pointer-events:none}.lesson-media:has(>img) .lesson-media-label{bottom:14px}.lesson-method{grid-column:2;grid-row:1 / span 2;border-left:1px solid #ffffff26;padding:46px 0 20px 35px}.lesson-method>h3{font-size:26px;font-weight:600;margin-bottom:24px}.lesson-steps{list-style:none;margin:0;padding:0}.lesson-step{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid #ffffff25}.lesson-step:last-child{border:0}.step-number{font-size:20px;line-height:1.5;color:#b6bac2}.lesson-step h4{font-size:19px;line-height:1.55;margin:0;font-weight:600}.lesson-step p{font-size:16px;line-height:1.8;color:#b8bdc7;margin-top:12px}.lesson-step.active{background:#ffffff06;border-radius:7px;box-shadow:14px 0 #ffffff06,-14px 0 #ffffff06}.lesson-step.active .step-number{color:var(--coral)}.lesson-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.lesson-chapter{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:none}.lesson-chapter>img{width:100%;aspect-ratio:1.8;object-fit:cover;border:2px solid transparent;border-radius:5px}.lesson-chapter>span{display:block;margin-top:9px;font-size:15px}.lesson-chapter[aria-pressed=true]{border-bottom-color:var(--coral)}.lesson-chapter[aria-pressed=true]>img{border-color:var(--coral)}.lesson-info{margin:18px 0 24px;font-size:13px;color:#a5abb5}.lesson-info summary{cursor:pointer;list-style:none;width:fit-content}.lesson-info summary::-webkit-details-marker{display:none}.lesson-info p{font-size:14px;line-height:1.8;margin-top:10px}.lesson-preparation{grid-column:1 / -1;display:flex;align-items:center;gap:28px;margin:28px -40px 0;padding:26px 40px;background:#f3f4f2;color:#30343c}.lesson-preparation h3{font-size:23px;white-space:nowrap}.lesson-preparation p{font-size:14px;line-height:1.7;max-width:215px;border-left:1px solid #d6d8df;padding-left:24px}.lesson-preparation a{margin-left:auto;font-size:14px;max-width:190px;line-height:1.6}.lesson-preparation a:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:1050px){.lesson-content{padding:25px 28px 0;gap:30px;grid-template-columns:1.3fr 1fr}.lesson-top{padding-inline:28px}.lesson-method{padding-left:24px;padding-top:20px}.lesson-step{padding-block:17px;gap:8px}.lesson-step h4{font-size:17px}.lesson-step p{font-size:15px;margin-top:8px}.lesson-heading h2{font-size:34px}.lesson-preparation{margin-inline:-28px;padding-inline:28px;flex-wrap:wrap;gap:20px}.lesson-preparation p{max-width:190px}.lesson-preparation a{margin-left:0}}@media(max-width:700px){.lesson-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:9px}.lesson-top{padding:17px 20px 5px;gap:18px}.lesson-top>span{padding-left:18px;font-size:13px}.lesson-close{min-height:42px;padding-inline:14px;font-size:14px}.lesson-content{display:block;padding:27px 20px 0}.lesson-heading h2{font-size:29px}.lesson-summary{font-size:16px}.lesson-method{padding:25px 0 0;border-left:0;border-top:1px solid #ffffff20;margin-top:15px}.lesson-method>h3{font-size:25px;margin-bottom:15px}.lesson-step{padding-block:20px;grid-template-columns:30px 1fr}.lesson-step h4{font-size:19px}.lesson-step p{font-size:16px}.lesson-chapters{gap:8px}.lesson-chapter>span{font-size:13px}.lesson-preparation{margin:22px -20px 0;padding:24px 20px;display:block}.lesson-preparation h3{margin-bottom:17px}.lesson-preparation p{padding:0;border:0;max-width:none;margin:12px 0;font-size:15px}.lesson-preparation a{display:inline-block;max-width:none;margin-top:10px;font-size:15px}}body.lesson-open,body.info-open,body.overview-open{overflow:hidden}.info-dialog,.overview-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:14px;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-shadow:0 24px 90px #0005}.info-dialog::backdrop,.overview-dialog::backdrop{background:#232323b3;backdrop-filter:blur(6px)}.info-dialog>header,.overview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.info-dialog h2,.overview-dialog h2{font-size:27px}.info-dialog h3{font-size:20px;margin-bottom:16px}.info-dialog p{font-size:15px;line-height:1.85;margin-top:16px;color:#595950}.icon-button{display:grid;place-items:center;min-height:40px;min-width:40px;background:#e7e4dc;border-radius:8px;font-size:24px}.release-notes{white-space:pre-wrap}.overview-dialog{width:min(1120px,calc(100% - 32px))}.overview-dialog video{width:100%;aspect-ratio:16/9;background:#282c2b;border-radius:8px}.lesson-dialog{color:var(--ink);background:var(--paper);border-color:var(--line)}.lesson-top>span,.lesson-summary,.lesson-eyebrow,.lesson-step p,.step-number{color:var(--muted)}.lesson-close,.lesson-method,.lesson-step,.lesson-top>span{border-color:var(--line)}.lesson-close:hover,.lesson-step.active{background:#e9e6df}.lesson-step.active{box-shadow:14px 0 #e9e6df,-14px 0 #e9e6df}.lesson-media{background:#fff;border-color:var(--line)}.lesson-method{border-color:var(--line)}.lesson-preparation{background:#e9e6df}.lesson-info{color:var(--muted)}@media(max-width:700px){.info-dialog,.overview-dialog{padding:20px;width:calc(100% - 24px)}.info-dialog h2,.overview-dialog h2{font-size:22px}}