:root{--bg:#fbf6ec;--surface:#fffdf8;--surface-2:#f3ebdc;--fg:#4a3b34;--muted:#73625a;--line:#eadfca;--ink:#4a3530;--accent:#5f9448;--accent-deep:#4b7a37;--accent-text:#4b7a37;--on-accent:#fff;--accent-soft:#e3efd5;--current-bg:#4b7a37;--current-fg:#fff;--current-shadow:#3a6129;--pink:#e2879a;--pink-deep:#c96a7f;--pink-text:#b0506a;--pink-soft:#fbe4e7;--pink-strong:oklch(55% .14 5);--on-pink:#fff;--sun:#e9b44c;--sun-soft:#fbf0d6;--sun-text:#7a5a12;--sky:#6fa8c8;--sky-soft:#e1eef5;--sky-text:#2f6585;--green-text:#406c2e;--rose-text:#a4485c;--hd-bg:#fbf6ece0;--sh-1:#5a3c280f;--sh-2:#5a3c2857;--shadow:0 1px 2px var(--sh-1),0 14px 30px -18px var(--sh-2);--code-bg:#4a3b34;--code-fg:#fffdf8;--wash-pink:#f8d6dc61;--wash-green:#d6e8c466;--hl:#bcdaa0b3;--mark:#f8d6dccc;--tape-1:#f0aab99e;--tape-2:#aacd8c9e;--tape-3:#f0d28c9e;--art-filter:none;--heading:"Kiwi Maru","Hiragino Maru Gothic ProN","Zen Maru Gothic",sans-serif;--font:"Hiragino Maru Gothic ProN","Zen Maru Gothic","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r-lg:22px;--r-md:16px;--ease:cubic-bezier(.2,.8,.2,1)}@supports (color:light-dark(#000,#fff)){:root{color-scheme:light dark;--bg:light-dark(#fbf6ec,oklch(21.5% .014 60));--surface:light-dark(#fffdf8,oklch(25.5% .016 60));--surface-2:light-dark(#f3ebdc,oklch(30% .018 62));--fg:light-dark(#4a3b34,oklch(93% .018 80));--muted:light-dark(#73625a,oklch(78% .022 70));--line:light-dark(#eadfca,oklch(37% .02 62));--ink:light-dark(#4a3530,oklch(95% .016 80));--accent:light-dark(#5f9448,oklch(74% .13 135));--accent-deep:light-dark(#4b7a37,oklch(50% .1 135));--accent-text:light-dark(#4b7a37,oklch(82% .12 135));--on-accent:light-dark(#fff,oklch(20% .03 135));--accent-soft:light-dark(#e3efd5,oklch(33% .05 135));--current-bg:light-dark(#4b7a37,oklch(74% .13 135));--current-fg:light-dark(#fff,oklch(20% .03 135));--current-shadow:light-dark(#3a6129,oklch(50% .1 135));--pink:light-dark(#e2879a,oklch(74% .11 5));--pink-deep:light-dark(#c96a7f,oklch(52% .1 5));--pink-text:light-dark(#b0506a,oklch(80% .09 5));--pink-soft:light-dark(#fbe4e7,oklch(33% .06 5));--pink-strong:light-dark(oklch(55% .14 5),oklch(74% .11 5));--on-pink:light-dark(#fff,oklch(20% .03 5));--sun:#e9b44c;--sun-soft:light-dark(#fbf0d6,oklch(35% .06 85));--sun-text:light-dark(#7a5a12,oklch(87% .1 85));--sky:#6fa8c8;--sky-soft:light-dark(#e1eef5,oklch(33% .045 235));--sky-text:light-dark(#2f6585,oklch(85% .06 235));--green-text:light-dark(#406c2e,oklch(82% .12 135));--rose-text:light-dark(#a4485c,oklch(86% .07 5));--hd-bg:light-dark(#fbf6ece0,oklch(21.5% .014 60/.86));--sh-1:light-dark(#5a3c280f,#0000004d);--sh-2:light-dark(#5a3c2857,#000000b8);--shadow:0 1px 2px var(--sh-1),0 14px 30px -18px var(--sh-2);--code-bg:light-dark(#4a3b34,oklch(17% .01 60));--code-fg:light-dark(#fffdf8,oklch(93% .018 80));--wash-pink:light-dark(#f8d6dc61,oklch(42% .07 5/.22));--wash-green:light-dark(#d6e8c466,oklch(42% .07 135/.2));--hl:light-dark(#bcdaa0b3,oklch(45% .08 135/.75));--mark:light-dark(#f8d6dccc,oklch(42% .08 5/.75));--tape-1:light-dark(#f0aab99e,oklch(62% .09 5/.55));--tape-2:light-dark(#aacd8c9e,oklch(62% .09 135/.5));--tape-3:light-dark(#f0d28c9e,oklch(70% .09 85/.5));--art-filter:none;--heading:"Kiwi Maru","Hiragino Maru Gothic ProN","Zen Maru Gothic",sans-serif;--font:"Hiragino Maru Gothic ProN","Zen Maru Gothic","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r-lg:22px;--r-md:16px;--ease:cubic-bezier(.2,.8,.2,1)}}:root[data-scheme=dark]{--art-filter:brightness(.82) saturate(.92)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}body{color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(60% 40% at 0% 18%,var(--wash-pink),transparent 70%),radial-gradient(50% 35% at 100% 52%,var(--wash-green),transparent 70%);background-attachment:fixed;margin:0;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:30;background:var(--bg);padding:8px 12px;top:8px;left:16px}.hd{z-index:20;background:var(--hd-bg);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid #0000;position:sticky;top:0}.hd-in{align-items:center;gap:20px;height:56px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:6px;font-size:21px;font-weight:900;line-height:1;display:flex}.logo i{background:var(--accent);width:11px;height:11px;transition:transform .5s var(--ease);border-radius:3px;margin-top:1px;display:block}.logo:hover i{transform:rotate(90deg)}.nav{gap:4px;margin-left:auto;font-size:14px;font-weight:700;display:none}.nav a,.chips a{border-radius:999px;align-items:center;min-height:36px;padding:0 14px;transition:background-color .2s,color .2s;display:flex}.nav a:hover,.chips a:hover{background:var(--surface)}.nav a[aria-current],.chips a[aria-current]{background:var(--fg);color:var(--bg)}.hd-act{align-items:center;margin-left:auto;display:flex}.chips{scrollbar-width:none;gap:6px;padding:0 20px 10px;font-size:14px;font-weight:700;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips a{background:var(--surface);flex:none}.progress{z-index:25;background:var(--accent);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.eyebrow{color:var(--accent-text);letter-spacing:.02em;margin:0;font-size:14px;font-weight:700}.sec{padding:56px 0 8px}.sec-hd{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.sec-hd h2{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(26px,6.4vw,40px);font-weight:900;line-height:1.25}.more{white-space:nowrap;min-height:44px;color:var(--accent-text);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.more span{transition:transform .3s var(--ease)}.more:hover span{transform:translate(4px)}.tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.tag{background:var(--surface-2);color:var(--fg);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.6}.hero-title{letter-spacing:-.045em;margin:10px 0 14px;font-size:clamp(42px,12vw,96px);font-weight:900;line-height:1.1}.hero-title .ln{padding-bottom:.06em;display:block;overflow:hidden}.hero-title .ln>span{display:inline-block}.hero-lead{color:var(--muted);margin:0;font-size:clamp(16px,2.2vw,20px);line-height:1.75}.feature{background:var(--surface);border-radius:var(--r-lg);transition:transform .5s var(--ease),box-shadow .5s var(--ease);grid-template-columns:minmax(0,1fr);margin-top:32px;display:grid;overflow:hidden}.feature:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-cover{aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}.feature-cover img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);display:block}.feature:hover .feature-cover img{transform:scale(1.03)}.feature-body{flex-direction:column;gap:10px;padding:22px 22px 24px;display:flex}.feature h2{letter-spacing:-.01em;margin:0;font-size:clamp(22px,5.4vw,32px);font-weight:900;line-height:1.4}.feature p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.feature-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;font-size:13px;display:flex}.go{background:var(--fg);width:36px;height:36px;color:var(--bg);transition:transform .4s var(--ease),background-color .2s;border-radius:50%;flex:none;place-items:center;display:grid}.go svg{width:16px;height:16px}.feature:hover .go,.card:hover .go{background:var(--accent);color:var(--on-accent);transform:translate(4px)}.cards{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.card{background:var(--surface);border-radius:var(--r-lg);transition:transform .5s var(--ease),box-shadow .5s var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.thumb{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);display:block}.card:hover .thumb img{transform:scale(1.04)}.thumb-fallback{place-items:center;display:grid;position:absolute;inset:0}.thumb-fallback span{letter-spacing:-.04em;color:var(--line);font-size:clamp(36px,8vw,56px);font-weight:900}.card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.card h3{margin:0;font-size:18px;font-weight:700;line-height:1.55}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.card-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.card .go{width:32px;height:32px}.tl{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tl li>*{background:var(--surface);border-radius:var(--r-md);height:100%;transition:transform .4s var(--ease),box-shadow .4s var(--ease);padding:18px 20px;display:block}.tl li>a:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.tl time{font-family:var(--mono);color:var(--accent-text);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.tl strong{margin-top:8px;font-size:17px;font-weight:700;line-height:1.45;display:block}.tl p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.65}.ver{font-family:var(--mono);font-size:12px}.ad{background:var(--surface);border-radius:var(--r-md);min-height:250px;color:var(--muted);place-items:center;font-size:12px;display:grid}.ad-wide{min-height:100px;margin:20px 0 0}.ad ins{width:100%;display:block}.ad-mt{grid-template-rows:auto 1fr;align-items:start;gap:6px;min-height:290px;padding:10px 0 12px}.ad-label{letter-spacing:.08em;margin:0;font-size:11px}.art-wrap{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:24px;display:grid}.art{min-width:0;max-width:720px}.crumb{color:var(--muted);gap:6px;font-size:13px;display:flex}.crumb a:hover{color:var(--accent-text)}.art-title{letter-spacing:-.02em;margin:12px 0 14px;font-size:clamp(27px,6.6vw,44px);font-weight:900;line-height:1.35}.art-meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.art-cover{border-radius:var(--r-lg);aspect-ratio:16/9;background:var(--surface);box-shadow:0 0 0 1px var(--line);margin:24px 0 0;overflow:hidden}.art-cover img{object-fit:cover;width:100%;height:100%;display:block}.answer{background:var(--accent-soft);border-radius:var(--r-md);margin:28px 0;padding:20px 22px}.answer-hd{color:var(--accent-text);align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:900;display:flex}.answer-hd svg{width:18px;height:18px}.answer ul{margin:0;padding-left:1.2em}.answer li{margin:6px 0;line-height:1.7}.answer-av{min-height:44px;color:var(--accent-text);text-underline-offset:3px;align-items:center;gap:4px;margin-top:4px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.av-banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);color:inherit;transition:transform .25s var(--ease);gap:4px;padding:20px 22px;text-decoration:none;display:grid}.av-banner:hover{transform:translateY(-2px)}.av-banner b{font:500 clamp(19px,4.6vw,24px)/1.45 var(--heading)}.av-banner>span:not(.eyebrow){color:var(--muted);font-size:14px}@media (prefers-reduced-motion:reduce){.av-banner{transition:none}.av-banner:hover{transform:none}}.toc{background:var(--surface);border-radius:var(--r-md);margin:0 0 8px;padding:18px 22px}.toc>p{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.toc ol{counter-reset:t;margin:0;padding:0;list-style:none}.toc li{counter-increment:t}.toc a{gap:12px;padding:7px 0;font-size:15px;font-weight:700;line-height:1.55;transition:color .2s;display:flex}.toc a:before{content:counter(t,decimal-leading-zero);font-family:var(--mono);color:var(--accent-text);white-space:nowrap;flex:none;padding-top:1px;font-size:14px}.toc a:hover{color:var(--accent-text)}.prose{font-size:17px;line-height:1.9}.prose h2{letter-spacing:-.01em;margin:56px 0 18px;padding-top:20px;scroll-margin-top:28px;font-size:clamp(22px,5.2vw,30px);font-weight:900;line-height:1.4;position:relative}.prose h2:before{content:"";background:var(--accent);border-radius:2px;width:36px;height:4px;position:absolute;top:0;left:0}.prose h3{margin:36px 0 10px;font-size:19px;font-weight:700;line-height:1.5}.prose p{margin:0 0 1.2em}.prose a{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose ol,.prose ul{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin:.35em 0}.prose li::marker{color:var(--accent-text);font-weight:700}.prose strong{background:linear-gradient(transparent 62%,var(--accent-soft) 62%);font-weight:700}.prose code{font-family:var(--mono);background:var(--surface);border-radius:6px;padding:.1em .4em;font-size:.88em}.prose pre{background:var(--code-bg);color:var(--code-fg);border-radius:var(--r-md);padding:16px 18px;font-size:13px;line-height:1.7;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{background:var(--surface);border-radius:var(--r-md);margin:24px 0;padding:16px 20px}.prose blockquote>:last-child{margin-bottom:0}.prose .yt{margin:24px 0 28px}.prose .yt-frame{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--surface);box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden}.prose .yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose .yt-frame{display:block}.prose .yt-frame img{object-fit:cover;width:100%;height:100%;max-height:none;box-shadow:none;border-radius:0;margin:0;position:absolute;inset:0}.prose .yt-play{color:#fff;background:#000000b8;border-radius:14px;place-items:center;width:68px;height:48px;margin:-24px 0 0 -34px;transition:background .2s;display:grid;position:absolute;top:50%;left:50%}.prose .yt-play svg{width:28px;height:28px}.prose a.yt-frame:hover .yt-play,.prose a.yt-frame:focus-visible .yt-play{background:#f03}.prose .yt figcaption{color:var(--muted);margin-top:8px;font-size:13px}.prose .stepvid{margin:20px 0 28px}.prose .stepvid video{background:var(--surface);width:min(100%,280px);height:auto;box-shadow:0 0 0 1px var(--line),var(--shadow);border-radius:18px;margin:0 auto;display:block}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:15px;display:block;overflow-x:auto}.prose .table-wrap{margin:0 0 1.4em;overflow-x:auto}.prose .table-wrap table{margin:0;display:table}.prose td{min-width:7.5em}.prose td:first-child{min-width:5.5em}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose th{background:var(--surface);white-space:nowrap}.prose img{width:auto;height:auto;max-height:600px;box-shadow:0 0 0 1px var(--line),var(--shadow);border-radius:18px;margin:12px auto 24px;display:block}.side{align-content:start;gap:24px;display:grid}.side-hd{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:700}.rank{counter-reset:r;background:var(--surface);border-radius:var(--r-md);margin:0;padding:6px 18px;list-style:none}.rank li{counter-increment:r}.rank li+li{border-top:1px solid var(--line)}.rank a{gap:12px;padding:14px 0;font-size:14px;font-weight:700;line-height:1.6;transition:color .2s;display:flex}.rank a:before{content:counter(r);font-family:var(--mono);color:var(--accent-text);font-size:18px;line-height:1.3}.rank a:hover{color:var(--accent-text)}.related{margin-top:24px}.page-head{padding:44px 0 8px}.page-head h1{letter-spacing:-.035em;margin:6px 0 10px;font-size:clamp(34px,9vw,64px);font-weight:900;line-height:1.12}.page-head p{color:var(--muted);margin:0}.page-body{padding:28px 0 8px}.empty{color:var(--muted);padding:24px 0}.ft{background:var(--surface);margin-top:88px;padding:44px 0 56px;font-size:14px}.ft-in{gap:24px;display:grid}.ft-tag{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.7}.ft-nav{flex-wrap:wrap;gap:0 20px;font-weight:700;display:flex}.ft-nav a{align-items:center;min-height:44px;display:inline-flex}.ft-copy{color:var(--muted);margin:0;font-size:12px}@media (prefers-reduced-motion:no-preference){.hero-title .ln>span{animation:rise-line 1.1s var(--ease) var(--d,0s) both}.hero-lead{animation:rise-in 1s var(--ease) .5s both}@supports (animation-timeline:view()){[data-reveal],.prose>h2,.prose img:not([data-cmp-img]),.prose .cmp{animation-name:reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 70%}[data-reveal=zoom]{animation-name:reveal-zoom}}}@keyframes rise-line{0%{transform:translateY(105%)}}@keyframes rise-in{0%{opacity:0;translate:0 12px}}@keyframes reveal{0%{opacity:0;translate:0 28px}}@keyframes reveal-zoom{0%{opacity:0;scale:.94}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}.hd{view-transition-name:site-header}.progress{view-transition-name:read-progress}}::view-transition-group(site-header){animation:none}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:vt-in .32s var(--ease) both}::view-transition-group(*){animation-duration:.42s;animation-timing-function:var(--ease)}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 10px}}.progress{display:none}@supports (animation-timeline:scroll()){.progress{animation-name:progress-grow;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);display:block}}@keyframes progress-grow{to{transform:scaleX(1)}}@media (width>=768px){.wrap{padding:0 32px}.chips{padding:0 32px 10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tl{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}.feature-cover{border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line);margin:24px 0 24px 24px}.feature-body{padding:32px 32px 28px}.ft-in{grid-template-columns:1fr auto;align-items:start}}@media (width>=1024px){.nav{display:flex}.chips{display:none}.hd-act{margin-left:8px}.hero{padding:72px 0 8px}.hero-title .ln:nth-child(n+2){display:inline-block}.feature{margin-top:48px}.feature-body{gap:14px;padding:40px 40px 34px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tl{grid-template-columns:repeat(4,minmax(0,1fr))}.sec{padding-top:88px}.art-wrap{grid-template-columns:minmax(0,720px) 300px;justify-content:space-between;padding-top:36px}.side{position:sticky;top:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}@supports (animation-timeline:scroll()){.progress{animation-name:progress-grow!important;animation-timing-function:linear!important;animation-fill-mode:both!important;animation-timeline:scroll(root)!important}}}.cmp{background:var(--surface);border-radius:var(--r-lg);max-width:340px;margin:16px auto 32px;padding:16px 16px 14px}.cmp-wide{max-width:none;padding:12px 12px 10px}.cmp-wide .cmp-stage{border-radius:12px}.cmp-stage{background:var(--surface-2);box-shadow:0 0 0 1px var(--line),var(--shadow);border-radius:18px;position:relative;overflow:hidden}.prose .cmp-stage img{object-fit:cover;object-position:top;width:100%;height:100%;max-height:none;box-shadow:none;opacity:0;transition:opacity .45s var(--ease);border-radius:0;margin:0;position:absolute;inset:0}.prose .cmp-stage img.is-on{opacity:1}.prose .cmp[data-live] .cmp-stage img{transition:none}.cmp-ctrl{margin-top:16px}.cmp input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block}.cmp input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--p),var(--surface-2) var(--p));border-radius:3px;height:6px}.cmp input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--accent) var(--p),var(--surface-2) var(--p));border-radius:3px;height:6px}.cmp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;margin-top:-11px;box-shadow:0 1px 2px #0003,0 4px 12px #0000002e}.cmp input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 1px 2px #0003,0 4px 12px #0000002e}.cmp input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.cmp-ticks{height:36px;margin-top:2px;position:relative}.cmp-ticks button{top:0;left:var(--x);transform:translateX(calc(var(--x) * -1));white-space:nowrap;min-height:36px;color:var(--muted);padding:0 2px;font-size:13px;font-weight:700;transition:color .2s;position:absolute}.cmp-ticks button.is-on{color:var(--accent-text)}.cmp figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px;line-height:1.6}.cmp-direct .cmp-ctrl{margin-top:4px}.cmp-direct input[type=range]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cmp-direct .cmp-ctrl{position:relative}.cmp-direct .cmp-ticks button{left:calc(var(--x0) + var(--t) * (var(--x1) - var(--x0)));transform:translate(-50%)}.cmp-hit{left:calc(var(--x0) - 8%);width:calc(var(--x1) - var(--x0) + 16%);top:calc(var(--y) - 6%);cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;height:12%;position:absolute}.cmp.is-dragging .cmp-hit{cursor:grabbing}.cmp:has(input:focus-visible) .cmp-hit{outline:3px solid var(--accent);outline-offset:2px;border-radius:999px}.cmp-hint{left:calc(var(--x0) + var(--v,.5) * (var(--x1) - var(--x0)));top:var(--y);pointer-events:none;width:0;height:0;transition:opacity .3s;position:absolute}.cmp-hint:before{content:"";border:3px solid var(--accent);width:60px;height:44px;animation:cmp-pulse 1.6s var(--ease) infinite;border-radius:999px;position:absolute;top:-22px;left:-30px}.cmp-hint span{white-space:nowrap;background:var(--current-bg);color:var(--current-fg);box-shadow:var(--shadow);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.5;position:absolute;bottom:30px;left:0;transform:translate(-50%)}.cmp-hint span:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--current-bg);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.cmp.is-touched .cmp-hint{opacity:0}@keyframes cmp-pulse{0%{opacity:1;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.25)}}h1,h2,h3,.logo,.eyebrow,.nav a,.chips a,.more,.tag,.go,.ft-nav a,.toc>p,.side-hd,.answer-hd{font-family:var(--heading);font-weight:500}.hd{border-bottom:1px solid var(--line)}.hd-in{height:60px}.logo{letter-spacing:.04em;gap:8px;font-size:22px;font-weight:500}.logo img{width:38px;height:38px;filter:var(--art-filter);transition:transform .5s var(--ease);display:block}.logo:hover img{transform:rotate(-10deg)}.nav a,.chips a{color:var(--muted);font-size:15px}.nav a:hover,.chips a:hover{background:var(--accent-soft);color:var(--fg)}.nav a[aria-current],.chips a[aria-current]{background:var(--current-bg);color:var(--current-fg);box-shadow:0 3px 0 var(--current-shadow)}.chips a{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.eyebrow{color:var(--pink-text);letter-spacing:.06em;align-items:center;gap:8px;font-size:15px;display:inline-flex}.eyebrow:before{content:"";width:18px;height:18px;filter:var(--art-filter);background:url(/art/sprig.webp) 50%/contain no-repeat;flex:none}.hero{padding:28px 0 8px}.hero-grid{align-items:center;gap:20px;display:grid}.hero-title{letter-spacing:.02em;-webkit-text-stroke:1px currentColor;paint-order:stroke fill;color:var(--ink);font-size:clamp(36px,10vw,68px);font-weight:500;line-height:1.3}.hero-title .hl{background:linear-gradient(transparent 58%,var(--hl) 58%,var(--hl) 90%,transparent 90%);padding:0 .12em}.hero-lead{color:var(--muted);font-size:clamp(15px,2vw,18px)}.hero-art{margin:0;position:relative}.hero-art .desk{border:6px solid var(--surface);width:100%;height:auto;box-shadow:var(--shadow);filter:var(--art-filter);border-radius:26px;display:block;transform:rotate(1.2deg)}.hero-art .pal{width:clamp(110px,30vw,170px);height:auto;filter:var(--art-filter) drop-shadow(0 8px 14px var(--sh-2));position:absolute;bottom:-22px;left:-6px}.bubble span{display:block}.bubble{background:var(--surface);width:max-content;max-width:70%;box-shadow:var(--shadow);font:500 15px/1.6 var(--heading);color:var(--fg);border-radius:20px;padding:10px 16px;position:absolute;top:-16px;right:10px;transform:rotate(-2deg)}.bubble:after{content:"";border:10px solid #0000;border-bottom:0;border-top-color:var(--surface);position:absolute;bottom:-10px;left:22px}.feature,.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:visible}.feature-cover,.thumb{border-radius:16px;margin:10px 10px 0}.card .thumb{aspect-ratio:16/9}.feature:before,.card:before{content:"";z-index:2;background:var(--tape-1);border-radius:3px;width:84px;height:22px;margin-left:-42px;position:absolute;top:-9px;left:50%;transform:rotate(-3deg)}.card:nth-child(3n+2):before{background:var(--tape-2);transform:rotate(2deg)}.card:nth-child(3n):before{background:var(--tape-3);transform:rotate(-1deg)}.feature:hover,.card:hover{transform:translateY(-5px)rotate(-.4deg)}.feature h2,.card h3{font-family:var(--font);font-weight:700}.go{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-deep)}.feature:hover .go,.card:hover .go{background:var(--pink);box-shadow:0 3px 0 var(--pink-deep)}.tag{background:var(--surface-2);color:var(--fg)}.tag-ai{background:var(--pink-soft);color:var(--rose-text)}.tag-app{background:var(--accent-soft);color:var(--green-text)}.tag-gadget{background:var(--sky-soft);color:var(--sky-text)}.tag-new{background:var(--pink-strong);color:var(--on-pink)}.sec-hd h2{font-size:clamp(22px,6vw,40px)}.sec-hd h2,.page-head h1{letter-spacing:.02em;-webkit-text-stroke:.6px currentColor;color:var(--ink);font-weight:500}.sec-hd h2 span,.page-head h1 span{background:linear-gradient(transparent 55%,var(--hl) 55%,var(--hl) 90%,transparent 90%);padding:0 .2em}.tl li>*{background:var(--surface);border:1px solid var(--line)}.tl time{color:var(--pink-text)}.art-title{font-family:var(--heading);letter-spacing:.02em;-webkit-text-stroke:.6px currentColor;color:var(--ink);font-weight:500}.art-cover{border:6px solid var(--surface);box-shadow:var(--shadow)}.answer{background:0 0;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding:0;display:grid}.answer-pal{width:64px;height:64px;filter:var(--art-filter);border-radius:50%;display:block}.answer-body{background:var(--surface);border:2px solid var(--accent-soft);box-shadow:var(--shadow);border-radius:20px;padding:16px 20px;position:relative}.answer-body:before{content:"";border:10px solid #0000;border-left:0;border-right-color:var(--accent-soft);position:absolute;top:22px;left:-12px}.answer-hd{color:var(--accent-text);font-size:16px}.answer li::marker{color:var(--accent)}.toc{background:var(--surface);border:1px dashed var(--line)}.toc a{font-family:var(--font)}.toc a:before{color:var(--pink-text)}.prose h2{font-family:var(--heading);letter-spacing:.02em;color:var(--ink);padding:0 0 0 44px;font-weight:500}.prose h2:before{width:34px;height:34px;filter:var(--art-filter);background:url(/art/sprig.webp) 50%/contain no-repeat;border-radius:0;top:.15em}.prose h3{font-family:var(--heading);font-weight:500}.prose strong{background:linear-gradient(transparent 62%,var(--mark) 62%)}.prose a{color:var(--accent-text)}.prose th{background:var(--surface-2)}.prose img{border:5px solid var(--surface)}.rank{background:var(--surface);border:1px solid var(--line)}.rank a:before{color:var(--pink-text)}.ft{background:var(--surface-2);margin-top:120px;padding-top:56px;position:relative}.ft:before{content:"";pointer-events:none;height:80px;filter:var(--art-filter);background:url(/art/meadow.webp) bottom/auto 100% repeat-x;position:absolute;top:-70px;left:0;right:0}.ft-nav a:hover{color:var(--accent-text)}@media (width>=768px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.hero-art .pal{bottom:-30px;left:-40px}.feature-cover{margin:14px 0 14px 14px}}@media (width>=1024px){.hero{padding:56px 0 8px}.hero-title .ln:nth-child(n+2){display:block}}body{word-break:keep-all;overflow-wrap:anywhere}picture{display:contents}.hd-search{background:var(--surface);min-width:44px;min-height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font:500 15px/1 var(--heading);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 14px 0 12px;transition:background-color .2s,color .2s;display:inline-flex}.hd-search svg{width:19px;height:19px;color:var(--accent-text);flex:none}.hd-search:hover{background:var(--accent-soft)}.hd-search[aria-current]{background:var(--current-bg);color:var(--current-fg);box-shadow:0 3px 0 var(--current-shadow)}.hd-search[aria-current] svg{color:inherit}@media (width>=1024px){.hd-search{margin-left:8px}}h1,h2,h3,.hero-lead,.bubble,.answer-hd{text-wrap:balance}.art-title{text-wrap:wrap}.prose p,.prose li,.prose figcaption,.card p,.feature p,.page-head p,.answer li{text-wrap:pretty}.card{container:card/inline-size}.card-in{flex-direction:column;flex:1;min-width:0;display:flex}@container card (width>=540px){.card-in{flex-direction:row;align-items:center}.card .thumb{flex:0 0 46%;margin:10px 0 10px 10px}.card-body{padding:18px 22px}}@media (prefers-reduced-motion:no-preference){.bubble{transition:opacity .6s var(--ease) .8s,translate .6s var(--ease) .8s}.answer-body{transition:opacity .5s var(--ease) .15s,translate .5s var(--ease) .15s}@starting-style{.bubble{opacity:0;translate:0 10px}.answer-body{opacity:0;translate:-8px}}}.fam[data-astro-cid-sesyfr4l]{border-top:1px solid var(--line);margin:20px 0 12px;padding-top:16px}.fam-hd[data-astro-cid-sesyfr4l]{color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:700}.fam-hd[data-astro-cid-sesyfr4l] a[data-astro-cid-sesyfr4l]{color:inherit}.fam[data-astro-cid-sesyfr4l] ul[data-astro-cid-sesyfr4l]{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.fam[data-astro-cid-sesyfr4l] li[data-astro-cid-sesyfr4l] a[data-astro-cid-sesyfr4l]{min-height:44px;color:inherit;flex-direction:column;justify-content:center;text-decoration:none;display:flex}.fam[data-astro-cid-sesyfr4l] b[data-astro-cid-sesyfr4l]{font:500 14px/1.4 var(--heading)}.fam[data-astro-cid-sesyfr4l] small[data-astro-cid-sesyfr4l]{color:var(--muted);font-size:11px}.fam[data-astro-cid-sesyfr4l] a[data-astro-cid-sesyfr4l]:hover b[data-astro-cid-sesyfr4l]{color:var(--accent-text)}.fam[data-astro-cid-sesyfr4l] a[data-astro-cid-sesyfr4l].here b[data-astro-cid-sesyfr4l]{color:var(--fg);text-decoration:underline 2px var(--accent);text-underline-offset:5px}.tt[data-astro-cid-gh3gmcqw]{background:var(--surface);min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font:500 14px/1 var(--heading,inherit);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background-color .2s;display:inline-flex}.tt[data-astro-cid-gh3gmcqw][hidden]{display:none}html[data-switching] *,html[data-switching] :before,html[data-switching] :after{transition:none!important}.tt[data-astro-cid-gh3gmcqw]:hover{background:var(--accent-soft)}.tt[data-astro-cid-gh3gmcqw] svg[data-astro-cid-gh3gmcqw]{width:20px;height:20px;color:var(--accent-text);flex:none}.tt[data-astro-cid-gh3gmcqw]:not([data-mode=auto]) .tt-auto[data-astro-cid-gh3gmcqw],.tt[data-astro-cid-gh3gmcqw]:not([data-mode=light]) .tt-light[data-astro-cid-gh3gmcqw],.tt[data-astro-cid-gh3gmcqw]:not([data-mode=dark]) .tt-dark[data-astro-cid-gh3gmcqw]{display:none}@media (width<=720px){.tt[data-astro-cid-gh3gmcqw]{padding:0}.tt-label[data-astro-cid-gh3gmcqw]{display:none}}