:root{--color-eager-green:#58cc02;--color-storybook-green:#d7ffb8;--color-spark-blue:#1cb0f6;--color-fresh-leaf:#a5ed6e;--color-night-ink:#000437;--color-paper-white:#fff;--color-charcoal:#4b4b4b;--color-pencil-gray:#777;--color-faded-gray:#afafaf;--font-feather:"feather", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-duolingo-sans:"duolingo-sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption:13px;--leading-caption:1.23;--text-nav-label:15px;--leading-nav-label:1.33;--tracking-nav-label:.795px;--text-body:17px;--leading-body:1.18;--text-subheading:19px;--leading-subheading:1.4;--text-heading-sm:32px;--leading-heading-sm:1.2;--text-heading:48px;--leading-heading:1.2;--tracking-heading:-.96px;--text-display:64px;--leading-display:1.2;--tracking-display:-1.28px;--font-weight-medium:500;--font-weight-bold:700;--spacing-unit:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--spacing-96:96px;--page-max-width:1200px;--section-gap:80-120px;--card-padding:16-24px;--element-gap:12px;--radius-xl:12px;--radius-links:12px;--radius-buttons:12px;--radius-nav-items:12px;--surface-paper-white:#fff;--surface-storybook-green:#d7ffb8;--surface-eager-green:#58cc02;--surface-night-ink:#000437;--pink:#d63384;--pink-bright:#e64a8a;--pink-press:#a8215f;--pink-soft:#ffb3d1;--pink-wash:#ffe3ef;--pink-paper:#fff7fb;--ink-blue:#3b4a8c;--line:#e5e5e5;--font-display:"Nunito", var(--font-feather);--font-body:"Nunito Sans", var(--font-duolingo-sans);--font-mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 40px);--nav-h:62px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper-white);color:var(--color-charcoal);font:var(--font-weight-medium) var(--text-body)/1.5 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--ink-blue)}code,.mono{font-family:var(--font-mono);font-size:.86em}:not(pre)>code{background:#f2f2f2;border-radius:6px;padding:1px 6px}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--ink-blue);outline-offset:3px;border-radius:8px}.skip{z-index:100;background:var(--color-night-ink);color:#fff;border-radius:var(--radius-xl);padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.progress{z-index:60;height:4px;position:fixed;inset:0 0 auto}.progress-bar{background:var(--pink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.btn{border-radius:var(--radius-buttons);min-height:48px;font:var(--font-weight-bold) var(--text-nav-label)/1 var(--font-body);letter-spacing:var(--tracking-nav-label);text-transform:uppercase;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--pink);color:var(--color-paper-white);border-bottom:4px solid var(--pink-press)}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{border-bottom-width:2px}.btn-ghost{background:var(--color-paper-white);color:var(--ink-blue);border-color:var(--line);border-bottom:4px solid var(--line)}.btn-ghost:hover{background:#f7f7f7}.btn-ghost:active{border-bottom-width:2px}.btn-sm{min-height:40px;font-size:var(--text-caption);padding:8px 16px}.btn-lg{min-height:60px;font-size:var(--text-subheading);padding:16px 32px}.btn-round{letter-spacing:0;width:52px;padding:0;font-size:20px}.nav-wrap{z-index:50;border-bottom:2px solid var(--line);background:#fffffff0;position:sticky;top:0}.nav{max-width:var(--page-max-width);padding:10px var(--gutter);align-items:center;gap:12px;margin:0 auto;display:flex}.brand{color:var(--pink-bright);font:900 22px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand img{border-radius:8px}.nav-links{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{border-radius:var(--radius-nav-items);color:var(--color-pencil-gray);font:var(--font-weight-bold) var(--text-nav-label)/1 var(--font-body);letter-spacing:var(--tracking-nav-label);text-transform:uppercase;padding:10px 14px;text-decoration:none;display:block}.nav-links a:hover{color:var(--color-charcoal);background:#f2f2f2}@media (width<=880px){.nav-links,.nav-gh{display:none}}@media (width<=420px){.brand span{display:none}}.chapter{max-width:var(--page-max-width);min-height:calc(100svh - var(--nav-h));padding:clamp(24px, 5svh, 64px) var(--gutter);scroll-margin-top:var(--nav-h);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid}.chapter-stack{align-content:center;row-gap:clamp(16px,3svh,32px)}.chapter-flip .chapter-art{order:2}.name-uni{color:#1a1a1a}.chapter-tutor .chapter-art{order:2}.shot-tilt{border-width:3px;border-color:var(--pink-soft);rotate:2deg}.shot-tilt img{max-height:none}.says{align-items:flex-start;gap:18px;display:flex}.avatar{border:3px solid var(--pink-soft);border-radius:50%;flex:none;width:64px;height:64px}.display em{color:#1a1a1a;font-style:normal}.chapter-stack{grid-template-columns:minmax(0,1fr);display:grid}.chapter-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.chapter-art{justify-content:center;display:flex;position:relative}.yuii{width:auto;max-height:min(560px,62svh);-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.yuii-sm{max-height:min(300px,30svh)}.chapter-text{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.chip{border:2px solid var(--line);color:var(--color-pencil-gray);font:var(--font-weight-bold) var(--text-caption)/1 var(--font-body);letter-spacing:var(--tracking-nav-label);text-transform:uppercase;border-radius:999px;padding:8px 14px;display:inline-block}.display{font:900 clamp(36px, 4.6vw, 60px)/1.08 var(--font-display);letter-spacing:-.02em;color:var(--pink-bright);text-wrap:balance}.chapter-hero .display{font-size:clamp(40px,6vw,68px)}.bubble{border:2px solid var(--line);background:var(--color-paper-white);max-width:560px;color:var(--color-pencil-gray);font-size:var(--text-subheading);border-radius:20px;padding:20px 24px;line-height:1.5;position:relative}.bubble:before,.bubble:after{content:"";border:12px solid #0000;position:absolute;top:28px}.bubble:before{border-right:14px solid var(--line);left:-26px}.bubble:after{border-right:14px solid var(--color-paper-white);left:-21px}.chapter-flip .bubble:before{border-right:12px solid #0000;border-left:14px solid var(--line);left:auto;right:-26px}.chapter-flip .bubble:after{border-right:12px solid #0000;border-left:14px solid var(--color-paper-white);left:auto;right:-21px}.actions{flex-wrap:wrap;gap:12px;display:flex}.meta{color:var(--color-faded-gray);font-size:var(--text-caption);letter-spacing:var(--tracking-nav-label);text-transform:uppercase;font-weight:700}.mess{z-index:1;pointer-events:none;position:absolute;inset:0}.sticky{max-width:170px;color:var(--color-charcoal);font:700 14px/1.3 var(--font-body);background:#fff7d6;border:2px solid #f0e2a8;border-radius:10px;padding:10px 12px;position:absolute}.s1{top:4%;left:0;rotate:-8deg}.s2{top:2%;right:2%;rotate:6deg}.s3{top:46%;left:-4%;rotate:5deg}.s4{bottom:10%;right:-2%;rotate:-5deg}.s5{background:#ffe3e3;border-color:#f5c2c2;bottom:0;left:18%;rotate:3deg}.a1{top:2%;left:2%;rotate:-7deg}.a2{top:0;right:6%;rotate:5deg}.a3{top:24%;left:-4%;rotate:4deg}.a4{top:22%;right:-3%;rotate:-6deg}.a5{top:50%;left:-6%;rotate:-3deg}.a6{top:52%;right:-5%;rotate:7deg}.a7{background:#ffe3e3;border-color:#f5c2c2;bottom:6%;left:2%;rotate:5deg}.a8{bottom:2%;right:4%;rotate:-4deg}.pain{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pain li{color:var(--color-pencil-gray);padding-left:34px;position:relative}.pain li:before{content:"✗";color:#d33;background:#ffe3e3;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid;position:absolute;top:0;left:0}.tour-head{text-align:center;justify-items:center;gap:12px;display:grid}.chapter-stack .display{font-size:clamp(30px,3.6vw,46px)}.carousel{width:100%}.carousel-tabs{scrollbar-width:thin;gap:8px;padding:4px 4px 12px;display:flex;overflow-x:auto}.carousel-tabs button,.segmented button{cursor:pointer;border:2px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-paper-white);min-height:44px;color:var(--color-pencil-gray);font:var(--font-weight-bold) 15px/1 var(--font-body);border-bottom-width:4px;flex:none;padding:10px 16px}.carousel-tabs button[aria-selected=true],.segmented button[aria-selected=true]{background:var(--pink-wash);border-color:var(--pink-soft);color:var(--pink-press)}.carousel-stage{border:2px solid var(--line);border-radius:24px;margin-top:12px;padding:clamp(16px,3vw,32px)}.slide{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);align-items:center;gap:clamp(20px,3vw,40px);display:grid}.slide-text{gap:14px;display:grid}.slide h3{font:900 clamp(26px, 3vw, var(--text-heading-sm))/1.15 var(--font-display);color:var(--color-charcoal);letter-spacing:-.01em}.slide p{color:var(--color-pencil-gray)}.tag{color:var(--ink-blue);font:var(--font-weight-bold) var(--text-caption)/1 var(--font-body);letter-spacing:var(--tracking-nav-label);text-transform:uppercase}.ticks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ticks li{color:var(--color-charcoal);padding-left:30px;font-size:16px;position:relative}.ticks li:before{content:"✓";background:var(--pink-wash);width:22px;height:22px;color:var(--pink-press);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:1px;left:0}.shot img{width:auto;max-height:52svh;margin-inline:auto}.shot{border:2px solid var(--line);background:#fafafa;border-radius:16px;margin:0;overflow:hidden}.carousel-nav{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.carousel-count{text-align:center;min-width:64px;color:var(--color-pencil-gray);font-weight:800}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.facts li{border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;gap:4px;padding:16px;display:grid}.facts strong{color:var(--color-charcoal);font-size:var(--text-subheading);font-weight:800}.facts span{color:var(--color-pencil-gray);font-size:15px}.install{gap:16px;display:grid}.segmented{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.install-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;display:grid}.card{border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;padding:24px;display:grid}.card h3{font:800 22px/1.2 var(--font-body);color:var(--color-charcoal)}.card p{color:var(--color-pencil-gray)}.card-feature{border-color:var(--pink-soft);background:var(--pink-paper)}.note{font-size:15px}.assets{gap:8px;display:grid}.asset{border:2px solid var(--pink);border-radius:var(--radius-buttons);background:var(--color-paper-white);color:var(--pink-press);overflow-wrap:anywhere;border-bottom-width:4px;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:800;text-decoration:none;display:flex}.asset:hover{background:var(--pink-wash)}.asset .size{color:var(--color-pencil-gray);flex:none;font-weight:700}.code{background:var(--color-night-ink);border-radius:14px;align-items:flex-start;display:flex}.code pre{color:#e8ecff;min-width:0;font:13px/1.6 var(--font-mono);flex:1;margin:0;padding:16px;overflow-x:auto}.copy{color:#fff;min-height:32px;font:700 12px/1 var(--font-body);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#ffffff24;border:0;border-radius:8px;flex:none;margin:8px 8px 0 0;padding:6px 12px}.copy:hover{background:#ffffff3d}.manual{border:2px solid var(--line);border-radius:16px;padding:16px 20px}.manual summary{cursor:pointer;color:var(--ink-blue);font-weight:800}.manual[open] summary{margin-bottom:14px}.manual .note{color:var(--color-pencil-gray);margin-top:12px}.steps{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;color:var(--color-charcoal);align-items:center;gap:12px;font-weight:700;display:flex}.steps li:before{content:counter(s);background:var(--pink);color:#fff;width:32px;height:32px;font:900 16px/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.footer{background:var(--pink);color:var(--color-paper-white)}.footer-inner{max-width:var(--page-max-width);padding:var(--spacing-48) var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand img{background:#fff;border-radius:10px}.footer-links{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#fff;font-weight:800;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer :focus-visible{outline-color:#fff}@media (width<=860px){.chapter,.chapter-row{grid-template-columns:minmax(0,1fr)}.chapter-flip .chapter-art{order:0}.yuii{max-height:40svh}.yuii-sm{max-height:28svh}.bubble:before,.bubble:after,.chapter-flip .bubble:before,.chapter-flip .bubble:after{border:12px solid #0000;border-bottom:14px solid var(--line);top:-26px;left:40px;right:auto}.bubble:after,.chapter-flip .bubble:after{border-bottom-color:var(--color-paper-white);top:-21px}.slide,.install-grid{grid-template-columns:minmax(0,1fr)}.slide .shot{order:-1}.sticky{max-width:130px;font-size:12px}.avatar{width:48px;height:48px}.says{gap:14px}.says .bubble:before,.says .bubble:after{border:12px solid #0000;border-right:14px solid var(--line);top:16px;left:-26px}.says .bubble:after{border-right-color:var(--color-paper-white);left:-21px}}@media (width<=480px){.facts{grid-template-columns:1fr}.sticky.s3,.sticky.s4,.sticky.a3,.sticky.a4{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:active{transition:none;transform:none}}.mail-frame{border:0;width:100%;max-width:540px;height:305px;display:block}