@font-face{font-family:SekaiText;src:url(/assets/ZenKaku-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:SekaiText;src:url(/assets/ZenKaku-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SekaiText;src:url(/assets/ZenKaku-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:SekaiDisplay;src:url(/assets/ShipporiMincho-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SekaiDisplay;src:url(/assets/ShipporiMincho-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ink:#171b2c;--paper:#f3ecdc;--paper-2:#e9dfc8;--text:#222530;--muted:#4c4f58;--seal:#a54f3d;--line:#c9bda1;--serif:SekaiDisplay,"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper:#141721;--paper-2:#1b1f2b;--text:#ebe3d0;--muted:#b1aba0;--line:#343848;--seal:#d07a5f;color-scheme:dark}}*{box-sizing:border-box}body.guide-page{margin:0;background:var(--paper);color:var(--text);font:16px/1.6 SekaiText,system-ui,sans-serif}a{color:inherit;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.guide-skip{position:absolute;left:-999px}.guide-skip:focus{left:16px;top:12px;background:var(--paper);padding:8px 12px;z-index:2}.guide-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px max(16px,calc((100vw - 1080px)/2));background:var(--ink);color:#eee5d2}.guide-brand{font-weight:600;letter-spacing:.18em;text-decoration:none}.guide-brand span{letter-spacing:.1em;opacity:.7;margin-left:6px}.guide-header nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.guide-main{max-width:1080px;margin:0 auto;padding:32px 16px 56px}.guide-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 24px;font-size:13px;color:var(--muted)}.guide-crumbs li+li:before{content:"/";margin-right:6px}.guide-kicker{font-size:12px;letter-spacing:.16em;color:var(--seal);margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.2}h1{font-size:clamp(32px,6vw,54px);margin:.2em 0}h2{font-size:26px;margin-top:40px}.guide-kanji,span[lang=ja]{font-family:SekaiMarks,var(--serif)}.guide-kanji{color:var(--seal)}.guide-lede{font-size:19px;max-width:62ch}.guide-cta{display:inline-block;background:var(--seal);color:#fff8ec;padding:11px 18px;text-decoration:none;border-radius:2px;margin-right:14px}.guide-art{display:block;width:100%;height:auto;margin:28px 0;border:1px solid var(--line)}.guide-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.guide-grid a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;background:var(--paper-2);border:1px solid var(--line);text-decoration:none}.guide-grid a:hover{border-color:var(--seal)}.guide-grid small{color:var(--muted)}.guide-grid .guide-kanji{font-size:26px}.guide-table{overflow-x:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}caption{text-align:left;padding:10px 12px;color:var(--muted);font-size:13px}th,td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}tbody th{font-weight:500}tbody th small{display:block;color:var(--muted);font-weight:400;word-break:break-all}.guide-footer{max-width:1080px;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:13px}.guide-404 .guide-main{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.guide-404 .guide-kanji{font-size:72px;margin:0}html:lang(ja) body.guide-page{line-height:1.8;font-family:SekaiText,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,system-ui,sans-serif}.guide-lang{border:1px solid #eee5d266;padding:0 8px;border-radius:2px}h2 small{font-family:SekaiText,system-ui,sans-serif;font-size:14px;color:var(--muted);margin-left:6px}.guide-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line)}.guide-specs div{background:var(--paper-2);padding:12px 14px}.guide-specs dt{font-size:12px;letter-spacing:.08em;color:var(--muted)}.guide-specs dd{margin:2px 0 0;word-break:break-word}code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper-2);padding:1px 5px;border-radius:2px}.guide-note{color:var(--muted);font-size:14px}.guide-prose{max-width:72ch}.guide-prose ul{padding-left:1.2em}.guide-prose li{margin:.35em 0}.guide-prose h3{font-size:18px;margin:28px 0 6px}.guide-changelog h2{border-top:1px solid var(--line);padding-top:28px}.guide-footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;font-size:14px;color:var(--text)}.guide-week{margin-top:36px}.guide-week h2{margin-bottom:4px}.guide-week>p{margin:0 0 12px;color:var(--muted)}.guide-feed{display:inline-flex;gap:6px;align-items:center}.guide-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.guide-langs{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.guide-header .guide-langs a{border:1px solid #eee5d266;padding:0 8px;border-radius:2px}.guide-vs{font-family:SekaiText,system-ui,sans-serif;font-size:.45em;color:var(--muted);letter-spacing:.1em;vertical-align:middle}.guide-cta+.guide-cta{margin-top:8px}.guide-method{max-width:72ch;padding:4px 18px 8px;border-left:3px solid var(--seal);background:var(--paper-2)}.guide-method h2{font-size:20px;margin-top:16px}.guide-faq{max-width:72ch;margin-top:40px}.guide-faq h3{font-size:16px;margin:22px 0 4px}.guide-faq p{margin:0 0 8px}.guide-files{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.guide-files li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--paper-2);border:1px solid var(--line)}.guide-files small{color:var(--muted)}.guide-embed{margin:32px 0;max-width:72ch}.guide-embed summary{cursor:pointer;font-weight:500}.guide-embed label{display:block;font-size:13px;color:var(--muted);margin-top:8px}.guide-embed textarea{display:block;width:100%;margin:4px 0 8px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--paper-2);color:var(--text);border:1px solid var(--line);padding:8px;resize:vertical}.guide-copy{font:inherit;font-size:14px;background:var(--seal);color:#fff8ec;border:0;border-radius:2px;padding:7px 14px;cursor:pointer}.guide-copy:focus-visible{outline:2px solid var(--seal);outline-offset:3px}.guide-trend{display:block;min-height:74px;--in:#a54f3d;--out:#39497f}@media(prefers-color-scheme:dark){.guide-trend{--in:#cf6e50;--out:#5369b2}}.guide-trend-chart{display:block;width:100%;max-width:280px;height:52px;overflow:visible}.guide-trend-chart path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.guide-trend-in{stroke:var(--in)}.guide-trend-out{stroke:var(--out);stroke-dasharray:5 3}.guide-trend-base{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.guide-trend-cross{stroke:var(--muted);stroke-width:1;vector-effect:non-scaling-stroke}.guide-trend-legend{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-trend-legend b{color:var(--text);font-weight:500;margin-right:8px}.guide-trend-legend i{display:inline-block;width:12px;height:0;border-top:2px solid var(--in);vertical-align:middle;margin-right:4px}.guide-trend-legend .guide-trend-key-out{border-top:2px dashed var(--out)}.guide-trend-note{font-size:13px;color:var(--muted)}.guide-lore{max-width:68ch;margin-top:40px}.guide-lore p{margin:0 0 1em}.guide-lore p:first-of-type:first-letter{font-family:var(--serif);font-size:2.6em;float:left;line-height:.9;margin:.06em .12em 0 0;color:var(--seal)}.guide-gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.guide-gallery figure{margin:0;background:var(--paper-2);border:1px solid var(--line)}.guide-gallery a{display:block}.guide-gallery img{display:block;width:100%;height:180px;object-fit:cover}.guide-gallery figcaption{padding:8px 12px 10px;font-size:13px;color:var(--muted)}.guide-gallery .is-left{object-position:15% 50%}.guide-gallery .is-right{object-position:85% 50%}.guide-gallery .is-top{object-position:50% 20%}.guide-gallery .is-tall{object-fit:contain;background:var(--ink)}.guide-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 14px;margin:20px 0;padding:14px 16px;background:var(--paper-2);border:1px solid var(--line)}.guide-filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.guide-filters label.guide-check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.guide-filters input:not([type]),.guide-filters input[type=search],.guide-filters select{font:inherit;font-size:14px;color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:7px 8px;min-width:0}.guide-filters output{grid-column:1/-1;font-size:14px;color:var(--text)}.guide-filters button{justify-self:start}.guide-explore{position:relative}.guide-explore td a,.guide-explore th a{overflow-wrap:anywhere}.guide-try{white-space:nowrap}.guide-history{display:block;width:100%;max-width:720px;height:auto;margin:12px 0;overflow:visible;--in:#a54f3d;--out:#39497f}@media(prefers-color-scheme:dark){.guide-history{--in:#cf6e50;--out:#5369b2}}.guide-history path{fill:none;stroke-width:2.5;stroke-linejoin:round}.guide-history .guide-trend-out{stroke-dasharray:7 4}.guide-history circle{stroke:none}.guide-history .dot-in{fill:var(--in)}.guide-history .dot-out{fill:var(--out)}.guide-history .axis{stroke:var(--line);stroke-width:1}.guide-history text{fill:var(--muted);font-size:12px;font-family:SekaiText,system-ui,sans-serif}.guide-swatches{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.guide-swatches li{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--paper-2);border:1px solid var(--line)}.guide-swatches svg{flex:none;border:1px solid var(--line)}.guide-swatches small{display:block;color:var(--muted)}.guide-widget-preview{display:block;width:100%;max-width:560px;height:auto;border:1px solid var(--line)}:root{--text:#1c1a17;--brush-stroke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M2.6 8.9C9 6.6 20 5.6 37 5.2c40-.9 82-1 121-.3 27 .5 53 1.4 78 2.8 1.7.2 2.3 1 1.1 1.6-7 1.1-21 1.4-36 1.6-46.6.7-94 .9-140 1.1-21 .1-40 .1-56-.6C3.2 11.2 1.2 10 2.6 8.9ZM118 7.9c24-.6 48-.4 72 .3-24 .6-48 .5-72-.3Zm42-2.6c21-.2 42 .2 62 1.2-21 .3-42-.1-62-1.2Zm14 5.1c16-.2 33-.5 49-1.2-16 1.5-33 1.7-49 1.2Z'/%3E%3C/svg%3E");--washi-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .26 0 0 0 0 .17 0 0 0 .9 -.3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='.26'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--text:#ebe3d0;--washi-grain:none}}@media(prefers-contrast:more),(forced-colors:active){:root{--washi-grain:none}}body.guide-page{background-image:var(--washi-grain)}::selection{background:#a8533d;color:#fbf5e8}:is(a,summary):focus-visible{border-radius:4px 9px 5px 10px/9px 4px 10px 5px}.guide-main>h2:after,.guide-changelog h2:before{content:"";display:block;width:min(220px,50%);height:8px;margin-top:8px;background:currentColor;opacity:.25;-webkit-mask:var(--brush-stroke) 0 50%/100% 100% no-repeat;mask:var(--brush-stroke) 0 50%/100% 100% no-repeat}.guide-changelog h2{border-top:0}.guide-changelog h2:before{margin:0 0 20px}@media(forced-colors:active){.guide-main>h2:after,.guide-changelog h2:before{background:CanvasText}}@media(min-width:1100px){html:lang(ja) .guide-main>h2{writing-mode:vertical-rl;float:left;clear:both;max-height:14em;margin:40px 32px 24px 0;letter-spacing:.14em;line-height:1.5;padding-left:12px;border-left:1px solid var(--line)}html:lang(ja) .guide-main>h2:after{display:none}html:lang(ja) .guide-main>h2 small{margin:8px 0 0}html:lang(ja) .guide-main>:is(.guide-faq,.guide-footer){clear:both}html:lang(ja) .guide-main:after{content:"";display:block;clear:both}}button.guide-cta{border:0;font:inherit;cursor:pointer}button.guide-cta:disabled{opacity:.6}.snapshot-head h1{margin-bottom:4px}.snapshot-messages{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}.snapshot-message{border-left:3px solid var(--line);padding:4px 0 4px 14px}.snapshot-message.user{border-color:var(--seal)}.snapshot-role{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.snapshot-text{white-space:pre-wrap;overflow-wrap:anywhere}.snapshot-foot{border-top:1px solid var(--line);padding-top:12px}