:root{--canvas:#101311;--surface-1:#171b19;--surface-2:#1d221f;--surface-3:#242a26;--inset:#0c0f0d;--border:#465048;--rule:#2a312d;--text:#eef4ee;--text-muted:#a5b0a8;--disabled:#667069;--main:#f0a020;--sub:#9a9a80;--mod:#28c8e0;--filter:#c8d84a;--ok:#7fc08a;--danger:#e07060;--font-lg:16px;--font-md:13px;--font-sm:11px;--line-lg:22px;--line-md:18px;--line-sm:15px;--font-display:clamp(1.625rem,3.6vw,2.5rem);--line-display:1.32;--font-title:clamp(1.25rem,2.4vw,1.625rem);--font-lede:clamp(0.9375rem,1.4vw,1.0625rem);--line-lede:1.75;--face-display:"DotGothic16",ui-monospace,"Courier New",monospace;--face-body:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--face-data:"Noto Sans Mono",ui-monospace,"Cascadia Mono",monospace;--radius:2px;--gutter:clamp(1rem,4vw,2.5rem);--shell:1080px;color-scheme:dark}html[lang=ja]{--face-body:"BIZ UDPGothic","Hiragino Sans","Yu Gothic",Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}:where(section,article,div)[id]{scroll-margin-top:72px}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--text);font-family:var(--face-body);font-size:var(--font-lg);line-height:var(--line-lede);font-synthesis:none;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.cell__title,.display,.panel__title,.section__title,h1,h2,h3{text-wrap:balance}.cell__body,.lede,.note,figcaption,li,p{text-wrap:pretty}html[lang=ja]{word-break:auto-phrase;line-break:strict;overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}a{color:var(--main);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#ffc457}:where(a,button,input,summary):focus-visible{outline:2px solid var(--main);outline-offset:2px}.shell{width:min(var(--shell),100%);margin-inline:auto;padding-inline:var(--gutter)}.display,.eyebrow,.panel__title,.stat__value,.wordmark{font-family:var(--face-display);font-weight:400}.eyebrow{display:block;color:var(--main);font-size:var(--font-sm);line-height:var(--line-sm);letter-spacing:.16em;text-transform:uppercase}html[lang=ja] .eyebrow{letter-spacing:.1em;text-transform:none}.display{margin:0;font-size:var(--font-display);line-height:var(--line-display);letter-spacing:.01em;max-width:20ch}html[lang=ja] .display{max-width:24ch}.phrase{display:inline-block}.section__title{font-family:var(--face-display);font-weight:400;font-size:var(--font-title);line-height:1.3;margin:.35em 0 0}.lede{margin:1.1rem 0 0;max-width:62ch;font-size:var(--font-lede);line-height:var(--line-lede);color:var(--text-muted)}.data{font-family:var(--face-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}code{font-family:var(--face-data);font-size:.9em;background:var(--inset);border:1px solid var(--rule);border-radius:var(--radius);padding:.1em .4em}.pixel-rule{height:2px;border:0;margin:0;background:repeating-linear-gradient(90deg,var(--border) 0 4px,transparent 4px 8px)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:clip}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--rule);background:var(--surface-2)}.panel__title{margin:0;font-size:var(--font-md);line-height:var(--line-md);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}html[lang=ja] .panel__title{letter-spacing:.04em;text-transform:none}.panel__meta{font-family:var(--face-data);font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.panel__body{padding:clamp(1rem,3vw,1.5rem)}.panel__body>:first-child{margin-top:0}.panel__body>:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.5rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font:inherit;font-size:var(--font-md);line-height:var(--line-md);text-decoration:none;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.btn,.btn:hover{color:var(--text)}.btn:hover{border-color:var(--sub)}.btn--primary{border-color:var(--main);background:var(--main);color:#17130b}.btn--primary:hover{background:#ffb43a;border-color:#ffb43a;color:#17130b;box-shadow:0 0 0 1px rgba(240,160,32,.35),0 0 18px rgba(240,160,32,.22)}.btn--quiet{background:transparent;color:var(--text-muted)}.btn--quiet:hover{color:var(--text)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent)}.btn--sm{min-height:28px;padding:.25rem .7rem;font-size:var(--font-sm);line-height:var(--line-sm)}.btn:disabled{color:var(--disabled);border-color:var(--rule);background:var(--surface-1);cursor:not-allowed}.btn--primary:disabled{background:var(--surface-1);box-shadow:none}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field__label{font-size:var(--font-sm);line-height:var(--line-sm);letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}html[lang=ja] .field__label{letter-spacing:.02em;text-transform:none}.field__hint{font-size:var(--font-sm);line-height:var(--line-sm);color:var(--disabled)}input[type=email],input[type=password],input[type=text]{width:100%;min-height:40px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--inset);color:var(--text);font:inherit;font-size:var(--font-md);line-height:var(--line-md)}input::placeholder{color:var(--disabled)}input:focus{border-color:var(--main)}.stack{display:grid;grid-gap:.9rem;gap:.9rem}.table{width:100%;border-collapse:collapse;font-size:var(--font-md);line-height:var(--line-md)}.table th{text-align:left;padding:0 .75rem .5rem 0;font-size:var(--font-sm);line-height:var(--line-sm);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--disabled);border-bottom:1px solid var(--rule)}html[lang=ja] .table th{letter-spacing:.02em;text-transform:none}.table td{padding:.6rem .75rem .6rem 0;border-bottom:1px solid var(--rule);vertical-align:middle}.table tr:last-child td,.table tr:last-child th{border-bottom:0}.table td:last-child,.table th:last-child{padding-right:0;text-align:right}.table th[scope=row]{text-align:left}.table__muted{color:var(--text-muted);font-size:var(--font-sm)}.table-scroll{overflow-x:auto}.status{display:flex;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--rule);border-left-width:3px;border-radius:var(--radius);background:var(--surface-2);font-size:var(--font-md);line-height:var(--line-md)}.status--ok{border-left-color:var(--ok)}.status--err{border-left-color:var(--danger)}.status--info{border-left-color:var(--mod)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .5rem;border:1px solid;border-radius:var(--radius);font-family:var(--face-data);font-size:var(--font-sm);line-height:1.6}.badge--ok{color:var(--ok)}.badge--warn{color:var(--danger)}.badge--muted{color:var(--disabled)}.badge--mod{color:var(--mod)}.note{font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.badge--ok:before{content:"✓"}.badge--warn:before{content:"!"}.grid{display:grid;grid-gap:1px;gap:1px;background:var(--rule)}.grid>*{background:var(--surface-1)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cell{padding:clamp(1rem,2.5vw,1.35rem)}.cell__title{margin:.5rem 0 .4rem;font-family:var(--face-display);font-weight:400;font-size:var(--font-lg);line-height:var(--line-lg)}.cell__body{margin:0;font-size:var(--font-md);line-height:1.65;color:var(--text-muted)}.cell__index{font-family:var(--face-data);font-size:var(--font-sm);color:var(--main);letter-spacing:.1em}.stat{display:grid;grid-gap:.2rem;gap:.2rem;padding:clamp(1rem,2.5vw,1.35rem)}.stat__value{font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.1;color:var(--main)}.stat__label{font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.skip-link{position:absolute;left:-9999px;top:0;z-index:10;padding:.6rem 1rem;background:var(--main);color:#17130b}.skip-link:focus{left:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--canvas) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header__inner{display:flex;align-items:center;gap:1rem;min-height:56px;flex-wrap:wrap}.wordmark{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--font-lg);letter-spacing:.06em;text-decoration:none}.wordmark,.wordmark:hover{color:var(--text)}.wordmark__mark{width:24px;height:24px;display:block;flex:none}.wordmark__name{display:inline-block}.site-nav{display:flex;gap:1.1rem;margin-left:auto;flex-wrap:wrap;align-items:center}.site-nav a{color:var(--text-muted);font-size:var(--font-md);text-decoration:none}.site-nav a:hover{color:var(--text)}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:clip}.lang-switch a,.lang-switch button{text-decoration:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--font-sm);line-height:var(--line-sm);padding:.3rem .55rem;cursor:pointer}.lang-switch a[aria-current=page],.lang-switch button[aria-pressed=true]{background:var(--main);color:#17130b}main{flex:1 1}.site-footer{margin-top:clamp(3rem,8vw,5rem);border-top:1px solid var(--rule);padding-block:1.5rem;font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.site-footer__inner{display:flex;gap:1rem 1.5rem;flex-wrap:wrap;align-items:baseline}.site-footer nav{display:flex;gap:1.25rem;margin-left:auto}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--main)}.page{padding-block:clamp(2rem,6vw,3.5rem);display:grid;grid-gap:clamp(2.5rem,7vw,4.5rem);gap:clamp(2.5rem,7vw,4.5rem)}.section{display:grid;grid-gap:1.25rem;gap:1.25rem}.section__head{max-width:68ch}.page--app{max-width:720px;margin-inline:auto;gap:1.25rem}.hero{display:grid;grid-gap:clamp(1.5rem,4vw,2.5rem);gap:clamp(1.5rem,4vw,2.5rem);align-items:center}@media (min-width:960px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.hero--text{grid-template-columns:minmax(0,1fr)}.hero--text .lede{max-width:46rem}}.hero__actions{margin-top:1.6rem}.hero__note{margin-top:.9rem;font-family:var(--face-data);font-size:var(--font-sm);color:var(--disabled)}.router__stage{padding:.7rem;background:var(--inset)}.router__svg{display:block;width:100%;max-width:380px;height:auto;margin-inline:auto}.router__node-label{font-family:var(--face-data)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.chips li{padding:.3rem .6rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-2);font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.price{display:flex;align-items:baseline;gap:.6rem}.price__was{font-family:var(--face-data);font-size:var(--font-lg);color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.price__amount{font-family:var(--face-display);font-size:clamp(2rem,5vw,3rem);line-height:1;color:var(--main)}.price__unit{font-family:var(--face-data);font-size:var(--font-md);color:var(--text-muted)}.checklist{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-gap:.7rem;gap:.7rem}.checklist li{display:grid;grid-template-columns:1.25rem 1fr;grid-gap:.5rem;gap:.5rem;font-size:var(--font-md);line-height:1.65;color:var(--text-muted)}.checklist li:before{content:"▸";color:var(--main);font-family:var(--face-data)}.samples{list-style:none;margin:0;padding:0;display:grid;grid-gap:1px;gap:1px;background:var(--rule)}.samples__row{position:relative;background:var(--surface-1)}.samples__row.is-playing{background:var(--surface-2)}.samples__button{display:flex;align-items:center;gap:.85rem;width:100%;padding:.85rem 1rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.samples__button:hover .samples__name{color:var(--main)}.samples__glyph{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);color:var(--main);font-family:var(--face-data);font-size:11px}.samples__row.is-playing .samples__glyph{border-color:var(--main);background:rgba(240,160,32,.12)}.samples__text{display:grid;grid-gap:.15rem;gap:.15rem;min-width:0}.samples__name{font-family:var(--face-display);font-size:var(--font-md);line-height:var(--line-md);transition:color .12s ease}.samples__caption{font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.samples__meter{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden}.samples__meter-fill{display:block;height:100%;background:var(--main);transform-origin:left center;transform:scaleX(0)}.demo__presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.demo__presets button{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--font-sm);line-height:var(--line-sm);padding:.35rem .65rem;cursor:pointer}.demo__presets button:hover{color:var(--text);border-color:var(--sub)}.demo__presets button[aria-pressed=true]{color:#17130b;background:var(--main);border-color:var(--main)}.demo__keys{position:relative;display:flex;gap:2px;height:116px;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--inset);touch-action:none}.demo__key{flex:1 1;border:1px solid var(--border);border-top:0;border-radius:0 0 3px 3px;background:linear-gradient(180deg,var(--surface-3) 0,#cfd6d0 12%,#eef4ee 100%);cursor:pointer;touch-action:none;transition:background 60ms ease}.demo__key:hover{background:linear-gradient(180deg,var(--surface-3) 0,#dfe6e0 12%,#ffffff 100%)}.demo__key.is-held{background:linear-gradient(180deg,#c98418 0,var(--main) 30%,#ffd07a 100%);border-color:var(--main)}.demo__key.is-black{position:absolute;top:.5rem;left:calc(.5rem + (100% - 1rem) * (var(--after-white) + 1) / var(--white-count) - var(--black-w) / 2);--black-w:clamp(12px,calc((100% - 1rem) / var(--white-count) * 0.62),26px);width:var(--black-w);height:62%;border:1px solid #000;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#3a423c,#12160f 55%,#232a24);z-index:1}.demo__key.is-black:hover{background:linear-gradient(180deg,#4c554e,#1d221b 55%,#2f372f)}.demo__key.is-black.is-held{background:linear-gradient(180deg,#8a5a10 0,#c98418 60%,var(--main) 100%);border-color:var(--main)}.router__port{pointer-events:none;transition:fill-opacity .12s ease}.router__port.is-target{filter:drop-shadow(0 0 4px rgba(240,160,32,.8))}.router__hit{fill:transparent;cursor:pointer}.router__hit:hover{fill:rgba(240,160,32,.18)}.router__wire-hit{cursor:pointer}.router__hint{margin:.7rem 0 0}.demo__panels{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.plugin-demo{display:grid;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#0c0f0d;max-width:100%;overflow-x:hidden}.plugin-ui{min-width:0}.plugin-demo__ops{display:grid;grid-gap:8px;gap:8px}.plugin-demo__row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.demo-locked{position:relative;isolation:isolate}.demo-locked>:first-child{opacity:.28;filter:grayscale(.85)}.demo-locked:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:var(--radius);background:linear-gradient(to bottom right,transparent calc(50% - 1px),color-mix(in srgb,var(--danger) 55%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(to bottom left,transparent calc(50% - 1px),color-mix(in srgb,var(--danger) 55%,transparent) 50%,transparent calc(50% + 1px))}.demo-locked__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.2rem .55rem;border:1px solid color-mix(in srgb,var(--danger) 60%,transparent);border-radius:var(--radius);background:var(--canvas);color:var(--danger);font-family:var(--face-data);font-size:var(--font-sm);line-height:var(--line-sm);white-space:nowrap;pointer-events:none}.plugin-demo__bar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:.4rem .6rem;border-bottom:1px solid var(--rule)}.plugin-demo__wheel{font-family:var(--face-data);font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.plugin-demo.is-engaged .plugin-demo__wheel{color:var(--main)}body:has(.plugin-demo.is-engaged) .site-header{position:static}.demo__keys{isolation:isolate}.plugin-ui .is-demo-locked{position:relative;opacity:.3;filter:grayscale(.85)}.plugin-ui .is-demo-locked:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(224,112,96,.5);background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(224,112,96,.6) 50%,transparent calc(50% + .5px)),linear-gradient(to bottom left,transparent calc(50% - .5px),rgba(224,112,96,.6) 50%,transparent calc(50% + .5px))}.plugin-ui .filter-type-grid{position:relative}.plugin-ui .filter-type-grid:after{content:var(--demo-locked-note,"");position:absolute;left:0;right:0;bottom:0;padding:3px 5px;border:1px solid rgba(224,112,96,.45);border-radius:2px;background:rgba(16,19,17,.92);color:rgba(224,112,96,.95);font-size:9px;line-height:1.4;text-align:center;pointer-events:none}.plugin-ui .is-demo-labelled{display:grid;place-items:center}.plugin-ui .is-demo-labelled:before{content:var(--demo-locked-full,"");padding:4px 8px;border:1px solid rgba(224,112,96,.55);border-radius:2px;background:#101311;color:rgba(224,112,96,.95);font-size:11px;line-height:1.5;text-align:center}.demo__presets button.is-init{border-color:var(--sub);color:var(--text)}.demo__presets button.is-init[aria-pressed=true]{background:var(--main);border-color:var(--main);color:#17130b}.video{display:flex;flex-direction:column;gap:.6rem}.video__frame,.video__poster{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);background:var(--inset)}.video__poster{position:relative;padding:0;overflow:clip;cursor:pointer;transition:border-color .12s ease}.video__poster:hover{border-color:var(--main)}.video__poster img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .12s ease}.video__poster:hover img{opacity:1}.video__glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2rem,6vw,3.25rem);line-height:1;color:var(--main);text-shadow:0 0 12px rgba(16,19,17,.9)}.video__frame{border:1px solid var(--border)}.video__external{align-self:flex-start;font-size:var(--font-sm);line-height:var(--line-sm);color:var(--text-muted)}.video__external:hover{color:var(--text)}.btn--external:after,.video__external:after{content:" ↗";font-size:.85em;opacity:.6}.share__row{flex-wrap:wrap;margin-top:1.25rem}.share__misskey{margin-top:1.5rem;max-width:32rem}.share__misskey .btn-row{margin-top:.4rem;align-items:stretch}.share__misskey input{flex:1 1 auto;min-width:0}.share__note{margin-top:1.25rem}.btn.is-disabled{opacity:.45;pointer-events:none}.site-nav__external:after{content:" ↗";font-size:.85em;opacity:.6}.faq-list{margin-top:1.5rem;border-top:1px solid var(--rule)}.faq-item{padding:clamp(1.1rem,2.5vw,1.5rem) 0;border-bottom:1px solid var(--rule)}.faq-item__q{margin:0;font-family:var(--face-display);font-weight:400;font-size:var(--font-lg);line-height:var(--line-lg)}.faq-item__a{margin:.7rem 0 0;max-width:62ch;line-height:1.75}.faq-item__a,.policy-body{font-size:var(--font-md);color:var(--text-muted)}.policy-body{margin:.9rem 0 0;line-height:1.85}.policy-body,.policy-points{max-width:66ch}.policy-points li{line-height:1.75}.policy-table{width:100%;border-collapse:collapse;max-width:78ch}.policy-table td,.policy-table th{padding:.85rem 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;font-size:var(--font-md);line-height:1.75}.policy-table th{width:14rem;padding-right:1.5rem;font-weight:400;color:var(--text);white-space:nowrap}.policy-table td{color:var(--text-muted)}.policy-table tr:last-child td,.policy-table tr:last-child th{border-bottom:0}@media (max-width:640px){.policy-table td,.policy-table th{display:block;width:auto;white-space:normal}.policy-table th{border-bottom:0;padding-bottom:.25rem}}.email-use{margin-top:1.5rem;padding:1rem 1.15rem;border:1px solid var(--rule);border-left:3px solid var(--main);background:var(--surface-2)}.email-use__title{margin:0;font-size:var(--font-md);line-height:var(--line-md);font-weight:400;color:var(--text)}.email-use p{margin:.6rem 0 0;font-size:var(--font-sm);line-height:1.7;color:var(--text-muted)}.flow-steps{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem;counter-reset:flow}.flow-steps li{counter-increment:flow;position:relative;padding-left:2.2rem;font-size:var(--font-md);line-height:var(--line-md);color:var(--text-muted)}.flow-steps li:before{content:counter(flow);position:absolute;left:0;top:0;width:1.5rem;text-align:center;font-family:var(--face-data);color:var(--canvas);background:var(--main)}.flow-steps li[aria-current=step]{color:var(--text)}.nav-menu{position:relative}.nav-menu>summary{list-style:none;cursor:pointer;color:var(--text-muted);font-size:var(--font-md)}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:after{content:"";display:inline-block;margin-left:.45em;border:.26em solid transparent;border-top-color:currentcolor;transform:translateY(.13em);opacity:.7}.nav-menu[open]>summary:after{transform:translateY(-.13em) rotate(180deg)}.nav-menu>summary:hover,.nav-menu[open]>summary{color:var(--text)}.nav-menu__panel{position:absolute;top:calc(100% + .7rem);right:0;z-index:6;display:grid;min-width:max-content;border:1px solid var(--rule);background:var(--surface-1)}.nav-menu__panel a{padding:.55rem .9rem;white-space:nowrap}.nav-menu__panel a+a{border-top:1px solid var(--rule)}.nav-menu__panel a:hover{background:var(--surface-2);color:var(--text)}@media (max-width:560px){.nav-menu__panel{position:static;margin-top:.4rem}}