@font-face{font-family:"Titillium Web";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/titillium-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/titillium-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/inconsolata-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/inconsolata-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:light;
  --bg:#ffffff;
  --band:#f2f3f9;
  --slab:#ffffff;
  --sunk:#f7f8fb;
  --line:#dcdfea;
  --line-strong:#b3b8cc;
  --box:#767b90;
  --ink:#171927;
  --ink-2:#3f4459;
  --muted:#5b6076;
  --brand:#3F51B5;
  --brand-ink:#3F51B5;
  --brand-fill:#3F51B5;
  --brand-soft:#e8eaf6;
  --brand-line:#9aa4dc;
  --on-brand:#ffffff;
  --go:#4CAF50;
  --go-hover:#5cbb60;
  --go-ink:#0c2310;
  --sel:#c5cae9;
  --sel-ink:#171927;
  --s-weak:#c62828;
  --s-fair:#a86400;
  --s-strong:#3F51B5;
  --s-vstrong:#2e7d32;
  --s-empty:#dcdfea;
  --shadow:0 1px 2px rgb(23 27 60 / .07),0 3px 8px -4px rgb(23 27 60 / .12);
  --pop-shadow:0 10px 20px -8px rgb(23 27 60 / .28),0 2px 6px rgb(23 27 60 / .08);
  --scrim:rgb(15 17 30 / .38);
  --ui:"Titillium Web",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --mono:"Inconsolata",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --r:10px;
  --wrap:880px;
  --wide:1136px;
  --gutter:24px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#141518;--band:#1b1c21;--slab:#24262d;--sunk:#1e1f25;--line:#33363f;--line-strong:#4d515e;--box:#8a8fa0;
    --ink:#eceef3;--ink-2:#c6c9d4;--muted:#a3a7b6;
    --brand-ink:#82b1ff;--brand-fill:#4a5fd0;--brand-soft:#262d4d;--brand-line:#5465c4;--on-brand:#ffffff;
    --go:#4CAF50;--go-hover:#5cbb60;--go-ink:#0c2310;--sel:#3949ab;--sel-ink:#ffffff;
    --s-weak:#ef5350;--s-fair:#ffb300;--s-strong:#82b1ff;--s-vstrong:#66bb6a;--s-empty:#393c46;
    --shadow:0 1px 2px rgb(0 0 0 / .3),0 3px 8px -4px rgb(0 0 0 / .4);
    --pop-shadow:0 10px 20px -8px rgb(0 0 0 / .7),0 2px 6px rgb(0 0 0 / .3);
    --scrim:rgb(0 0 0 / .55);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#141518;--band:#1b1c21;--slab:#24262d;--sunk:#1e1f25;--line:#33363f;--line-strong:#4d515e;--box:#8a8fa0;
  --ink:#eceef3;--ink-2:#c6c9d4;--muted:#a3a7b6;
  --brand-ink:#82b1ff;--brand-fill:#4a5fd0;--brand-soft:#262d4d;--brand-line:#5465c4;--on-brand:#ffffff;
  --go:#4CAF50;--go-hover:#5cbb60;--go-ink:#0c2310;--sel:#3949ab;--sel-ink:#ffffff;
  --s-weak:#ef5350;--s-fair:#ffb300;--s-strong:#82b1ff;--s-vstrong:#66bb6a;--s-empty:#393c46;
  --shadow:0 1px 2px rgb(0 0 0 / .3),0 3px 8px -4px rgb(0 0 0 / .4);
  --pop-shadow:0 10px 20px -8px rgb(0 0 0 / .7),0 2px 6px rgb(0 0 0 / .3);
  --scrim:rgb(0 0 0 / .55);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--line-strong) transparent;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--ui);font-synthesis:none;-webkit-font-smoothing:antialiased}

body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main{flex:1 0 auto}
main:has(>.band:only-child){display:flex;flex-direction:column}
main>.band:only-child{flex:1 0 auto}   
::selection{background:var(--sel);color:var(--sel-ink)}
a{color:var(--brand-ink);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:6px}
.ico{width:20px;height:20px;flex:none;display:block}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance}

.top{background:var(--band);border-bottom:1px solid var(--line)}
.top-in{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter);height:64px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:22px;letter-spacing:-.01em;flex:none}
.brand:hover{text-decoration:none}
.brand b{font-weight:400;color:var(--brand-ink)}
.brand svg{width:30px;height:30px}
.tools{display:flex;align-self:stretch;gap:2px;flex:1;min-width:0}
.tools a{position:relative;display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--ink-2);text-decoration:none;font-size:16px;white-space:nowrap}
.tools a .ico{width:18px;height:18px;color:var(--muted)}
.tools a:hover{color:var(--ink)}
.tools a[aria-current="page"]{color:var(--brand-ink)}
.tools a[aria-current="page"] .ico{color:var(--brand-ink)}
.tools a[aria-current="page"]::after{content:"";position:absolute;inset-inline:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand-ink)}
.tools .sep{width:1px;background:var(--line);margin:22px 8px}
.top-actions{display:flex;align-items:center;gap:6px;flex:none}

.top-actions .menu-btn{display:none}
#menu-pop ul{list-style:none;margin:0;padding:0}
#menu-pop .menu-tools{margin:6px 0 14px}
.menu-tool{display:flex;align-items:center;gap:14px;padding:9px 10px;margin-inline:-10px;border-radius:10px;color:var(--ink);text-decoration:none}
.menu-tool:hover,.menu-tool[aria-current]{background:var(--brand-soft)}
.menu-tool .ico{display:block;width:22px;height:22px;flex:none;color:var(--brand-ink)}
.menu-tool b{display:block;font-weight:400;font-size:17px;line-height:1.3}
.menu-tool small{display:block;font-size:14px;line-height:1.35;color:var(--muted)}
.menu-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:6px}
.menu-row .btn{height:46px;font-size:15px;gap:8px;padding:0 10px;justify-content:flex-start}
.menu-row .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-links{margin-top:16px!important;border-top:1px solid var(--line);padding-top:6px!important}
.menu-links button,.menu-links a{display:block;width:100%;padding:11px 0;border:0;background:none;color:var(--ink);font-size:16px;text-align:start;text-decoration:none;cursor:pointer}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;padding:0 10px;border-radius:var(--r);border:1px solid transparent;background:transparent;color:var(--ink-2)}
.icon-btn:hover{background:var(--slab);border-color:var(--line)}
.lang-btn .code{font-size:15px;letter-spacing:.04em}

.band{background:var(--band);border-bottom:1px solid var(--line)}
.band-in{max-width:var(--wrap);margin:0 auto;padding:44px var(--gutter) 40px}
.title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
h1{font-size:36px;line-height:1.12;letter-spacing:-.012em;color:var(--ink)}
.title+.slab{margin-top:24px}
.promise{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--muted);margin:0}
.promise .ico{width:16px;height:16px}

.recipe{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--slab);color:var(--ink-2);font-size:16px;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.chip:hover{border-color:var(--brand-line);color:var(--ink)}
.chip .ico{width:16px;height:16px;color:var(--muted);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.chip[aria-expanded="true"] .ico.chev{transform:rotate(180deg)}
.chip .val{color:var(--ink)}
.chip .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--box);display:grid;place-items:center;flex:none;transition:background-color .15s,border-color .15s}
.chip .box svg{width:12px;height:12px;color:var(--on-brand);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s cubic-bezier(.2,.8,.2,1)}
.chip[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.chip[aria-pressed="true"] .box{background:var(--brand-fill);border-color:var(--brand-fill)}
.chip[aria-pressed="true"] .box svg{opacity:1;transform:none}
.chip[aria-pressed="false"]{color:var(--muted)}
.chip .badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand-fill);color:var(--on-brand);font-size:13px;line-height:20px;text-align:center}
.chip.sets{font-family:var(--ui)}
.chip.nope{animation:nope .32s cubic-bezier(.36,.07,.19,.97)}
@keyframes nope{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.recipe .gap{width:8px}
.recipe .ex-ic{display:none}
.sep-glyph{font-size:20px;line-height:1;color:var(--ink);min-width:10px;text-align:center;letter-spacing:0}
.recipe li{display:flex}
.recipe li>.chip{flex:1;justify-content:center}

.slab{background:var(--slab);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.slab-main:has(.out.many){align-items:start}
.slab-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:16px 16px 16px 24px;padding-inline:24px 16px}
.out{min-width:0;height:64px;display:flex;align-items:center;font-family:var(--mono);color:var(--ink);direction:ltr;unicode-bidi:isolate}
.out-text{display:block;white-space:nowrap;overflow:hidden;font-size:40px;line-height:1.2;letter-spacing:.01em;font-variant-ligatures:none}
.out.wrap{height:auto;min-height:64px;max-height:40vh;overflow:auto;align-items:flex-start;padding:6px 0}
.out.wrap .out-text{white-space:normal;word-break:break-all;overflow:visible}
.out.phrase.wrap .out-text{word-break:normal;overflow-wrap:anywhere;text-wrap:balance}
[dir="rtl"] .out{justify-content:flex-end}
.out.pin{height:104px}
.pin-text{letter-spacing:.14em;line-height:1.1}
.pin-text .g{display:inline-block}
.pin-text .g+.g{margin-inline-start:.4em}
.out-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;min-width:0}
.out.many{height:auto;display:block}
.out-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;border-bottom:1px dashed var(--line)}
.out-list li:last-child{border-bottom:0}
.out-list .out-text{font-size:24px}
.row-copy{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;background:none;color:var(--muted)}
.row-copy:hover{border-color:var(--line);color:var(--ink)}
.row-copy.ok{color:var(--s-vstrong)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 22px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--slab);color:var(--ink);font-size:18px;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .1s}
.btn:active{transform:translateY(1px)}
.btn .ico{width:20px;height:20px}
.btn-icon{width:52px;padding:0;color:var(--ink-2)}
.btn-icon:hover{border-color:var(--brand-line);color:var(--brand-ink)}
.btn-icon .ico{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.btn-icon.spin .ico{transform:rotate(360deg)}
.btn-go{background:var(--go);border-color:var(--go);color:var(--go-ink);min-width:132px}
.btn-go:hover{background:var(--go-hover);border-color:var(--go-hover)}
.btn-go .labels{display:grid}
.btn-go .labels>span{grid-area:1/1;transition:opacity .15s}
.btn-go .labels>span[hidden]{display:block;visibility:hidden;opacity:0}
.btn-go .ic-wrap{display:grid;width:20px;height:20px}
.btn-go .ic-wrap svg{width:20px;height:20px;grid-area:1/1;transition:opacity .15s,transform .25s cubic-bezier(.2,.8,.2,1)}
.btn-go .ic-done{opacity:0;transform:scale(.5)}
.btn-go.ok .ic-done{opacity:1;transform:none}
.btn-go.ok .ic-copy{opacity:0;transform:scale(.5)}
.btn-brand{background:var(--brand-fill);border-color:var(--brand-fill);color:var(--on-brand)}
.btn-brand:hover{filter:brightness(1.08)}
.btn-quiet{height:44px;font-size:16px;padding:0 14px;color:var(--ink-2)}
.btn-quiet:hover{border-color:var(--brand-line);color:var(--brand-ink)}

.slab-foot{display:flex;align-items:center;gap:14px;padding:12px 24px;border-top:1px solid var(--line);font-size:15px;color:var(--muted);min-height:48px}
.meter{display:flex;gap:4px;flex:none}
.meter i{width:26px;height:6px;border-radius:3px;background:var(--s-empty);transition:background-color .25s}
.meter[data-l="1"] i:nth-child(-n+1){background:var(--s-weak)}
.meter[data-l="2"] i:nth-child(-n+2){background:var(--s-fair)}
.meter[data-l="3"] i:nth-child(-n+3){background:var(--s-strong)}
.meter[data-l="4"] i:nth-child(-n+4){background:var(--s-vstrong)}
.verdict{color:var(--ink);font-size:16px}
.foot-sp{flex:1}
.bits{font-variant-numeric:tabular-nums;white-space:nowrap}

.after{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:12px;margin-inline-start:-8px}
.link-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--brand-ink);font-size:16px}
.link-btn .ico{width:18px;height:18px}
.link-btn:hover{background:var(--brand-soft)}

.names{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.name{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 16px;border:0;border-radius:10px;background:none;color:var(--ink);text-align:start;transition:background-color .15s}
.name:hover{background:var(--sunk)}
.name-t{font-family:var(--mono);font-size:24px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
.name-s{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:15px;flex:none}
.name-s .ico{width:18px;height:18px}
.name-l{opacity:0;transition:opacity .15s}
.name:hover .name-l,.name:focus-visible .name-l,.name.ok .name-l{opacity:1}
.name.ok .name-s{color:var(--s-vstrong)}

.check-slab:focus-within{border-color:var(--brand-ink);box-shadow:var(--shadow),0 0 0 1px var(--brand-ink),0 0 0 4px var(--brand-soft)}
.check-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:14px 16px 14px 24px;padding-inline:24px 16px}
.masked{-webkit-text-security:disc}
.check-input{height:60px;border:0;background:none;font-family:var(--mono);font-size:28px;color:var(--ink);min-width:0;outline:none;direction:ltr}
.check-input::placeholder{font-family:var(--ui);font-size:20px;color:var(--muted)}
.reasons{list-style:none;margin:0;padding:0 24px 16px;min-height:72px;display:grid;gap:4px;align-content:start}
.reasons li{position:relative;padding-inline-start:16px;color:var(--ink-2);font-size:16px}
.reasons li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--line-strong)}
.reasons li.muted{padding:0;color:var(--muted)}
.reasons li.muted::before{display:none}
.breach{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:16px}
.breach .hint{margin:0;max-width:52ch}
.breach-out{flex-basis:100%;margin:0;min-height:1.55em;color:var(--ink-2)}
.breach-out.bad{color:var(--s-weak)}
.breach-out.good{color:var(--s-vstrong)}
.btn:disabled{opacity:.5;cursor:not-allowed}

.bulk-in{max-width:var(--wide)}
.bulk{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}
.bulk-form{padding:18px;display:grid;gap:18px}
.lab{display:block;font-size:15px;color:var(--ink-2);margin:0 0 6px}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong);border-radius:var(--r);padding:3px;gap:3px;background:var(--sunk)}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:flex;align-items:center;justify-content:center;height:40px;border-radius:7px;color:var(--ink-2);font-size:16px;transition:background-color .15s,color .15s}
.seg input:checked+span{background:var(--slab);color:var(--brand-ink);box-shadow:0 1px 3px rgb(0 0 0 / .12)}
.seg input:focus-visible+span{outline:2px solid var(--brand-ink);outline-offset:1px}
textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--sunk);padding:10px 12px;font:15px/1.55 var(--mono);color:var(--ink);resize:vertical;min-height:170px}
.mode-list .hint{margin-top:6px}
.styles{border:0;padding:0;margin:0;display:grid;gap:6px;min-width:0}
.styles legend{padding:0}
.style{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:background-color .15s,border-color .15s}
.style input{width:18px;height:18px;margin:0;accent-color:var(--brand-fill)}
.style>span{display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:0}
.style .ex{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style:has(input:checked){background:var(--brand-soft);border-color:var(--brand-line)}
.style:has(input:checked) .l{color:var(--brand-ink)}
.bulk-form .check-line{height:auto}
.gen{width:100%}
.bulk-out{min-width:0;overflow:hidden}
.bulk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.bulk-bar .count{color:var(--ink);font-size:17px;padding-inline-start:4px}
.bulk-bar .select{width:auto;height:44px}
.btn-sm{height:44px;font-size:16px;min-width:0;padding:0 14px;gap:8px}
.tbl-wrap{max-height:470px;overflow:auto}
.bulk-tbl{margin:0}
.bulk-tbl th{position:sticky;top:0;background:var(--slab);z-index:1}
.bulk-tbl th,.bulk-tbl td{padding:6px 14px}
.bulk-tbl td{color:var(--ink-2);white-space:nowrap}
.bulk-tbl .c-pw{color:var(--ink);font-size:18px;letter-spacing:.02em}
.bulk-tbl .c-copy{width:56px;text-align:end}
.bulk-note{display:flex;gap:8px;align-items:center;margin:0;padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.bulk-note .ico{width:16px;height:16px}

.pop{position:fixed;inset:auto;margin:0;padding:18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--slab);color:var(--ink);box-shadow:var(--pop-shadow);width:340px;max-width:calc(100vw - 24px);opacity:0;transform:translateY(-4px);transition:opacity .16s ease-out,transform .2s cubic-bezier(.2,.8,.2,1),display .2s allow-discrete,overlay .2s allow-discrete}
.pop:popover-open{opacity:1;transform:none}
@starting-style{.pop:popover-open{opacity:0;transform:translateY(-4px)}}
.pop::backdrop{background:transparent}
.pop h3{font-size:15px;color:var(--muted);margin:0 0 10px;letter-spacing:.01em}
.pop .grab{display:none}
.pop-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.pop-head h3{margin:0;flex:1}
.pop-x{display:none;place-items:center;flex:none;width:36px;height:36px;margin:-6px -8px -6px auto;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.pop-x:hover{color:var(--ink);background:var(--sunk)}
.pop-x .ico{width:20px;height:20px}
.pop-full .pop-x,.lang-pop .pop-x{display:grid}
.stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden;height:52px}
.stepper button{border:0;background:var(--sunk);color:var(--ink-2);display:grid;place-items:center}
.stepper button:hover{color:var(--brand-ink)}
.stepper input{border:0;border-inline:1px solid var(--line);background:var(--slab);text-align:center;font-size:24px;font-variant-numeric:tabular-nums;min-width:0;-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.stepper input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--brand-ink)}
.range{width:100%;margin:18px 0 6px;accent-color:var(--brand-fill);height:28px}
.picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pick{min-width:48px;height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--sunk);color:var(--ink-2);font-variant-numeric:tabular-nums}
.pick:hover{border-color:var(--brand-line);color:var(--ink)}
.pick[aria-pressed="true"]{background:var(--brand-fill);border-color:var(--brand-fill);color:var(--on-brand)}
.hint{font-size:14px;color:var(--muted);margin:10px 0 0}
.opt{display:grid;grid-template-columns:22px 1fr;gap:4px 12px;align-items:start;padding:10px 0;cursor:pointer}
.opt+.opt{border-top:1px solid var(--line)}
.opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--brand-fill)}
.opt .l{color:var(--ink)}
.opt code,.pop code,.mono{font-family:var(--mono);font-size:15px;color:var(--muted);letter-spacing:.04em;word-break:break-all}
.opt code{grid-column:2}
.choice{display:grid;gap:4px}
.choice button{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 12px;border:0;border-radius:8px;background:none;text-align:start;color:var(--ink)}
.choice button:hover{background:var(--sunk)}
.choice button[aria-pressed="true"]{background:var(--brand-soft);color:var(--brand-ink)}
.choice button .ex{font-family:var(--mono);color:var(--muted)}
.choice button[aria-pressed="true"] .ex{color:var(--brand-ink)}

.guide{max-width:var(--wrap);margin:0 auto;padding:24px var(--gutter) 72px}
.guide section{max-width:68ch;padding-top:48px}
.guide h2{font-size:28px;line-height:1.2;margin-bottom:12px;color:var(--ink)}
.guide h3{font-size:20px;margin:24px 0 6px}
.guide p,.guide li{color:var(--ink-2)}
.guide p{margin:0 0 14px}
.guide section.wide{max-width:none}
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:16px;margin-top:6px}
.tbl th,.tbl td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl th{color:var(--muted);font-size:14px;letter-spacing:.02em}
.tbl td:first-child{color:var(--ink)}
.tbl .lv{display:inline-flex;align-items:center;gap:8px}
.tbl .lv i{width:8px;height:8px;border-radius:50%;background:currentColor}
.lv-1{color:var(--s-weak)}.lv-2{color:var(--s-fair)}.lv-3{color:var(--s-strong)}.lv-4{color:var(--s-vstrong)}
.tbl .lv span{color:var(--ink-2)}
.scroll-x{overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.scroll-x.more-e{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}
.scroll-x.more-s{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 48px),transparent)}
.scroll-x.more-s.more-e{-webkit-mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
[dir=rtl] .scroll-x.more-e{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 48px),transparent)}
[dir=rtl] .scroll-x.more-s{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}
.presets{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.presets li{border-bottom:1px solid var(--line)}
.presets a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;color:var(--ink)}
.presets a:hover .p-name{color:var(--brand-ink)}
.presets .p-spec{color:var(--muted);font-size:15px;white-space:nowrap}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;color:var(--ink);font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{color:var(--muted);transition:transform .2s cubic-bezier(.2,.8,.2,1);margin-top:3px}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq details p{margin:0 0 18px}

.foot{background:var(--band);border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.foot-in{max-width:var(--wide);margin:0 auto;padding:44px var(--gutter) 36px;display:grid;grid-template-columns:minmax(18ch,1.25fr) minmax(0,max-content) minmax(16ch,.9fr);gap:40px}
.foot .brand{font-size:20px;width:max-content;height:auto;padding:0}
.foot .brand .lock{width:17px;height:24px}
.foot-brand p{margin:12px 0 0;max-width:32ch;line-height:1.55}
.foot h2{font-size:14px;color:var(--muted);margin:2px 0 8px;letter-spacing:.02em;font-weight:400}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:0;align-content:start}
.foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:0 44px}   
.foot-in li a{max-width:100%}
.foot-in li a span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.foot-in>div{min-width:0}   
.foot-in li a,.foot-link{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;text-decoration:none;cursor:pointer;text-align:start}
.foot-in li a:hover span,.foot-link:hover span{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.foot-in li a:focus-visible,.foot-link:focus-visible,.foot-lang:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px;border-radius:4px}
.foot-tools .ico{display:inline-block;width:18px;height:18px;flex:none;color:var(--muted)}
.foot-tools a[aria-current="page"],.foot-tools a[aria-current="page"] .ico{color:var(--brand-ink)}
.foot-base{border-top:1px solid var(--line)}
.foot-base-in{max-width:var(--wide);margin:0 auto;padding:12px var(--gutter) 18px;display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap}
.foot-lang{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--slab);color:var(--ink-2);font:inherit;cursor:pointer}
.foot-lang:hover{border-color:var(--brand-line);color:var(--brand-ink)}
.foot-lang .ico{display:inline-block;width:18px;height:18px;flex:none}
.foot-lang .chev{width:16px;height:16px;color:var(--muted)}
.foot-copy{font-size:14px}
.fb-fab{transition:opacity .2s,transform .2s}
body.foot-in-view .fb-fab{opacity:0;transform:translateY(12px);pointer-events:none}   
@media (max-width:1000px){   
  .foot-in{grid-template-columns:1fr 1fr;gap:28px 24px;padding:36px var(--gutter) 28px}
  .foot-brand,.foot-tools{grid-column:1/-1}
}
@media (max-width:560px){
  .foot-cols{grid-template-columns:1fr}
  .foot-links{grid-column:1/-1}
  .foot-links ul{display:flex;flex-wrap:wrap;gap:0 24px}
}

.lang-pop{width:600px}
.lang-pop .filter{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--sunk);padding:0 14px;margin-bottom:12px}
.lang-pop .filter::placeholder{color:var(--muted)}
.lang-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;max-height:min(420px,60vh);overflow:auto;margin:0;padding:0;list-style:none}
.lang-grid a{width:100%;display:flex;text-decoration:none;box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--ink);text-align:start}
.lang-grid a:hover{background:var(--sunk)}
.lang-grid a[aria-current="page"]{background:var(--brand-soft);color:var(--brand-ink)}
.lang-grid .c{font-size:13px;color:var(--muted);letter-spacing:.05em}

dialog.sheet{border:1px solid var(--line-strong);border-radius:16px;background:var(--slab);color:var(--ink);padding:0;width:440px;max-width:calc(100vw - 24px);box-shadow:var(--pop-shadow)}
dialog.sheet::backdrop{background:var(--scrim)}
dialog.sheet[open]{animation:rise .22s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0 22px;padding-inline:22px 12px}
.sheet-head h2{font-size:22px}
.sheet-body{padding:12px 22px 8px}
.qr-box{display:grid;place-items:center;background:#fff;border-radius:12px;padding:16px;border:1px solid var(--line)}
.qr-box canvas{width:232px;height:232px;image-rendering:pixelated}
.qr-cap{font-size:14px;color:var(--muted);text-align:center;margin:10px 0 16px}
.field{display:grid;gap:6px;margin:12px 0}
.field label,.field .lab{font-size:15px;color:var(--ink-2)}
.input,.select{height:46px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--sunk);padding:0 12px;width:100%}
.input::placeholder,textarea::placeholder{color:var(--muted)}
.input:focus,.select:focus,textarea:focus{outline:none;border-color:var(--brand-ink);box-shadow:0 0 0 1px var(--brand-ink)}
.row2{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.check-line{display:flex;align-items:center;gap:10px;height:46px;color:var(--ink-2)}
.check-line input{width:20px;height:20px;accent-color:var(--brand-fill);margin:0}
.fieldset[disabled]{opacity:.55}
.sheet-foot{display:flex;gap:8px;padding:12px 22px 22px}
.sheet-foot .btn{flex:1;height:48px;font-size:16px}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .18s,transform .25s cubic-bezier(.2,.8,.2,1);z-index:50;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}

.print-only{display:none}
@media print{
  body>*:not(.print-only){display:none!important}
  .print-only{display:block!important}
}

@media (max-width:1120px){
  .tools a .ico{display:none}
  .tools a{padding:0 10px}
}

@media (max-width:999px){
  .recipe{margin:18px 0 12px;gap:6px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense}
  .recipe>li{grid-column:span 4}
  .recipe .r-len,.recipe .r-am{grid-column:span 5}
  .recipe .r-ex{grid-column:span 2}
  .recipe .r-set{grid-column:span 3}
  .recipe .r-words{grid-column:span 5}
  .recipe .r-sep{grid-column:span 7}
  .recipe .r-half{grid-column:span 6}
  .recipe .r-wl{grid-column:span 12}
  .recipe .r-full{grid-column:span 12}
  .recipe .r-third{grid-column:span 5}
  .recipe .r-third2{grid-column:span 7}
  .recipe .ex-ic{display:block;width:18px;height:18px}
  .recipe .ex-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .recipe .r-ex .chip{padding:0;gap:0;position:relative}
  .recipe .r-ex .chev{display:none}
  .recipe .r-ex .badge{position:absolute;top:-7px;inset-inline-end:-7px}
  .recipe .gap{display:none}
}
@media (max-width:860px){
  :root{--gutter:16px}
  .top-in{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:0;gap:0}
  .brand{font-size:20px;height:56px;padding-inline:16px}
  .brand svg{width:26px;height:26px}
  .top-actions{padding-inline-end:8px;grid-row:1;grid-column:2}
  .top-actions .menu-btn{display:inline-flex}
  .tools{grid-row:2;grid-column:1/-1;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none;height:48px;padding:0 8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  [dir="rtl"] .tools{mask-image:linear-gradient(270deg,#000 88%,transparent)}
  .tools::-webkit-scrollbar{display:none}
  .tools a{padding:0 12px;scroll-snap-align:start}
  .tools a .ico{display:block}
  .tools .sep{margin:14px 4px}
  .band-in{padding:24px var(--gutter) 28px}
  h1{font-size:28px}
  .title{display:block}
  .promise{margin-top:6px}
  .names{grid-template-columns:1fr;padding:4px}
  .bulk{grid-template-columns:1fr}
  .bulk-tbl thead{display:none}
  .bulk-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"n c" "u c" "p c";padding:10px 14px;border-bottom:1px solid var(--line)}
  .bulk-tbl td{border:0;padding:0;white-space:normal;overflow-wrap:anywhere}
  .bulk-tbl .c-name{grid-area:n;color:var(--ink)}
  .bulk-tbl .c-user{grid-area:u;font-size:15px}
  .bulk-tbl .c-pw{grid-area:p;margin-top:2px}
  .bulk-tbl .c-copy{grid-area:c;align-self:center;width:auto}
  .bulk-bar .select{flex:1}
  .check-in{padding:10px 10px 10px 16px;padding-inline:16px 10px;grid-template-columns:minmax(0,1fr) 48px 48px}
  .check-in .btn-icon{width:48px;height:48px}
  .check-input{font-size:22px;height:52px}
  .check-input::placeholder{font-size:17px}
  .reasons{padding:0 16px 14px}
  .name{height:54px;padding:0 12px}
  .name-t{font-size:21px}
  .name-l{opacity:1}
  .chip{height:42px;padding:0 10px;font-size:15px;gap:7px}
  .slab-main{grid-template-columns:52px minmax(0,1fr);padding:14px}
  .slab-main .out{grid-column:1/-1;height:56px}
  .slab-main .out.wrap,.slab-main .out.many{height:auto}
  .slab-main .out.pin:not(.many){height:84px}
  .btn-go{width:100%}
  .slab-foot{padding:10px 14px;flex-wrap:wrap;gap:6px 12px}
  .slab-foot .bits{display:none}
  .guide section{padding-top:36px}
  .guide h2{font-size:24px}
  .presets{grid-template-columns:1fr}
  .presets a{flex-direction:column;gap:0;padding:12px 0}
  .presets .p-spec{white-space:normal}
  .scroll-x .tbl{min-width:560px;font-size:15px}
  
  .pop:not(.pop-info),.lang-pop{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-width:none;border-radius:18px 18px 0 0;border-bottom:0;padding:0 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(24px);max-height:82vh;overflow:auto}
  .pop:popover-open{transform:none}
  @starting-style{.pop:not(.pop-info):popover-open{transform:translateY(24px)}}
  .pop:not(.pop-info)::backdrop{background:var(--scrim)}
  .pop.pop-full,.lang-pop{top:0!important;height:100dvh;max-height:none;border-radius:0;border:0;transform:none}
  @starting-style{.pop.pop-full:popover-open,.lang-pop:popover-open{transform:none;opacity:0}}
  .pop.pop-info{width:min(360px,calc(100vw - 24px));max-width:none;padding:14px 16px}
  .lang-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
  dialog.sheet{margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;border:0}
  dialog.sheet .sheet-head{position:sticky;top:0;z-index:1;background:var(--slab);padding-block:max(14px,env(safe-area-inset-top)) 12px;border-bottom:1px solid var(--line)}
  .pop-x{display:grid}
  .pop:not(.pop-info) .pop-head{position:sticky;top:0;z-index:1;background:var(--slab);padding:14px 0 10px;margin:0 0 6px}
  .pop.pop-full .pop-head,.lang-pop .pop-head{padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line);margin:0 -18px 16px;padding-inline:18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

:root[data-theme="dark"] .theme-btn .ic-moon,:root:not([data-theme="dark"]) .theme-btn .ic-sun{display:none}
:root.theme-switching,:root.theme-switching *,:root.theme-switching *::before,:root.theme-switching *::after{transition:none!important}:root:not([data-theme="dark"]) .top{
  --band:#3F51B5;
  --line:rgb(255 255 255 / .2);
  --line-strong:rgb(255 255 255 / .5);
  --ink:#ffffff;
  --ink-2:rgb(255 255 255 / .94);
  --muted:rgb(255 255 255 / .84);
  --brand-ink:#ffffff;
  --brand-fill:#ffffff;
  --brand-soft:rgb(255 255 255 / .16);
  --brand-line:rgb(255 255 255 / .75);
  --on-brand:#3F51B5;
  --box:rgb(255 255 255 / .8);
  border-bottom-color:transparent;
}
:root:not([data-theme="dark"]) .top .icon-btn:hover{background:rgb(255 255 255 / .12);border-color:transparent}

:root:not([data-theme="dark"]) .top .pop,
:root:not([data-theme="dark"]) .top dialog{
  --line:#dcdfea;
  --line-strong:#b3b8cc;
  --ink:#171927;
  --ink-2:#3f4459;
  --muted:#5b6076;
  --brand-ink:#3F51B5;
  --brand-fill:#3F51B5;
  --brand-soft:#e8eaf6;
  --brand-line:#9aa4dc;
  --on-brand:#ffffff;
  --box:#767b90;
}

@font-face{font-family:"PG Bold";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/titillium-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PG Bold";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/titillium-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html[data-theme]:root{--go:#43A047;--go-hover:#3B9440;--go-ink:#ffffff}

.btn-go{font-size:19px;font-family:"PG Bold","Titillium Web",system-ui,sans-serif;font-weight:700}

.brand .lock{width:17px;height:24px;flex:none}
.brand{gap:9px}

.top{position:sticky;top:calc(var(--hdr-h, 64px) * -1);z-index:40}
.top.is-pinned{top:0;box-shadow:0 2px 14px rgb(0 0 0 / .22);animation:hdr-in .2s ease-out}
@keyframes hdr-in{from{transform:translateY(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.top.is-pinned{animation:none}}

.guide section[id]{scroll-margin-top:-24px}   
@media (max-width:860px){ .guide section[id]{scroll-margin-top:-12px} }   

html[data-theme]:root{--s-strong:#689F38}
html[data-theme="dark"]:root{--s-strong:#9CCC65}

.after{align-items:center}
a.link-btn:not(.inline){text-decoration:none}

@media (min-width:1000px){
  .band-in:not(.bulk-in){max-width:var(--wide);padding-inline:calc(var(--gutter) + var(--rail, 154px))}
  .guide{max-width:var(--wide)}
  .guide section{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);column-gap:56px}
  .guide section>*{grid-column:2}
  .guide section>h2{grid-column:1;grid-row:1 / span 40;align-self:start}
  
  .band-in.flow-in,.guide.guide-flow{max-width:calc(72ch + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
  .guide.guide-flow section{display:block;max-width:none}
  
  .recipe{gap:6px}
  .recipe .chip{padding-inline:12px}
  .recipe .gap{width:4px}
}

@media (min-width:1000px){
  .recipe.compact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:6px}
  .recipe.compact>li{grid-column:span 4}
  .recipe.compact .gap{display:none}
  .recipe.compact .r-len,.recipe.compact .r-am,.recipe.compact .r-ex{grid-column:span 4}
  .recipe.compact .r-set{grid-column:span 3}
  .recipe.compact .r-words,.recipe.compact .r-third{grid-column:span 5}
  .recipe.compact .r-sep,.recipe.compact .r-third2{grid-column:span 7}
  .recipe.compact .r-half{grid-column:span 6}
  .recipe.compact .r-wl,.recipe.compact .r-full{grid-column:span 12}
}
@media (min-width:1000px){
  
  .recipe.compact .r-len{order:1}.recipe.compact .r-am{order:2}.recipe.compact .r-ex{order:3}.recipe.compact .r-set{order:4}
}

@media (max-width:999px){
  .recipe .r-ex .chip{position:relative}
  .recipe .r-ex .chip .badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;line-height:18px;font-size:12px;padding:0 5px}
}

.tools.tight a .ico{display:none}
.tools.tight a{padding:0 10px}

.recipe .r-ex .chip{position:relative}
.recipe .r-ex .chip .badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;line-height:18px;font-size:12px;padding:0 5px;box-shadow:0 0 0 2px var(--band)}

@media (min-width:1000px){
  .recipe{gap:5px}
  .recipe .chip{padding-inline:10px}
  .recipe .gap{width:3px}
}
@media (min-width:1000px){
  
  .recipe .r-set .chip:not(.chip-more){padding-inline:24px}
  .recipe .gap{width:0}
  .recipe{gap:4px}
}
@media (min-width:1000px){
  
  .recipe:not(.compact){justify-content:space-between}
}

@media (min-width:1000px){
  :root.tool-wide .band-in:not(.bulk-in){padding-inline:var(--gutter)}
}

.tools.strip{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}
.tools.strip::-webkit-scrollbar{display:none}
[dir="rtl"] .tools.strip{-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent)}
@media (min-width:1000px){
  
  .recipe:not(.compact){justify-content:flex-start}
  .recipe:not(.compact)>li>.chip{width:100%}
}

.sym-head{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.sym-reset{border:0;background:none;padding:0;font:inherit;font-size:14px;color:var(--brand-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sym-pick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.sym-pick button{height:36px;padding:0;border-radius:7px;border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-ink);font-family:var(--mono);font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}
.sym-pick button[aria-pressed="false"]{background:transparent;border:1px dashed var(--line-strong);color:var(--muted)}
.sym-pick button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:1px}
.sym-pick.off button{opacity:.4;cursor:default}
#pop-ex .hint{margin-top:8px}

.sym-only{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;color:var(--muted)}
.sym-only span{flex:none}
.sym-only input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:17px}
.sym-only input::placeholder{font-family:var(--ui);font-size:14px;color:var(--muted);opacity:1}
.sym-only input:focus{outline:2px solid var(--brand-ink);outline-offset:0;border-color:transparent}
.sym-only input.bad{border-color:var(--s-weak)}
.sym-head-first{margin-top:0;padding-top:0;border-top:0;color:var(--muted);font-size:14px}
#pop-ex .sym-head:not(.sym-head-first) span{color:var(--muted);font-size:14px}

#pop-ex .grp-h{display:block;font-size:14px;color:var(--muted);margin:2px 0 2px;padding:0}
#pop-ex .grp{border:0;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);min-width:0}
#pop-ex .grp .opt+.opt{border-top:0}
#pop-ex .grp .opt{padding:7px 0}
#pop-ex .grp .opt input[type=radio]{accent-color:var(--brand-fill)}
#pop-ex .grp.off .opt{opacity:.45;cursor:default}
.sym-custom{margin:6px 0 0 34px}
input.sym-only{display:block;width:100%;height:38px;margin:0 0 8px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:17px;letter-spacing:.08em}
input.sym-only::placeholder{font-family:var(--ui);font-size:14px;letter-spacing:0;color:var(--muted);opacity:1}
input.sym-only:focus{outline:2px solid var(--brand-ink);outline-offset:0;border-color:transparent}
#pop-ex .sym-pick{grid-template-columns:repeat(8,minmax(0,1fr))}
#pop-sep .sep-c{display:flex;align-items:center;gap:12px;height:44px;margin-top:4px;padding:0 12px;border-radius:8px;color:var(--ink);cursor:text}
#pop-sep .sep-c:hover{background:var(--sunk)}
#pop-sep .sep-c.on{background:var(--brand-soft);color:var(--brand-ink)}
#pop-sep .sep-c input{width:2.4em;height:32px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:18px;text-align:center}
#pop-sep .sep-c input:focus-visible{outline:2px solid var(--brand-ink);outline-offset:1px}
#pop-sep .sep-c .ex{margin-inline-start:auto;font-family:var(--mono);color:var(--muted)}
#pop-sep .sep-c.on .ex{color:var(--brand-ink)}
#pop-ex .grp{border:0;margin:0;padding:0}
#pop-ex .grp>legend.grp-h{float:left;width:100%;margin:14px 0 2px;padding:12px 0 0;border-top:1px solid var(--line)}
#pop-ex .grp>legend.grp-h+*{clear:both}

.recipe .split{display:flex;flex:1;min-width:0}
.recipe .split>.chip:first-child{flex:1;border-start-end-radius:0;border-end-end-radius:0}
.recipe .chip.chip-more{flex:none;position:relative;padding-inline:7px;margin-inline-start:-1px;border-start-start-radius:0;border-end-start-radius:0;color:var(--muted)}
.recipe .chip.chip-more.on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.recipe .chip.chip-more[aria-expanded="true"] .chev{transform:rotate(180deg)}
.recipe .chip-more .dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--brand-fill);box-shadow:0 0 0 2px var(--band)}
.recipe .chip.chip-more .chev{width:16px;height:16px;transition:transform .15s}
.after #c-am .chev{width:16px;height:16px;margin-inline-start:-4px}
.after #c-am[aria-expanded="true"] .chev{transform:rotate(180deg)}
#pop-sy .grp{margin:0;padding:0;border:0}
#pop-sy .grp .opt+.opt{border-top:0}
@media (min-width:1000px){
  .recipe.compact .r-len{grid-column:span 6;order:1}
  .recipe.compact .r-look{grid-column:span 6;order:2}
  .recipe.compact .r-set{grid-column:span 3;order:3}
}
@media (max-width:999px){
  .recipe>li.r-len{grid-column:span 6}
  .recipe>li.r-look{grid-column:span 6}
  .recipe>li.r-set{grid-column:span 3}
  .recipe .r-len{order:1}.recipe .r-look{order:2}.recipe .r-set{order:3}
}
.look-ch{font-family:var(--mono);font-size:16px;letter-spacing:.02em;margin-inline-start:2px}
.look-short{display:none}
@media (max-width:999px){.look-full{display:none}.look-short{display:inline}}

.recipe .chip.chip-info{padding-inline:9px}
.recipe .chip.chip-info .ico{width:18px;height:18px}
#pop-look{width:320px}
.look-why{margin:0 0 10px;color:var(--ink-2);font-size:15px;line-height:1.45}
.look-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.look-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2)}
.look-list .g{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:7px;background:var(--bg);font-family:var(--mono);font-size:20px;color:var(--ink)}
@media (max-width:999px){
  .recipe.pw-row{grid-template-columns:repeat(24,minmax(0,1fr))}
  .recipe.pw-row>li.r-len,.recipe.pw-row>li.r-look{grid-column:span 12}
  .recipe.pw-row>li.r-set{grid-column:span 5}
  .recipe.pw-row>li.r-sy{grid-column:span 9}
  .recipe.pw-row .chip.chip-more{min-width:44px;justify-content:center}
  .recipe.pw-row .r-set .chip{padding-inline:6px;gap:6px}
}
@media (min-width:1000px){
  .recipe.pw-row .chip.chip-info{padding-inline:6px}
  .recipe.pw-row .chip.chip-more{padding-inline:5px}
  .recipe.pw-row .r-look .chip:first-child{padding-inline:8px;gap:7px}
  .recipe.pw-row .r-len .chip{padding-inline:10px}
}
@media (min-width:1000px){.recipe.pw-row{gap:3px}}
@media (max-width:999px){
  .recipe.pw-row.look-own>li.r-len{grid-column:span 24}
  .recipe.pw-row.look-own>li.r-look{grid-column:span 24;order:4}
}
@media (max-width:999px){
  .recipe.pw-row:not(.look-own)>li.r-len{grid-column:span 11}
  .recipe.pw-row:not(.look-own)>li.r-look{grid-column:span 13}
  .recipe.pw-row .r-look .chip:first-child{padding-inline:9px;gap:7px}
}

.sim-ch{letter-spacing:.06em;white-space:nowrap}
@media (max-width:999px){
  .recipe.pw-row:not(.look-own)>li.r-len{grid-column:span 12}
  .recipe.pw-row:not(.look-own)>li.r-look{grid-column:span 12}
}

.sim-ch .pr{white-space:nowrap}
.sim-ch i{font-style:normal;opacity:.6;margin:0 1px}
#c-look[aria-pressed="false"] .sim-ch .pr{text-decoration:line-through;text-decoration-thickness:1.5px}

.recipe .len-split{display:flex;flex:1;min-width:0}
.recipe .len-split>.chip{border-radius:0;margin-inline-start:-1px;justify-content:center}
.recipe .len-split>.chip:first-child{margin-inline-start:0;border-start-start-radius:var(--r);border-end-start-radius:var(--r)}
.recipe .len-split>.chip:last-child{border-start-end-radius:var(--r);border-end-end-radius:var(--r)}
.recipe .len-split .step{flex:none;width:38px;padding:0;color:var(--ink-2)}
.recipe .len-split .step .ico{width:16px;height:16px}
.recipe .len-split .step:disabled{color:var(--line-strong);cursor:default}
.recipe .len-split .len-num{flex:1;min-width:0;padding-inline:6px;cursor:default;font-variant-numeric:tabular-nums;font-size:17px;color:var(--ink)}
.recipe .len-split .len-num:hover{border-color:var(--line-strong)}
.recipe .len-split .chip-more{color:var(--ink-2)}
@media (max-width:999px){
  .recipe.pw-row:not(.look-own)>li.r-len{grid-column:span 13}
  .recipe.pw-row:not(.look-own)>li.r-look{grid-column:span 11}
  .recipe.pw-row .len-split .step{width:44px}
  .recipe.pw-row .len-split .chip-more{min-width:40px}
}
.recipe .len-split>.chip.step:first-child{flex:none}
.recipe .len-split>.chip.step{flex:none}
@media (max-width:999px){.recipe.pw-row .len-split .chip-more{min-width:44px}}

@media (max-width:359px){
  .recipe.pw-row>li.r-len,.recipe.pw-row.look-own>li.r-len{grid-column:span 24;order:1}
  .recipe.pw-row>li.r-set{grid-column:span 8;order:2}
  .recipe.pw-row>li.r-set.r-sy{grid-column:span 12;order:3}
  .recipe.pw-row>li.r-look,.recipe.pw-row.look-own>li.r-look{grid-column:span 12;order:4}
}
@media (max-width:359px){
  .recipe.pw-row:not(.look-own)>li.r-len{grid-column:span 24}
  .recipe.pw-row:not(.look-own)>li.r-look{grid-column:span 12}
}

.recipe .len-split input.len-num{width:auto;min-width:0;text-align:center;font:inherit;font-size:17px;color:var(--ink);background:var(--slab);cursor:text;outline:none}
.recipe .len-split input.len-num:focus{box-shadow:inset 0 0 0 2px var(--brand-ink);border-color:var(--brand-ink);position:relative;z-index:1}

@media (min-width:1000px){
  .recipe.pw-row{gap:6px}
  .recipe.pw-row .gap{width:10px}
}

.recipe .len-split .step.at-min{color:var(--line-strong)}
.pin-hint{margin:8px 0 0;font-size:15px;color:var(--ink-2)}
.pin-hint a{color:var(--brand-ink)}
@media (max-width:999px){.recipe.pw-row .len-split input.len-num{padding-inline:1px;font-size:16px}}

@media (hover:hover) and (pointer:fine){
  .recipe .len-split input.len-num{cursor:ew-resize}
  :root.scrubbing,:root.scrubbing *{cursor:ew-resize !important;user-select:none}
}
.recipe .split>.chip:first-child{justify-content:center}

.recipe .look-tog .sim-ch{font-size:17px;letter-spacing:.08em}
.recipe .look-tog[aria-pressed="true"] .sim-ch{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:currentColor}
.recipe .look-tog[aria-pressed="false"]{color:var(--ink-2)}

.recipe.pw-row .chip .box{display:none}
.recipe.pw-row .r-set .chip,.recipe.pw-row .look-tog{gap:0}
.recipe.pw-row .r-set .chip>span:not(.sr),.recipe.pw-row .look-tog .sim-ch{font-size:17px;letter-spacing:.04em}
.recipe.pw-row .r-set .chip[aria-pressed="false"]>span:not(.sr),
.recipe.pw-row .look-tog[aria-pressed="false"] .sim-ch{text-decoration:line-through;text-decoration-thickness:2px;color:var(--muted)}
.recipe.pw-row .look-tog[aria-pressed="true"] .sim-ch{text-decoration:none}
.recipe.pw-row .look-tog[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.recipe.pw-row .look-tog[aria-pressed="false"]{background:var(--slab);border-color:var(--line-strong)}

@media (min-width:1000px){
  .recipe.pw-row .len-split .len-num{flex:0 0 auto;width:4.2ch;padding-inline:4px}
  .recipe.pw-row .len-split{flex:none}
}
@media (min-width:1000px){.recipe.pw-row .len-split .len-num{width:calc(4.2ch + 10px)}}

@media (min-width:1000px){
  .recipe.pw-row:not(.compact)>li:not(.gap):not(.r-len){flex:1 1 auto}
  .recipe.pw-row:not(.compact)>li.r-len{flex:none}
}

.btn-icon .ico{transition:none}
.btn-icon.spin .ico{transform:none;animation:pg-turn .5s cubic-bezier(.25,.8,.25,1)}
@keyframes pg-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn-icon.spin .ico{animation:none}}

.recipe.pw-row .look-tog[aria-pressed="false"]{background:var(--slab);border-color:var(--line-strong);color:var(--ink-2)}
.recipe.pw-row .look-tog[aria-pressed="false"] .sim-ch{text-decoration:none;color:var(--ink-2)}
.recipe.pw-row .look-tog[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.recipe.pw-row .look-tog[aria-pressed="true"] .sim-ch{text-decoration:line-through;text-decoration-thickness:2px;color:var(--brand-ink)}
#pop-look{width:auto;max-width:calc(100vw - 24px)}
.look-grid{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,58px);gap:8px}
.look-grid li{display:flex;flex-direction:column;align-items:center;gap:4px}
.look-grid .g{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);font-family:var(--mono);font-size:24px;color:var(--ink)}
.look-grid .n{font-size:12px;line-height:1.2;color:var(--muted);text-align:center}

.recipe.pp-row .opt-tog .opt-ch{font-size:17px;letter-spacing:.04em}
.recipe.pp-row .opt-tog[aria-pressed="false"]{background:var(--slab);border-color:var(--line-strong);color:var(--ink-2)}
.recipe.pp-row .len-split .len-num{flex:0 0 auto;width:3.4ch;padding-inline:4px;font-size:17px;color:var(--ink);cursor:default}
.recipe.pp-row .len-split .step.at-min{color:var(--line-strong)}
@media (min-width:1000px){
  .recipe.pp-row{gap:6px}
  .recipe.pp-row .gap{width:10px}
  .recipe.pp-row:not(.compact)>li:not(.gap):not(.r-words){flex:1 1 auto}
  .recipe.pp-row:not(.compact)>li.r-words{flex:none}
  .recipe.pp-row .len-split{flex:none}
}
@media (max-width:999px){
  .recipe.pp-row{grid-template-columns:repeat(24,minmax(0,1fr))}
  .recipe.pp-row>li.r-words{grid-column:span 10}
  .recipe.pp-row>li.r-sep{grid-column:span 14}
  .recipe.pp-row>li.r-opt{grid-column:span 6}
  .recipe.pp-row>li.r-wl{grid-column:span 12}
  .recipe.pp-row .len-split .step{width:44px}
  .recipe.pp-row .len-split .len-num{flex:1}
}

.stack{display:inline-grid;justify-items:center}
.stack>*{grid-area:1/1}
.stack>.sizer{visibility:hidden;white-space:nowrap}
.stack{justify-items:start}

.recipe .chip:has(>.stack):has(>.chev){justify-content:flex-start}
.recipe .chip:has(>.stack):has(>.chev)>.chev{margin-inline-start:auto}

.recipe.pp-row .len-split .len-num{width:auto;padding-inline:14px}
.recipe.pp-row .len-split .len-num .stack{justify-items:center}
@media (max-width:999px){
  .recipe.pp-row>li.r-words{grid-column:span 12}
  .recipe.pp-row>li.r-sep{grid-column:span 12}
  .recipe.pp-row .len-split .len-num{padding-inline:6px}
}

@media (max-width:359px){
  .recipe.pp-row>li.r-words,.recipe.pp-row>li.r-sep,.recipe.pp-row>li.r-wl{grid-column:span 24}
  .recipe.pp-row>li.r-opt{grid-column:span 12}
}

#pop-look{width:280px}
.look-list.plain{grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:4px}
.look-list.plain li{gap:12px}
.look-list.plain .g{width:auto;min-width:18px;height:auto;border:0;background:none;border-radius:0;font-size:24px;line-height:1;color:var(--ink)}
.look-list.plain .n{font-size:15px;color:var(--ink-2)}
@media (max-width:860px){#pop-look{width:auto}}

.recipe.pw-row .r-set .chip[aria-pressed="false"],
.recipe.pw-row .look-tog[aria-pressed="false"],
.recipe.pp-row .opt-tog[aria-pressed="false"],
.recipe .chip.chip-more:not(.on):is(#c-sym, #c-look-i){background:transparent;border-color:var(--line-strong);box-shadow:none}
.recipe.pw-row .r-set .chip[aria-pressed="true"],
.recipe.pw-row .look-tog[aria-pressed="true"],
.recipe.pp-row .opt-tog[aria-pressed="true"],
.recipe .chip.chip-more.on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.recipe.pw-row .r-set .chip[aria-pressed="false"]>span:not(.sr){color:var(--muted)}

.recipe.pw-row .r-set .chip[aria-pressed="true"],
.recipe.pw-row .look-tog[aria-pressed="true"],
.recipe.pp-row .opt-tog[aria-pressed="true"],
.recipe .chip.chip-more.on{background:color-mix(in srgb,var(--brand-fill) 17%,var(--slab));border-color:color-mix(in srgb,var(--brand-fill) 60%,var(--slab))}

.recipe.pin-row .look-tog[aria-pressed="false"]{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}
.recipe.pin-row .look-tog[aria-pressed="false"] .sim-ch{text-decoration:none;color:var(--ink-2)}
.recipe.pin-row .look-tog[aria-pressed="true"]{background:color-mix(in srgb,var(--brand-fill) 17%,var(--slab));border-color:color-mix(in srgb,var(--brand-fill) 60%,var(--slab));color:var(--brand-ink)}
.recipe.pin-row .look-tog[aria-pressed="true"] .sim-ch{text-decoration:line-through;text-decoration-thickness:2px}
.recipe.pin-row .look-tog .sim-ch{font-size:17px;letter-spacing:.06em}
.recipe .chip.chip-more:not(.on)#c-skip-i{background:transparent;border-color:var(--line-strong)}
@media (min-width:1000px){ .recipe.pin-row:not(.compact)>li.r-look{flex:0 1 220px} }
@media (max-width:999px){ .recipe.pin-row>li.r-look{grid-column:span 12} }
@media (max-width:359px){ .recipe.pin-row>li.r-words,.recipe.pin-row>li.r-look{grid-column:span 24} }
.out.pin:not(.many){height:84px}
.skip-list{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.skip-list li{display:grid;grid-template-columns:7.5em 1fr;gap:12px;align-items:baseline}
.skip-list .ex{font-family:var(--mono);font-size:17px;color:var(--ink)}
.skip-list .n{font-size:15px;color:var(--ink-2)}
#pop-skip{width:360px}
@media (max-width:860px){#pop-skip{width:auto}}
@media (min-width:1000px){ .recipe.pin-row:not(.compact)>li.r-look{flex:none} .recipe.pin-row .look-tog{padding-inline:22px} }
@media (min-width:1000px){ .recipe.pp-row.pin-row:not(.compact)>li.r-look:not(.gap):not(.r-words){flex:none} }

.recipe.pin-row .look-tog.skip-words{font-size:16px;letter-spacing:0;text-decoration:none}
.recipe.pin-row .look-tog.skip-words[aria-pressed="true"]{text-decoration:none}
@media (max-width:999px){ .recipe.pin-row.look-own>li.r-words,.recipe.pin-row.look-own>li.r-look{grid-column:span 24} }
@media (max-width:999px){ .recipe.pin-row:not(.look-own)>li.r-words{grid-column:span 11} .recipe.pin-row:not(.look-own)>li.r-look{grid-column:span 13} .recipe.pin-row .look-tog.skip-words{padding-inline:8px} }
@media (max-width:999px){ .recipe.pin-row .chip-more{min-width:44px;justify-content:center} .recipe.pin-row .look-tog.skip-words{padding-inline:6px;font-size:15px} }
@media (max-width:359px){ .recipe.pin-row:not(.look-own)>li.r-words,.recipe.pin-row:not(.look-own)>li.r-look{grid-column:span 24} }

.recipe .r-set .chip[aria-pressed="true"],
.recipe .look-tog[aria-pressed="true"],
.recipe .opt-tog[aria-pressed="true"],
.recipe .chip.chip-more.on,
.recipe.pw-row .r-set .chip[aria-pressed="true"],
.recipe.pw-row .look-tog[aria-pressed="true"],
.recipe.pp-row .opt-tog[aria-pressed="true"],
.recipe.pin-row .look-tog[aria-pressed="true"]{background:var(--slab);border-color:var(--line-strong);color:var(--brand-ink);box-shadow:inset 0 -3px 0 var(--brand-fill)}
.recipe .r-set .chip[aria-pressed="true"]>span:not(.sr),
.recipe .opt-tog[aria-pressed="true"] .opt-ch{color:var(--brand-ink)}

.recipe .r-set .chip[aria-pressed="true"],
.recipe .look-tog[aria-pressed="true"],
.recipe .opt-tog[aria-pressed="true"],
.recipe .chip.chip-more.on,
.recipe.pw-row .r-set .chip[aria-pressed="true"],
.recipe.pw-row .look-tog[aria-pressed="true"],
.recipe.pp-row .opt-tog[aria-pressed="true"],
.recipe.pin-row .look-tog[aria-pressed="true"]{background:var(--slab);border-color:var(--line-strong);color:var(--brand-ink);box-shadow:none}
.recipe .r-set .chip>span:not(.sr):not(.box)::before,
.recipe .opt-tog .opt-ch::before,
.recipe .look-tog.skip-words::before{content:"✓";display:inline-block;width:.9em;margin-inline-end:5px;font-family:var(--ui);font-weight:400;color:transparent;text-decoration:none}
.recipe .r-set .chip[aria-pressed="true"]>span:not(.sr):not(.box)::before,
.recipe .opt-tog[aria-pressed="true"] .opt-ch::before,
.recipe .look-tog.skip-words[aria-pressed="true"]::before{color:var(--brand-fill)}

.recipe .r-set .chip>span:not(.sr):not(.box),.recipe .opt-tog .opt-ch{position:relative}
.recipe .look-tog.skip-words{position:relative}
.recipe .r-set .chip>span:not(.sr):not(.box)::before,
.recipe .opt-tog .opt-ch::before{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:auto;margin:0 6px 0 0}
.recipe .look-tog.skip-words::before{position:static}
.recipe .r-set .chip[aria-pressed="true"]>span:not(.sr):not(.box)::before,
.recipe .opt-tog[aria-pressed="true"] .opt-ch::before,
.recipe .look-tog.skip-words[aria-pressed="true"]::before{color:var(--brand-ink)}

.recipe.pp-row .opt-tog{padding-inline:26px}
.recipe .look-tog.skip-words{padding-inline:30px}
.recipe .look-tog.skip-words::before{position:absolute;left:12px;top:50%;transform:translateY(-50%);margin:0}
@media (max-width:999px){ .recipe.pin-row .look-tog.skip-words{padding-inline:24px} .recipe.pin-row .look-tog.skip-words::before{left:7px} }

.recipe .r-set .chip>span:not(.sr):not(.box)::before,
.recipe .opt-tog .opt-ch::before{right:auto;inset-inline-end:100%;margin:0;margin-inline-end:6px}
.recipe .look-tog.skip-words::before{left:auto;inset-inline-start:12px}
@media (max-width:999px){ .recipe.pin-row .look-tog.skip-words::before{left:auto;inset-inline-start:7px} }

.recipe .chip-more .dot{top:7px;right:auto;inset-inline-end:5px;width:6px;height:6px;box-shadow:none;background:var(--brand-ink)}

.recipe .r-set .chip.chip-more>span.dot{position:absolute;top:8px;inset-inline-end:6px}
.recipe .r-set .chip.chip-more>span.dot::before{content:none}
.sy-stack{justify-items:center;font-family:var(--mono);letter-spacing:.02em}
.sy-stack{justify-items:start}

.top-in .brand{font-size:19px;gap:8px}
.top-in .brand .lock{width:15px;height:21px}
@media (max-width:999px){ .top-in .brand{font-size:18px} .top-in .brand .lock{width:14px;height:20px} }

@media (min-width:1000px){ :root{--rail:154px} }
@media (hover:hover) and (pointer:fine){
  .recipe.recipe.recipe :is(.r-set .chip,.look-tog,.opt-tog,.chip-more):hover{border-color:var(--brand-line);color:var(--brand-ink);background:color-mix(in srgb,var(--brand-fill) 7%,var(--slab))}
  .recipe.recipe.recipe :is(.r-set .chip,.look-tog,.opt-tog)[aria-pressed="false"]:hover,
  .recipe.recipe.recipe :is(.r-sy,.r-look) .chip-more:not(.on):hover{background:var(--slab);border-color:var(--brand-line)}
  .recipe.recipe.recipe :is(.r-set .chip,.look-tog,.opt-tog)[aria-pressed="false"]:hover :is(span:not(.sr):not(.box),.sim-ch,.opt-ch){color:var(--ink-2)}
  .recipe.recipe .len-split .step:hover,.recipe.recipe .len-split input.len-num:hover{border-color:var(--brand-line);color:var(--brand-ink);background:color-mix(in srgb,var(--brand-fill) 7%,var(--slab));position:relative;z-index:1}
  .recipe.recipe .len-split input.len-num:focus{background:var(--slab)}
  .guide .job:hover{background:color-mix(in srgb,var(--brand-fill) 5%,transparent)}
  .top-in .brand:hover{opacity:.85}
}
.guide .job{border-radius:8px;transition:background-color .15s}
@media (max-width:999px){ .recipe.pp-row .r-wl .chip{padding-inline:8px;gap:6px} }

@media (max-width:999px){
  .recipe.pp-row:not(.pin-row)>li.r-opt{grid-column:span 12}
  .recipe.pp-row:not(.pin-row)>li.r-wl{grid-column:span 24}
}

.out:has(#phrase){min-height:79px}
@media (max-width:860px){ .out:has(#phrase){min-height:100px} }
.slab-foot:has(.verdict):is(#strength){min-height:50px}

.out:not(.phrase) .out-text{word-break:break-all;overflow-wrap:anywhere;line-break:anywhere}

#pop-sy .opt-note{grid-column:2;font-size:13px;color:var(--muted);margin-top:2px}
#pop-sy .sym-term{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#pop-sy .sym-term p{margin:0 0 6px;font-size:14px;line-height:1.45;color:var(--ink-2)}
#pop-sy .sym-term code{font-family:var(--mono);font-size:15px;color:var(--ink)}
#pop-sy .sym-term-btn{height:34px;margin-inline-start:-10px;font-size:15px}

.sy-stack{justify-items:center}
.recipe .r-set .chip>span.sy-stack::before{content:none}
#sy-lbl{position:relative}
#sy-lbl::before{content:"✓";position:absolute;inset-inline-end:100%;top:50%;transform:translateY(-50%);margin-inline-end:6px;font-family:var(--ui);color:transparent;text-decoration:none;display:inline-block}
.recipe .r-set .chip[aria-pressed="true"] #sy-lbl::before{color:var(--brand-ink)}
.recipe.recipe .r-set .chip>span.sy-stack:not(.sr):not(.box)::before{content:none}
#pop-sy .sym-term .nw{white-space:nowrap}

@media (max-width:999px){ .recipe.un-row>li.r-max{grid-column:span 12} }

@media (min-width:1000px){ .bulk{grid-template-columns:300px minmax(0,1fr)} }
.recipe.pp-row.bk-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0}
.recipe.pp-row.bk-row>li{grid-column:1/-1;flex:none}
.recipe.pp-row.bk-row .len-split{flex:1}
.recipe.pp-row.bk-row .len-split .len-num{flex:1}
.bulk-note .count{color:var(--ink-2)}
@media (max-width:999px){ .recipe.pp-row.bk-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .recipe.pp-row.bk-row>li.r-sep,.recipe.pp-row.bk-row>li.r-words{grid-column:auto} }
.recipe.pp-row.bk-row .chip{justify-content:center}
.recipe.pp-row.bk-row .r-sep .chip{justify-content:space-between}
.recipe.pp-row.bk-row .len-split .step{width:42px}
.recipe.pp-row.bk-row .len-split .len-num{padding-inline:10px}
.recipe.pp-row.bk-row .opt-tog .opt-ch{font-size:16px;letter-spacing:0}

.recipe.pp-row.wf-row{display:flex;flex-wrap:wrap;gap:8px}
.recipe.pp-row.wf-row>li,.recipe.pp-row.wf-row:not(.compact)>li:not(.gap):not(.r-words){flex:none}
.wf-input{color:var(--ink)}
.wf-input.mono::placeholder{font-family:var(--ui);font-size:18px;letter-spacing:0}
.wf-slab .slab-foot{flex-wrap:nowrap;align-items:center}
.recipe.pp-row.wf-row .opt-tog{padding-inline:30px 22px}
.recipe.pp-row.wf-row .opt-tog .opt-ch{font-size:16px;letter-spacing:0}
.wf-main{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:28px;padding:20px 24px 22px;align-items:start}
.wf-fields .field:first-child{margin-top:0}
.wf-fields .field:last-child{margin-bottom:0}
.wf-input{height:52px;font-size:18px;background:var(--slab)}
.wf-input.mono{font-family:var(--mono);font-size:20px;letter-spacing:.02em}
.wf-pw{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px 52px;gap:8px}
.wf-pw .btn-icon{width:52px;height:52px}
.wf-note{margin-top:4px}
.link-btn.inline{display:inline;height:auto;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.link-btn.inline:hover{background:none}
.wf-qr .qr-box{padding:12px;aspect-ratio:1}
.wf-qr .qr-box canvas{width:100%;height:auto;max-width:240px}
.wf-qr .qr-box.is-empty{background:var(--sunk);border-style:dashed;border-color:var(--line-strong)}
.qr-empty{margin:0;padding:0 18px;text-align:center;color:var(--ink-2);font-size:15px;line-height:1.45}
.wf-slab .slab-foot{gap:8px;color:var(--ink-2)}
.wf-slab .slab-foot .ico{width:16px;height:16px;flex:none;color:var(--s-vstrong)}   
.after .link-btn:disabled,.link-btn:disabled{color:var(--muted);cursor:default;background:none}
.link-btn:disabled .ico{opacity:.6}

.link-btn[hidden]{display:none}
.qr-more{margin:-10px 22px 20px;text-align:center}
.qr-more a{color:var(--brand-ink)}
@media (max-width:760px){
  .wf-main{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}
  .wf-qr{max-width:260px;width:100%;justify-self:center}
  .wf-qr .qr-box.is-empty{aspect-ratio:auto;min-height:96px}
  .wf-input.mono{font-size:17px;letter-spacing:0;padding-inline:10px}
  .wf-pw{grid-template-columns:48px 48px 48px minmax(0,1fr);gap:6px}
  .wf-pw .wf-input{grid-column:1/-1}   
  .wf-pw .btn-icon{width:48px}
}
.bulk-bar .split{display:inline-flex}
.bulk-bar .foot-sp{display:none}   
.bulk-bar .btn-icon{width:44px;height:44px}
.bulk-bar .bk-dl #dl{border-start-end-radius:0;border-end-end-radius:0}
.bulk-bar .bk-dl .chip-more{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px;padding-inline:10px}
.bulk-bar .bk-dl .stack{justify-items:start}
.bulk-bar .bk-dl #dl.alone{border-radius:var(--r)}
.bulk-bar .bk-dl .chip-more[hidden]{display:none}

@media (max-width:999px){
  .bulk-bar{flex-wrap:wrap;row-gap:8px}
  .bulk-bar .bk-dl{order:1;flex:1 1 100%;display:flex}
  .bulk-bar .bk-dl #dl{flex:1}
  .bulk-bar #print{order:2;padding-inline:14px}
  .bulk-bar #regen{order:3;flex:none}
  .bulk-bar #copyall{order:4;flex:1}
}
@media (max-width:360px){ .bulk-bar #print{font-size:0;gap:0;width:44px;padding:0;flex:none} }
.bulk-bar.tight #print{font-size:0;gap:0;width:44px;padding:0;flex:none}

@media (max-width:999px){
  .bulk-bar .foot-sp{display:none}
  .bulk-note .count{white-space:nowrap}
  .recipe.pw-row .r-set .chip{padding-inline:2px}
  .recipe.pw-row .r-set .chip>span:not(.sr):not(.box)::before,
  .recipe.pw-row #sy-lbl::before{position:static;transform:none;display:inline-block;width:auto;margin:0;margin-inline-end:5px}
  .bulk .tbl.bulk-tbl td{white-space:normal}   
}

@media (min-width:861px){   
  .bulk-tbl{width:100%}
  .tbl.bulk-tbl td.c-name,.tbl.bulk-tbl td.c-user{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bulk-tbl td.c-name{width:45%}
  .bulk-tbl td.c-user{width:55%}
  .bulk-tbl td.c-copy,.bulk-tbl th:nth-child(4){width:1%}
  .bulk-tbl td.c-pw,.bulk-tbl th:nth-child(3){width:1%;white-space:nowrap}
  .bulk .tbl.bulk-tbl td.c-pw{white-space:nowrap;word-break:normal;overflow-wrap:normal}   
}
@media (min-width:1000px) and (max-width:1199px){ .bulk{grid-template-columns:270px minmax(0,1fr)} }

@media (min-width:1000px){ .band-in.bulk-in{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gutter)} }

@media (min-width:1000px){
  .bulk{grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:stretch}
  .bulk-form{padding:20px 22px;align-content:start}
  .bulk-form>.mode-count .input{max-width:200px}
  .recipe.pp-row.bk-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .recipe.pp-row.bk-row>li.r-sep,.recipe.pp-row.bk-row>li.r-words{grid-column:auto}
  .bulk-out{display:flex;flex-direction:column}
  .bulk-out .tbl-wrap{flex:1 1 0;min-height:240px;max-height:none;overflow:auto}
}
@media (min-width:1000px) and (max-width:1199px){ .bulk{grid-template-columns:minmax(0,2fr) minmax(0,3fr)} }   
.bulk .hl-field textarea{min-height:calc(10 * 15px * 1.55 + 22px)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--slab);color:var(--ink);padding:10px 14px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);text-decoration:none}
.skip:focus{top:12px}
main:focus{outline:none}
@media (max-width:860px){ .bulk .tbl-wrap{max-height:none;overflow:visible} }
.bulk-form .hint.warn{color:var(--s-weak)}
.bulk-form .input[aria-invalid="true"]{border-color:var(--s-weak)}
.bulk .tbl.bulk-tbl tr.empty-row td{white-space:normal;color:var(--muted);padding-block:24px}
.reasons .link-btn{margin-inline-start:-10px;text-decoration:none}

.check-slab .check-res{padding:0 24px}
.check-slab .meter{align-self:center;gap:4px}
.check-slab .meter i{width:28px;height:6px}
.check-slab .vrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:4px 0 10px}
.check-slab .vrow:has(.verdict:empty){display:none}
.check-slab .verdict{font-size:30px;font-weight:600;line-height:1.15;color:var(--ink)}
.check-slab .check-res:has(.meter[data-l="1"]) .verdict{color:var(--s-weak)}
.check-slab .check-res:has(.meter[data-l="2"]) .verdict{color:var(--s-fair)}
.check-slab .check-res:has(.meter[data-l="3"]) .verdict{color:var(--s-strong)}
.check-slab .check-res:has(.meter[data-l="4"]) .verdict{color:var(--s-vstrong)}
.check-slab .ttc{font-size:17px;color:var(--ink-2)}
a.ttc{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}   
a.ttc:hover{color:var(--brand-ink)}
.check-slab .bits{margin-inline-start:auto;font-size:14px;color:var(--muted)}
.check-slab .reasons{min-height:0;padding:0 24px 18px;gap:6px}
.check-slab .check-res:has(.verdict:empty)+.reasons{padding-top:4px}
.check-slab .reasons li:not(.muted){padding-inline-start:24px}
.check-slab .reasons li.bad::before,.check-slab .reasons li.good::before{width:auto;height:auto;top:0;border-radius:0;background:none;font-weight:700}
.check-slab .reasons li.bad::before{content:"✕";color:var(--s-weak)}
.check-slab .reasons li.good::before{content:"✓";color:var(--s-vstrong)}
.check-slab .breach{align-items:center;margin:0;padding:12px 24px;border-top:1px solid var(--line);background:var(--sunk);border-radius:0 0 13px 13px}
.check-slab .breach[hidden]{display:none}
@media (max-width:860px){
  .check-slab .check-res,.check-slab .breach{padding-inline:16px}
  .check-slab .reasons{padding:0 16px 16px}
  .check-slab .verdict{font-size:26px}
  .check-slab .ttc{flex-basis:100%}   
  .check-slab .bits{display:none}
}
.hl-field{position:relative}
.hl-field textarea{position:relative;z-index:1;display:block;background:transparent;color:transparent;caret-color:var(--ink)}
.hl-field textarea::selection{background:color-mix(in srgb,var(--brand-ink) 28%,transparent);color:transparent}
.hl-field .hl{position:absolute;inset:0;margin:0;border:1px solid transparent;border-radius:var(--r);background:var(--sunk);padding:10px 12px;font:15px/1.55 var(--mono);white-space:pre;overflow:hidden;color:var(--ink);pointer-events:none}
.hl .e,.lab .hl-e{color:var(--brand-ink)}
.hl .s{color:var(--muted)}
.hl .x{color:var(--s-weak);text-decoration:underline wavy var(--s-weak);text-underline-offset:3px}
.lab .hl-n,.lab .hl-e{font-family:"PG Bold","Titillium Web",system-ui,sans-serif;font-weight:700}

.hl .h,.hl .i{color:var(--muted)}
.hl .h{font-style:italic}
.hl-field .hl-tags{position:absolute;inset:0;z-index:2;margin:0;border:1px solid transparent;padding:10px 12px;font:15px/1.55 var(--mono);white-space:pre;overflow:hidden;pointer-events:none;text-align:end}
.hl-tags .tag{padding:1px 7px;border-radius:999px;font:13px/1 "Titillium Web",system-ui,sans-serif;color:var(--muted);background:color-mix(in srgb,var(--muted) 16%,var(--sunk));box-shadow:-10px 0 8px -2px var(--sunk)}
.hl-tags .tag.bad{color:var(--s-weak);background:color-mix(in srgb,var(--s-weak) 13%,var(--sunk))}

.people-sum{overflow:hidden}
.people-sum .sum-in{display:flex;flex-wrap:wrap;row-gap:2px;margin-inline-start:-18px}
.people-sum .sum-in>span::before{content:"·";display:inline-block;width:18px;text-align:center;color:var(--muted)}
.people-sum .warn{color:var(--s-weak)}
.recipe.pp-row.bk-row>li[hidden]{display:none}

@media (max-width:520px){ .recipe.pp-row.bk-row{grid-template-columns:minmax(0,1fr)} }
.bk-notes .hint{margin:0}
.bk-notes .hint+.hint{margin-top:6px}
.bulk-tbl tr.bad td.c-user{color:var(--s-weak)}
.bulk-tbl tr.bad td.c-user .ico{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-inline-end:6px}

#exp-choice button{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:auto;min-height:52px;padding:7px 12px}
#exp-choice button .ex{font-family:inherit;font-size:14px;line-height:1.3}

.cc{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;width:min(760px,calc(100% - 32px));display:flex;align-items:center;gap:16px;padding:14px 16px 14px 20px;background:var(--slab);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--pop-shadow)}
.cc[hidden]{display:none}
.cc-text{margin:0;flex:1;font-size:15px;line-height:1.45;color:var(--ink-2)}
.cc-text a{color:var(--brand-ink);white-space:nowrap}
.cc-btns{display:flex;gap:8px;flex:none}
.cc-btns .btn{height:42px;padding:0 18px;font-size:16px;min-width:96px}

.cc{border-top:4px solid var(--brand-fill);box-shadow:0 10px 32px rgb(20 30 90 / .28)}
.cc .cc-yes{background:var(--brand-fill);border-color:var(--brand-fill);color:var(--on-brand);font-weight:700}
.cc .cc-yes:hover{filter:brightness(1.08)}
.cc .cc-no{background:var(--slab);border-color:var(--line-strong);color:var(--ink)}
body.cc-on .fb-fab{display:none}
@media (max-width:640px){ .cc{flex-direction:column;align-items:stretch;bottom:0;width:100%;border-radius:14px 14px 0 0;padding:16px} .cc-btns .btn{flex:1} }
@media print{ .cc{display:none!important} }

.fb-fab{position:fixed;right:20px;bottom:20px;z-index:40;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--slab);color:var(--brand-ink);border:1px solid var(--line-strong);box-shadow:0 4px 14px rgb(0 0 0 / .14);cursor:pointer}
.fb-fab:hover{border-color:var(--brand-ink)}
.fb-fab .ico{width:22px;height:22px}
#pop-fb{width:360px}
@media (min-width:861px){ #pop-fb{position:fixed;inset:auto 20px 80px auto} }
#pop-fb .fb-msg{height:auto;min-height:110px;padding:10px 12px;resize:vertical;font:16px/1.45 var(--ui)}
#pop-fb .fb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#pop-fb .hint{margin-top:8px}

#pop-fb .fb-done{display:none}
#pop-fb.sent > :not(.pop-head):not(.fb-done){display:none}
#pop-fb.sent .fb-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 8px 6px;text-align:center}
#pop-fb .fb-done .ico{width:44px;height:44px;color:var(--s-strong)}
#pop-fb .fb-done-t{margin:0;font-size:17px;line-height:1.45}
#pop-fb .fb-size{width:36px;height:36px;border-color:transparent;background:none;color:var(--muted)}
#pop-fb .fb-size:hover{color:var(--brand-ink);border-color:var(--line-strong)}
#pop-fb .fb-size .ico{width:18px;height:18px}
#pop-fb.big{width:min(680px,calc(100vw - 40px))}
#pop-fb.big .fb-msg{min-height:min(340px,calc(100dvh - 430px))}

@media (min-width:861px){ #pop-fb{max-height:calc(100dvh - 100px);overflow-y:auto} }
#pop-fb .fb-left{text-align:end;margin-top:4px}
@media (max-width:860px){ #pop-fb{width:100%} #pop-fb .fb-size{display:none} #pop-fb .fb-msg{min-height:34vh} }   
#pop-fb label[for=fb-email]{margin-top:16px}
#pop-fb .fb-status{color:var(--ink)}
#pop-fb .fb-send{margin-top:12px;width:100%}
@media (max-width:860px){ .fb-fab{right:12px;bottom:12px;width:44px;height:44px;transition:transform .2s ease-out,opacity .2s} .fb-fab.away{transform:translateY(72px);opacity:0;pointer-events:none} }
@media (prefers-reduced-motion:reduce){ .fb-fab{transition:none} }

.wf-raw{margin-top:10px;font-size:14px;color:var(--muted)}
.wf-raw summary{cursor:pointer;width:max-content;max-width:100%}
.wf-raw code{display:block;margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--sunk);color:var(--ink);font:14px/1.45 var(--mono);overflow-wrap:anywhere}
.wf-raw .hint{margin-top:6px;font-size:13px}
#pop-wprint .lab{margin-top:12px}
#pop-wprint .input,#pop-wprint .select{width:100%}
#pop-wprint .select option{background:var(--slab);color:var(--ink)}
#pop-wprint .hint{margin-top:12px}
#pop-wprint #sg-go{margin-top:14px;width:100%}
#pop-print .lab{margin-top:12px}
#pop-print .input{width:100%}
#pop-print .hint{margin-top:10px}
#pop-print #print-go{margin-top:14px;width:100%}
.check-private{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.check-private .ico{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-inline-end:8px;color:var(--s-vstrong)}
.check-private a{color:var(--brand-ink);white-space:nowrap}
.breach-status{flex:1 1 320px;margin:0;max-width:62ch;font-size:14px;line-height:1.5;color:var(--muted)}
.breach-status .res:not(:empty){margin-inline-end:.35em;font-weight:600;color:var(--ink)}
.breach-status .res.good{color:var(--s-vstrong)}
.breach-status .res.bad{color:var(--s-weak)}

.check-slab .breach .btn.done,.check-slab .breach .btn.done:disabled{opacity:1;cursor:default;background:var(--slab);font-weight:600}
.check-slab .breach .btn.done{color:var(--ink);border-color:var(--line-strong)}
.check-slab .breach .btn.done.good{color:var(--s-vstrong);border-color:var(--s-vstrong)}
.check-slab .breach .btn.done.bad{color:var(--s-weak);border-color:var(--s-weak)}
.breach-status .how{color:var(--brand-ink);white-space:nowrap}

.check-slab .breach .enter-key{display:none;margin-inline-start:4px;min-width:22px;height:20px;padding:0 5px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;font:600 13px/1 var(--ui);color:var(--muted);background:var(--slab)}
@media (hover:hover) and (pointer:fine){ .check-slab .breach .enter-key{display:inline-flex;visibility:hidden} .check-slab .breach.typing .enter-key{visibility:visible} }   
#qr-dialog .qr-box:has(canvas[hidden]){display:none}
.qr-cap.qr-problem{color:var(--ink);font-size:15px;text-align:start;background:var(--sunk);border-radius:10px;padding:12px 14px;margin:0 0 16px}

.recipe.th-row{gap:6px;margin-bottom:8px}
.recipe.th-row>li{flex:none}
.recipe.th-row .chip{padding-inline:18px 9px;justify-content:center}
.recipe.th-row .chip.chip-more{padding-inline:8px 6px;gap:4px}
.recipe.th-row .th[aria-pressed="false"]{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}
.recipe.th-row .th[aria-pressed="true"]{background:var(--slab);border-color:var(--line-strong);color:var(--brand-ink)}
.recipe.th-row .chip.chip-more:not(.on){background:transparent;border-color:var(--line-strong)}
.recipe.th-row .chip.chip-more.on{background:var(--slab);border-color:var(--line-strong);color:var(--brand-ink)}
.recipe.th-row .th-l{position:relative}
.recipe.th-row .th-l::before{content:"✓";position:absolute;inset-inline-end:100%;top:50%;transform:translateY(-50%);margin-inline-end:6px;font-family:var(--ui);color:transparent}
.recipe.th-row .th[aria-pressed="true"] .th-l::before{color:var(--brand-ink)}
.recipe.th-row .split{flex:none}
@media (hover:hover) and (pointer:fine){
  .recipe.th-row .chip:hover,.recipe.th-row .th[aria-pressed="false"]:hover{border-color:var(--brand-line);color:var(--brand-ink);background:var(--slab)}
}
@media (max-width:999px){
  .recipe.th-row{display:flex;flex-wrap:wrap;gap:6px}
  .recipe.th-row>li{grid-column:auto}
  .recipe.th-row .chip{padding-inline:22px 11px;font-size:15px}
  .recipe.th-row .chip.chip-more{min-width:44px;padding-inline:8px 6px}
}

.recipe.un-row .r-word{min-width:0}
.un-word{display:flex;align-items:center;gap:6px;flex:1;min-width:0;height:42px;padding-inline:12px 4px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--slab);color:var(--muted);transition:border-color .15s}
.un-word:focus-within{border-color:var(--brand-fill);box-shadow:0 0 0 1px var(--brand-fill)}
.un-word .ico{width:16px;height:16px;flex:none}
.un-word input{flex:1;min-width:0;width:100%;height:100%;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;outline:none;padding:0}
.un-word input::placeholder{color:var(--muted);opacity:1}
.un-word-x{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--muted)}
.un-word-x[hidden]{display:none}
.un-word-x:hover{color:var(--ink);background:var(--sunk)}
@media (hover:hover) and (pointer:fine){ .un-word:hover{border-color:var(--brand-line)} }
@media (min-width:1000px){
  .recipe.un-row:not(.compact)>li.r-word{flex:1 1 200px}
}
@media (max-width:999px){
  .recipe.pp-row.un-row:not(.pin-row)>li.r-sep{grid-column:span 14}
  .recipe.pp-row.un-row:not(.pin-row)>li.r-opt{grid-column:span 10}
  .recipe.pp-row.un-row:not(.pin-row)>li.r-max{grid-column:span 10}
  .recipe.pp-row.un-row:not(.pin-row)>li.r-word{grid-column:span 14}
}
@media (max-width:359px){ .recipe.pp-row.un-row:not(.pin-row)>li.r-max,.recipe.pp-row.un-row:not(.pin-row)>li.r-word{grid-column:span 24} }

.names>li{display:flex;align-items:center;min-width:0}
.names .name{flex:1;min-width:0}
.names .star{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--muted);margin-inline-end:4px}
.names .star .ico{width:20px;height:20px}
.names .star:hover{background:var(--sunk);color:var(--ink)}
.names .star[aria-pressed="true"]{color:var(--brand-ink)}

.names:not(:has(li)){min-height:234px}
@media (max-width:860px){.names:not(:has(li)){min-height:454px}}
.un-foot{flex-wrap:wrap;gap:8px 12px}
.un-info{flex:1 1 260px;min-width:0}
#un-count{color:var(--ink-2)}
#un-count.un-none{color:var(--s-weak)}
.un-foot .btn-quiet{flex:none}
.un-foot .btn-quiet .ico{width:18px;height:18px}
.un-foot .btn-quiet:disabled{opacity:.5;cursor:default}
#regen.spin .ico{animation:pg-turn .5s cubic-bezier(.25,.8,.25,1)}
@media (prefers-reduced-motion:reduce){#regen.spin .ico{animation:none}}
@media (max-width:860px){
  .un-foot{padding:10px 12px}
  .un-info{flex-basis:100%}
  .un-foot .foot-sp{display:none}
  .un-foot .btn-quiet{flex:1;justify-content:center}
}

.shortlist{margin-top:16px}
.sl-head{display:flex;align-items:center;gap:12px;padding:12px 16px 8px 24px;padding-inline:24px 16px}
.sl-h{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:400;color:var(--ink)}
.sl-h .ico{width:18px;height:18px;color:var(--brand-ink)}
.sl-n{color:var(--muted)}
.sl-list{list-style:none;margin:0;padding:0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.sl-list li{display:flex;align-items:center;gap:2px;min-width:0;padding-inline:16px 4px;height:48px;border-radius:10px}
.sl-list li:hover{background:var(--sunk)}
.sl-t{flex:1;min-width:0;font-family:var(--mono);font-size:20px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
.sl-note{margin:6px 0 0;padding:0 24px 14px;font-size:14px;color:var(--muted)}
@media (max-width:860px){
  .sl-head{padding-inline:16px 10px}
  .sl-list{grid-template-columns:1fr;padding:0 4px}
  .sl-list li{padding-inline:12px 2px}
  .sl-t{font-size:18px}
  .sl-note{padding-inline:16px}
}

.pop h3.h-gap{margin-top:16px}
.pf-choice button{height:38px}
#pop-max,#pop-rw{width:320px}
@media (max-width:860px){ #pop-max,#pop-rw{width:auto} }

.range{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(var(--brand-fill),var(--brand-fill)) 0/var(--fill,0%) 100% no-repeat,var(--line-strong)}
.range::-moz-range-track{height:6px;border-radius:3px;background:var(--line-strong)}
.range::-moz-range-progress{height:6px;border-radius:3px;background:var(--brand-fill)}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--brand-fill);border:3px solid var(--slab);box-shadow:0 0 0 1px var(--brand-fill)}
.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand-fill);border:3px solid var(--slab);box-shadow:0 0 0 1px var(--brand-fill)}
.range:focus-visible{outline:none}
.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--slab),0 0 0 4px var(--brand-ink)}

.recipe.th-row{display:flex;flex-wrap:wrap;gap:6px}
.recipe.th-row>li{flex:0 0 auto;min-width:0}
.recipe.th-row .chip.th{justify-content:center;gap:7px;padding-inline:14px}
.recipe.th-row .th-ic,.recipe.th-row .th-tk{width:17px;height:17px;flex:none}
.recipe.th-row .th-l::before{content:none}
.recipe.th-row .th .th-tk{display:none}
.recipe.th-row .th[aria-pressed="true"] .th-tk{display:block;color:var(--brand-ink)}
.recipe.th-row .th[aria-pressed="true"] .th-ic{display:none}
.names .name-t{font-family:var(--ui);font-size:22px;letter-spacing:0;font-weight:600}
.names .name{padding-inline:16px 6px;justify-content:flex-start}
.names .name-t{flex:1 1 auto;min-width:0}
.names .star{margin-inline-end:6px}
.un-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
#un-count{white-space:nowrap}
.names .nm-w1{color:var(--brand-ink)}
@media (min-width:861px){
  .names{grid-template-columns:repeat(3,minmax(0,1fr))}
  .names.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .names .name{height:54px;padding-inline:14px 2px;gap:8px}
  .names .name-t{font-size:20px}
  .names .name-l{display:none}
  .names .star{width:40px;height:40px;margin-inline-end:4px}
}
.names .nm-sep,.names .nm-n{color:var(--muted)}
.names .name.ok .nm-w1{color:inherit}
@media (max-width:860px){
  .recipe.th-row .chip.th{padding-inline:12px}
  .names .name-t{font-size:20px}
}

@media (min-width:1000px){
  .band-in:not(.bulk-in):has(.phr-row){padding-inline:var(--gutter)}
  .recipe.pp-row.phr-row.compact{grid-template-columns:repeat(24,minmax(0,1fr))}
}
@media (min-width:1000px){
  .recipe.pp-row.phr-row.compact{grid-template-columns:repeat(24,minmax(0,1fr))}
  .recipe.pp-row.phr-row.compact>li.r-words{grid-column:span 8}
  .recipe.pp-row.phr-row.compact>li.r-sep{grid-column:span 8}
  .recipe.pp-row.phr-row.compact>li.r-max{grid-column:span 8}
  .recipe.pp-row.phr-row.compact>li.r-opt{grid-column:span 4}
  .recipe.pp-row.phr-row.compact>li.r-wl{grid-column:span 10}
  .recipe.pp-row.phr-row.compact>li.r-xinfo{grid-column:span 2}
}

@media (max-width:999px){
  .recipe.pp-row.phr-row>li.r-opt{grid-column:span 7}
  .recipe.pp-row.phr-row>li.r-xinfo{grid-column:span 3}
  .recipe.pp-row.phr-row>li.r-max{grid-column:span 9}
  .recipe.pp-row.phr-row>li.r-wl{grid-column:span 15}
  .recipe.pp-row.phr-row .opt-tog{padding-inline:20px}
}
@media (max-width:374px){
  .recipe.pp-row.phr-row>li.r-max,.recipe.pp-row.phr-row>li.r-wl{grid-column:span 24}
}
@media (max-width:999px){ .recipe.pp-row.phr-row.max-own>li.r-max,.recipe.pp-row.phr-row.max-own>li.r-wl,.recipe.pp-row.phr-row.sep-own>li.r-words,.recipe.pp-row.phr-row.sep-own>li.r-sep{grid-column:span 24} }

#result{--pp-sym:#b91c1c;--pp-sel:#dadef3;--pp-sym-sel:#b91c1c;--pp-dig:#b91c1c;--pp-dig-sel:#b91c1c;--pp-warn:#c62828;--pp-alt:var(--brand-ink)}
:root[data-theme="dark"] #result{--pp-dig:#ff9e9e;--pp-dig-sel:#ff9e9e;--pp-sym:#ff9e9e;--pp-sel:#2f3b80;--pp-sym-sel:#ff9e9e;--pp-warn:#ff7b74;--pp-alt:var(--brand-ink)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) #result{--pp-dig:#ff9e9e;--pp-dig-sel:#ff9e9e;--pp-sym:#ff9e9e;--pp-sel:#2f3b80;--pp-sym-sel:#ff9e9e;--pp-warn:#ff7b74;--pp-alt:var(--brand-ink)} }

#result{--pw-dig:#3F51B5;--pw-sym:#317000;--pw-sym-sel:#317000}
:root[data-theme="dark"] #result{--pw-dig:#82b1ff;--pw-sym:#81c784;--pw-sym-sel:#81c784}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) #result{--pw-dig:#82b1ff;--pw-sym:#81c784;--pw-sym-sel:#81c784} }
#out .pw-in.all-sel{background:var(--pp-sel)}
#out .pw-d{color:var(--pw-dig)}
#out .pw-s{color:var(--pw-sym)}
#out .out-text .pw-d::selection{color:var(--pw-dig)}
#out .out-text .pw-s::selection{color:var(--pw-sym-sel)}
#out .out-text .pw-d::-moz-selection{color:var(--pw-dig)}
#out .out-text .pw-s::-moz-selection{color:var(--pw-sym-sel)}
#out .pc-d{color:var(--pp-dig)}
#out .pc-s,#out .pc-p{color:var(--pp-sym)}
#out .pw-alt{color:var(--pp-alt)}
#out.phrase #phrase{overflow-wrap:anywhere}
#out .pp-nb{white-space:nowrap}

#out .out-text::selection,#out .out-text *::selection{background:var(--pp-sel);color:var(--ink)}
#out .pc-d::selection{color:var(--pp-dig-sel)}
#out .pc-s::selection,#out .pc-p::selection{color:var(--pp-sym-sel)}
#out .pw-alt::selection{color:var(--pp-alt)}
#out .out-text::-moz-selection,#out .out-text *::-moz-selection{background:var(--pp-sel);color:var(--ink)}
#out .pc-d::-moz-selection{color:var(--pp-dig-sel)}
#out .pc-s::-moz-selection,#out .pc-p::-moz-selection{color:var(--pp-sym-sel)}
#out .pw-alt::-moz-selection{color:var(--pp-alt)}
#phrase .pw-w[data-i]{cursor:pointer;border-radius:4px;outline-offset:1px}
#phrase .pw-w[data-i]:focus-visible{outline:2px solid var(--brand-ink)}

@media (hover:hover) and (pointer:fine){ #phrase .pw-w[data-i]:hover{text-decoration:underline 2px var(--brand-fill);text-underline-offset:5px;text-decoration-skip-ink:none} }
#out.none{align-items:center}
#out.none .pp-none{font-family:var(--ui);font-size:18px;line-height:1.4;color:var(--pp-warn);white-space:normal}
#strength.none .meter{visibility:hidden}
.pp-list .out-text.pp-line{white-space:normal;word-break:normal;overflow-wrap:anywhere;font-size:22px;line-height:1.3;padding-block:6px}
@media (max-width:860px){ .pp-list .out-text.pp-line{font-size:19px} }

#strength:has(.pp-note){flex-wrap:wrap;row-gap:4px;align-content:start}
.slab-foot:has(.pin-foot){align-items:flex-start;flex-wrap:nowrap}
.slab-foot:has(.pin-foot)>.ico{margin-top:3px;flex:none}
.pin-foot{display:flex;flex-direction:column;gap:2px;min-width:0}
#pin-odds{font-size:14px;line-height:1.5}
.pp-note{flex:1 0 100%;min-height:21px;font-size:14px;line-height:1.5;color:var(--muted)}
.pp-chars{color:var(--ink-2);font-variant-numeric:tabular-nums}
.pp-chars:not(:empty)+.pp-msg:not(:empty)::before{content:" · "}
.pp-note.short .pp-chars,.pp-note.short .pp-msg{color:var(--pp-warn)}
@media (max-width:860px){ .pp-note{min-height:42px} }

.slab-foot#strength:has(.pp-note):has(.verdict){min-height:78px}
@media (max-width:860px){ .slab-foot#strength:has(.pp-note):has(.verdict){min-height:107px} }
#strength:has(.pp-note) .verdict{min-height:24px}
#copy:disabled,#qr:disabled{opacity:.5;cursor:default}

.after .am-stack{justify-items:start}
.after .am-cur{display:inline-flex;align-items:center;gap:8px}
.after .am-stack>.sizer{padding-inline-end:20px}

.recipe.pp-row>li.r-xinfo{flex:none!important;display:flex}
.recipe.pp-row>li.r-xinfo .chip.chip-info{width:44px;min-width:44px;justify-content:center;padding:0;margin-inline-start:0;border-radius:var(--r);background:transparent;border-color:var(--line-strong);color:var(--muted)}
@media (max-width:999px){ .recipe.pp-row>li.r-xinfo{justify-content:flex-end} .recipe.pp-row>li.r-xinfo .chip.chip-info{width:100%;min-width:40px} }
#pop-extras{max-width:min(360px,calc(100vw - 24px))}
@media (max-width:374px){ .recipe.pp-row>li.r-xinfo .chip.chip-info{min-width:0} }

@media (min-width:1121px){[data-lang="ar"] .tools a .ico{display:none}[data-lang="ar"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:932px){[data-lang="ar"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent)}[data-lang="ar"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="bg"] .tools a .ico{display:none}[data-lang="bg"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:963px){[data-lang="bg"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="bg"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="ca"] .tools a .ico{display:none}[data-lang="ca"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:930px){[data-lang="ca"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ca"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:861px) and (max-width:889px){[data-lang="cs"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="cs"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="cy"] .tools a .ico{display:none}[data-lang="cy"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:957px){[data-lang="cy"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="cy"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="da"] .tools a .ico{display:none}[data-lang="da"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:911px){[data-lang="da"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="da"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="de"] .tools a .ico{display:none}[data-lang="de"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:980px){[data-lang="de"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="de"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="el"] .tools a .ico{display:none}[data-lang="el"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:942px){[data-lang="el"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="el"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="es"] .tools a .ico{display:none}[data-lang="es"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:907px){[data-lang="es"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="es"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="eu"] .tools a .ico{display:none}[data-lang="eu"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:910px){[data-lang="eu"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="eu"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px) and (max-width:1123px){[data-lang="fi"] .tools a .ico{display:none}[data-lang="fi"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:893px){[data-lang="fi"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="fi"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px) and (max-width:1132px){[data-lang="fr"] .tools a .ico{display:none}[data-lang="fr"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:902px){[data-lang="fr"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="fr"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="ga"] .tools a .ico{display:none}[data-lang="ga"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:943px){[data-lang="ga"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ga"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="gd"] .tools a .ico{display:none}[data-lang="gd"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:966px){[data-lang="gd"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="gd"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="hr"] .tools a .ico{display:none}[data-lang="hr"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:914px){[data-lang="hr"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="hr"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px) and (max-width:1130px){[data-lang="hu"] .tools a .ico{display:none}[data-lang="hu"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:901px){[data-lang="hu"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="hu"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="id"] .tools a .ico{display:none}[data-lang="id"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:906px){[data-lang="id"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="id"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px) and (max-width:1121px){[data-lang="it"] .tools a .ico{display:none}[data-lang="it"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:891px){[data-lang="it"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="it"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="ja"] .tools a .ico{display:none}[data-lang="ja"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:934px){[data-lang="ja"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ja"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:861px) and (max-width:879px){[data-lang="ko"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ko"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="lt"] .tools a .ico{display:none}[data-lang="lt"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:958px){[data-lang="lt"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="lt"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:861px) and (max-width:874px){[data-lang="lv"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="lv"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="ms"] .tools a .ico{display:none}[data-lang="ms"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:907px){[data-lang="ms"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ms"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="nl"] .tools a .ico{display:none}[data-lang="nl"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:973px){[data-lang="nl"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="nl"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px) and (max-width:1130px){[data-lang="no"] .tools a .ico{display:none}[data-lang="no"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:900px){[data-lang="no"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="no"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="ru"] .tools a .ico{display:none}[data-lang="ru"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:980px){[data-lang="ru"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="ru"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="sl"] .tools a .ico{display:none}[data-lang="sl"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:936px){[data-lang="sl"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="sl"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="sv"] .tools a .ico{display:none}[data-lang="sv"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:968px){[data-lang="sv"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="sv"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="uk"] .tools a .ico{display:none}[data-lang="uk"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:926px){[data-lang="uk"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="uk"] .tools::-webkit-scrollbar{display:none}}
@media (min-width:1121px){[data-lang="vi"] .tools a .ico{display:none}[data-lang="vi"] .tools a{padding:0 10px}}
@media (min-width:861px) and (max-width:945px){[data-lang="vi"] .tools{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 92%,transparent);mask-image:linear-gradient(to right,#000 92%,transparent)}[data-lang="vi"] .tools::-webkit-scrollbar{display:none}}

#pop-fb .fb-ts:empty{display:none}
#pop-fb .fb-ts{margin:4px 0 10px}

.guide section[id][tabindex="-1"]:focus{outline:none}

.lang-grid{grid-auto-flow:column;grid-template-rows:repeat(15,auto);max-height:none}
.lang-grid.lang-suggest{grid-auto-flow:row;grid-template-rows:none;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.lang-pop{max-height:calc(100dvh - 90px);overflow:auto}
@media (max-width:860px){ .lang-grid{grid-template-rows:repeat(22,auto)} .lang-grid.lang-suggest{grid-template-rows:none} .lang-pop{max-height:none} }.guide ul.presets{padding-inline-start:0}
.guide .presets li{margin:0}
.presets a{flex-direction:column;align-items:flex-start;gap:3px}
.presets .p-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.presets .p-why{color:var(--muted);font-size:15px}
.presets .p-spec{font-size:14px;white-space:normal}
.guide ul,.guide ol{padding-inline-start:1.2em;margin:0 0 14px}
.guide li{margin:0 0 8px}
.guide li strong,.guide p strong{color:var(--ink);font-weight:400}
.guide code{font-family:var(--mono);font-size:.92em;background:var(--sunk);border:1px solid var(--line);border-radius:5px;padding:1px 5px}

.guide .nw{white-space:nowrap}
.guide pre{margin:10px 0 4px;padding:12px 14px;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;font-size:14px;line-height:1.55}
.guide pre code{background:none;border:0;padding:0;font-size:inherit;white-space:pre}
.j-sample[data-kind="phrase"] .j-line{overflow-wrap:normal;word-break:normal}

.install .install-prompt,.install .install-ios,.install .install-installed{display:none}
.install{margin-top:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--sunk)}
.install p:last-child{margin-bottom:0}

.tbl td:nth-child(-n+3),.tbl th:nth-child(-n+3){white-space:nowrap}
.tbl.tint td:nth-child(n+2),.tbl.tint th:nth-child(n+2){white-space:normal}   
.guide .scroll-x+p{margin-top:16px}

.tbl.tint .lv i{display:none}
.tbl.tint td:has(.lv){border-bottom:2px solid var(--bg)}
.tbl.tint td:has(.lv-1){background:#fde7e7}.tbl.tint td:has(.lv-2){background:#fdf0d7}
.tbl.tint td:has(.lv-3){background:#edf5d6}.tbl.tint td:has(.lv-4){background:#d7eed9}
.tbl.tint .lv span{color:var(--ink)}
.lv-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 10px;font-size:14px;color:var(--ink-2)}
.lv-key .k{display:inline-flex;align-items:center;gap:7px}
.lv-key .k::before{content:"";width:14px;height:14px;border-radius:4px}
.k-1::before{background:#fde7e7;box-shadow:inset 0 0 0 1px #f3b9b9}.k-2::before{background:#fdf0d7;box-shadow:inset 0 0 0 1px #ecd09a}
.k-3::before{background:#edf5d6;box-shadow:inset 0 0 0 1px #c5dd98}.k-4::before{background:#d7eed9;box-shadow:inset 0 0 0 1px #9fd0a4}
:root[data-theme="dark"] .tbl.tint td:has(.lv-1),:root[data-theme="dark"] .k-1::before{background:#4a2426;box-shadow:none}
:root[data-theme="dark"] .tbl.tint td:has(.lv-2),:root[data-theme="dark"] .k-2::before{background:#4a3a1c;box-shadow:none}
:root[data-theme="dark"] .tbl.tint td:has(.lv-3),:root[data-theme="dark"] .k-3::before{background:#35411f;box-shadow:none}
:root[data-theme="dark"] .tbl.tint td:has(.lv-4),:root[data-theme="dark"] .k-4::before{background:#1f3d24;box-shadow:none}

.install[data-mode="prompt"] .install-default{display:none}
.install[data-mode="prompt"] .install-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.install-prompt p{margin:0;color:var(--ink-2)}

.install[data-mode="ios"] .install-default,.install[data-mode="installed"] .install-default{display:none}
.install[data-mode="ios"] .install-ios,.install[data-mode="installed"] .install-installed{display:block}
.install-button{height:46px;padding:0 20px;border:0;border-radius:var(--r);background:var(--brand-fill);color:var(--on-brand);font-size:17px;cursor:pointer}
.install-button:hover{filter:brightness(1.08)}

.guide p.jump{font-size:15px;color:var(--muted);margin-top:4px}
.guide p.jump a{white-space:nowrap}

.guide details.tech{border:1px solid var(--line);border-radius:var(--r);background:var(--sunk);margin-top:8px}
.guide details.tech>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;color:var(--brand-ink)}
.guide details.tech>summary::-webkit-details-marker{display:none}
.guide details.tech>summary .ico{width:18px;height:18px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.guide details.tech[open]>summary .ico{transform:rotate(180deg)}
.guide details.tech>ul{margin:0;padding:0 18px 16px 38px}

.guide ul.presets.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.presets.cards li{border:0}
.presets .p-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 16px 16px 14px;border:1px solid var(--line);border-radius:12px;background:var(--slab);color:var(--ink);text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s}
.presets .p-card:hover{border-color:var(--brand-line);background:var(--brand-soft);box-shadow:0 2px 10px rgb(23 27 60 / .08)}
.presets .p-card:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.presets .p-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand-soft);color:var(--brand-ink)}
.presets .p-ic .ico{width:21px;height:21px}
.presets .p-name{font-size:17px;color:var(--ink)}
.presets .p-card:hover .p-name{color:var(--brand-ink)}
.presets .p-why{display:block;margin-top:2px;color:var(--muted);font-size:15px;line-height:1.45}
.presets .p-spec{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding:0}
.presets .p-size{font-size:14px;color:var(--ink-2);margin-right:2px}
.presets .p-types{font-size:13px;line-height:1;padding:5px 8px;border-radius:6px;border:1px solid var(--brand-line);color:var(--brand-ink);background:var(--slab);white-space:nowrap;letter-spacing:.02em}
.presets .p-flag{flex-basis:100%;font-size:13px;color:var(--muted);margin-top:-1px}
.presets .p-go{align-self:center;color:var(--muted);transition:transform .15s,color .15s}
.presets .p-go .ico{width:18px;height:18px}
.presets .p-card:hover .p-go{color:var(--brand-ink);transform:translateX(3px)}
@media (max-width:700px){.guide ul.presets.cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.presets .p-card:hover .p-go{transform:none}}

.guide ul.presets.cards{align-items:stretch}
.presets.cards li{display:flex}
.presets .p-card{flex:1;align-items:stretch}
.presets .p-main{display:flex;flex-direction:column}
.presets .p-spec{margin-top:auto;padding-top:9px}
.presets .p-ic,.presets .p-go{align-self:start}
.presets .p-go{align-self:center}
.guide ul.tool-list{list-style:none;padding:0;margin:4px 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.guide ul.tool-list li{margin:0;display:flex}
.guide ul.tool-list a{flex:1;display:grid;grid-template-columns:24px 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink-2);background:var(--slab);transition:border-color .15s,background-color .15s}
.guide ul.tool-list a:hover{border-color:var(--brand-line);background:var(--brand-soft)}
.guide ul.tool-list a:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.guide ul.tool-list .ico{width:22px;height:22px;grid-row:span 2;color:var(--brand-ink);margin-top:2px}
.guide ul.tool-list .t-name{color:var(--ink);font-size:17px}
.guide ul.tool-list a:hover .t-name{color:var(--brand-ink)}
.guide ul.tool-list .t-why{font-size:15px;line-height:1.45;color:var(--muted)}
.p-tool{font-size:13px;line-height:1;padding:5px 8px;border-radius:6px;color:var(--brand-ink);background:var(--brand-soft);white-space:nowrap}
.jobs-wrap{--j-font:16px;--ch:calc(var(--j-font) * .5);--j-col:calc(var(--ch) * 34);--j-sym:#317000;--j-pp-d:#b91c1c;--j-pp-s:#b91c1c;margin:14px 0 18px}
:root[data-theme="dark"] .jobs-wrap{--j-sym:#81c784;--j-pp-d:#ff9e9e;--j-pp-s:#ff9e9e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .jobs-wrap{--j-sym:#81c784;--j-pp-d:#ff9e9e;--j-pp-s:#ff9e9e}}
.j-axis{display:grid;grid-template-columns:minmax(0,1fr) var(--j-col);column-gap:28px;align-items:end;padding:0 2px 8px;border-bottom:1px solid var(--line-strong)}
.j-key{font-size:13px;color:var(--muted)}
.j-key b{font-weight:400;font-family:var(--mono);font-size:15px}
.j-key b.d{color:var(--brand-ink)}
.j-key b.s{color:var(--j-sym)}
.j-axis-in{grid-column:2;position:relative;height:1.1em;font-family:var(--mono);font-size:var(--j-font);color:var(--muted)}
.j-axis-in i{position:absolute;left:calc(var(--n) * var(--ch));transform:translateX(-50%);font-style:normal;font-size:12px;line-height:1}
.j-axis-in i::after{content:"";position:absolute;left:50%;top:calc(100% + 3px);width:1px;height:5px;background:var(--line-strong)}
.guide ul.jobs{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.guide ul.jobs li{margin:0;border-bottom:1px solid var(--line)}
.job{display:grid;grid-template-columns:minmax(0,1fr) var(--j-col);column-gap:28px;align-items:start;padding:16px 2px 15px;color:inherit;text-decoration:none}
.job:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
.j-text{position:relative;display:block;padding-inline-start:44px}
.j-name{display:block;color:var(--ink);font-size:17px}
.j-name .ico{position:absolute;inset-inline-start:0;top:-1px;width:30px;height:30px;color:var(--brand-ink);stroke-width:1.5}
.job:hover .j-name,.job:focus-visible .j-name{color:var(--brand-ink)}
.j-why{display:block;color:var(--ink-2);font-size:15px;line-height:1.5;margin:4px 0 0}
.j-detail{display:block;color:var(--muted);font-size:14px;margin:5px 0 0}
.j-tool{color:var(--brand-ink)}
.j-tool::after{content:" \2192"}
.j-sample{position:relative;align-self:stretch;font-family:var(--mono);font-size:var(--j-font);line-height:1.5;color:var(--ink);direction:ltr;unicode-bidi:isolate;padding-top:2px;}
.j-line{display:block;overflow-wrap:anywhere;width:max-content;max-width:100%;padding-bottom:5px;background:linear-gradient(var(--brand-line),var(--brand-line)) 0 100%/100% 3px no-repeat;border-radius:0}
.j-line+.j-line{margin-top:4px}
.j-sample{background:linear-gradient(var(--line),var(--line)) 0 calc(1.5em + 4px)/calc(var(--ch) * 32) 3px no-repeat}
.j-sample[data-kind="bulk"],.j-sample[data-kind="check"],.j-sample[data-kind="phrase"]{background:none}
.j-line b{font-weight:400}
.j-line b.d{color:var(--brand-ink)}
.j-line b.s{color:var(--j-sym)}
.j-sample[data-kind="phrase"] .j-line b.d{color:var(--j-pp-d)}
.j-sample[data-kind="phrase"] .j-line b.s{color:var(--j-pp-s)}
.j-bad{background:none;padding-bottom:0;text-decoration:line-through;text-decoration-color:var(--s-weak);text-decoration-thickness:2px;color:var(--muted)}
.j-note{display:block;font-family:var(--ui);font-size:13px;color:var(--muted);margin-top:2px}
@media (max-width:700px){.j-axis,.job{grid-template-columns:minmax(0,1fr)}.j-axis-in{grid-column:1}.job{row-gap:10px}.j-sample{min-height:1.5em}}

.guide .scroll-x .tbl.fit{min-width:0}
.guide .tbl.fit th,.guide .tbl.fit td{white-space:normal}
.guide .keypads{display:flex;flex-wrap:wrap;gap:16px 48px;margin:20px 0 14px}
.keypads figure{margin:0;text-align:center}
.kp{display:block;width:120px;height:auto;margin:0 auto 10px;overflow:visible}
@media (max-width:520px){.guide .keypads{gap:12px;justify-content:space-between;flex-wrap:nowrap}.kp{width:min(96px,26vw)}.keypads figcaption{font-size:14px}.keypads figcaption b{display:block;font-size:16px;margin:0}}
.kp .k{fill:none;stroke:var(--line-strong);stroke-width:1.5}
.kp .k.on{fill:var(--brand-ink);stroke:none}
.kp text{font:500 15px var(--ui);fill:var(--muted);text-anchor:middle;dominant-baseline:central}
.kp text.on{fill:var(--slab);font-weight:600}
.kp .trail{fill:none;stroke:var(--brand-ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.kp .ring{fill:none;stroke:var(--brand-ink);stroke-width:2}
.kp .r2{opacity:.5}.kp .r3{opacity:.22}
.keypads figcaption{font-size:15px;color:var(--ink-2)}
.keypads figcaption b{font-family:var(--mono);font-weight:400;font-size:17px;color:var(--ink);margin-inline-end:4px}
.guide ol.ladder{list-style:none;margin:18px 0 14px;padding:0}
.guide ol.ladder li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 22px;margin:0 0 14px}
.ld-ph{font-family:var(--mono);font-size:17px;color:var(--ink-2);overflow-wrap:anywhere}
.ld-ph b{font-weight:400;color:var(--brand-ink)}
.ld-t{font-weight:600;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.ld-t::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--s-weak)}
.lv-2 .ld-t::before{background:var(--s-fair)}.lv-3 .ld-t::before{background:var(--s-strong)}.lv-4 .ld-t::before{background:var(--s-vstrong)}
.ld-for{flex:1 0 100%;font-size:14px;color:var(--muted)}
.ladder.short .ld-ph{font-size:20px}
@media (max-width:520px){.guide ol.ladder.short li{gap:2px 16px}.ladder.short .ld-ph{flex:0 0 auto;font-size:17px}}
@media (max-width:520px){.guide ol.ladder li{gap:2px 10px}.ld-ph{flex:1 0 100%;font-size:14px}.ld-t{font-size:15px}.ld-for{flex:1 1 auto;font-size:13px}}
.guide ul.verdicts{list-style:none;margin:18px 0 16px;padding:0;display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:12px 18px;align-items:baseline}
.guide ul.verdicts li{display:contents}
.guide .verdicts code{font-family:var(--mono);font-size:17px;background:none;border:0;padding:0;color:var(--ink)}
.vd{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--ink);white-space:nowrap}
.vd::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--s-weak)}
.vd.lv-4::before{background:var(--s-vstrong)}
.vd-why{font-size:15px;color:var(--ink-2)}
@media (max-width:640px){.guide ul.verdicts{display:block}.guide ul.verdicts li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0 0 14px}.vd-why{flex:1 0 100%;font-size:14px}}
.guide ol.hashflow{list-style:none;margin:18px 0 16px;padding:0;counter-reset:hf}
.guide ol.hashflow li{position:relative;margin:0;padding:0 0 18px 40px;counter-increment:hf}
.hashflow li::before{content:counter(hf);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--brand-ink);box-shadow:inset 0 0 0 1.5px var(--brand-ink)}
.hashflow li:not(:last-child)::after{content:"";position:absolute;left:11.5px;top:28px;bottom:4px;width:1.5px;background:var(--line-strong)}
.hf-k{display:block;color:var(--ink)}
.guide .hashflow code.hf-v{display:inline-block;margin:4px 10px 0 0;font-family:var(--mono);font-size:16px;background:none;border:0;padding:0;color:var(--muted);overflow-wrap:anywhere}
@media (max-width:520px){.guide .hashflow code.hf-v{font-size:13px}}
.hf-v b{font-weight:700;color:var(--brand-ink);text-decoration:underline 2px;text-underline-offset:4px}
.hf-n{display:inline-block;margin-top:4px;font-size:14px;color:var(--muted)}
.hashflow li:nth-child(3) .hf-n{color:var(--brand-ink);font-weight:600}
.guide p.last-sent{font-family:var(--mono);font-size:16px;color:var(--brand-ink)}
.guide .sign-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;margin:18px 0 6px}
.guide .sign-wrap ul{margin-top:0}
.sign-demo{margin:0}
.sd-paper{aspect-ratio:210 / 297;background:#fff;color:#000;border-radius:3px;box-shadow:0 1px 3px rgb(0 0 0 / .18),0 8px 24px rgb(0 0 0 / .08);padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--ui)}
.sd-head{font-size:21px;font-weight:700;line-height:1.1}
.sd-scan{font-size:14px;font-weight:700;margin:10px 0 6px}
.sd-qr{display:block;width:112px;height:112px}
.sd-lab{font-size:10px;color:#444;margin-top:9px}
.sd-val{font-size:13px;line-height:1.2}
.sd-mono{font-family:var(--mono);font-size:11.5px;white-space:nowrap}
.sd-tip{font-size:9.5px;color:#444;margin-top:auto;padding-top:8px}
.sign-demo figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
@media (max-width:640px){.guide .sign-wrap{grid-template-columns:1fr;gap:18px}.sign-demo{max-width:240px}}
.guide p.anat{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 1px;margin:16px 0;font-family:var(--mono);font-size:17px;color:var(--ink)}
.anat .an-part{display:inline-flex;flex-direction:column}
.anat .an-part.on>span{color:var(--brand-ink)}
.anat .an-part i{font-style:normal;font-family:var(--ui);font-size:13px;color:var(--muted);border-top:2px solid var(--brand-line);margin:3px 2px 0;padding-top:3px;text-align:center}
@media (max-width:520px){.guide p.anat{font-size:14px}}
.guide .flow2{display:grid;grid-template-columns:max-content 40px minmax(0,1fr);gap:0 14px;align-items:start;margin:20px 0 18px}
.f-cap{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.guide .flow2 pre{margin:0;padding:10px 14px;background:var(--sunk);border:1px solid var(--line);border-radius:6px;font-family:var(--mono);font-size:15px;line-height:1.6;color:var(--ink)}
.f-arrow{align-self:center;height:2px;background:var(--brand-ink);position:relative;margin-top:22px}
.f-arrow::after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left:9px solid var(--brand-ink);border-right:0}
.guide .tbl.mini{margin:0;font-size:14px}
.guide .tbl.mini th,.guide .tbl.mini td{padding:6px 10px;white-space:nowrap}
.guide .tbl.mini code{background:none;border:0;padding:0;font-size:15px;color:var(--ink)}
@media (max-width:760px){.guide .flow2{grid-template-columns:minmax(0,1fr);gap:0}.f-arrow{width:2px;height:28px;margin:10px 0 10px 24px;justify-self:start}.f-arrow::after{right:-5px;top:auto;bottom:-2px;border:6px solid transparent;border-top:9px solid var(--brand-ink);border-bottom:0}.f-out{overflow-x:auto}}
@media (max-width:460px){.guide .tbl.mini th:first-child,.guide .tbl.mini td:first-child{display:none}.guide .tbl.mini th,.guide .tbl.mini td{padding:6px 8px}}
.guide ul.styles{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:14px 24px;align-items:baseline}
.guide ul.styles li{display:contents}
.guide .styles code{grid-row:span 2;background:none;border:0;padding:0;font-family:var(--mono);font-size:17px;color:var(--ink)}
.st-name{font-weight:600;color:var(--ink)}
.st-why{grid-column:2;margin-top:-12px;font-size:15px;color:var(--ink-2)}
@media (max-width:640px){.guide ul.styles{display:block}.guide ul.styles li{display:block;margin:0 0 16px}.guide .styles code{display:block;margin-bottom:2px}.st-why{display:block;margin:0}}
.slip-demo{margin:0}
.sl-paper{background:#fff;color:#000;border:1.5px dashed #999;border-radius:2px;padding:14px 16px;font-family:var(--ui)}
.sl-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#333}
.sl-name{font-size:18px;margin-top:2px}
.sl-small{font-size:13px;color:#333;margin-top:3px}
.sl-pw{font-family:var(--mono);font-size:19px;margin:6px 0 2px}
.sl-tiny{font-size:11px;color:#333;margin-top:6px}
.slip-demo figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.guide ul.themes{grid-template-columns:max-content minmax(0,1fr);gap:10px 28px}
.th-ex{font-family:var(--mono);font-size:16px;color:var(--brand-ink)}
.guide ul.themes .st-name{font-weight:600}
@media (max-width:640px){.guide ul.themes li{display:block;margin:0 0 12px}.th-ex{display:block;font-size:15px}}
.guide ul.namestyles{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:12px 28px;align-items:baseline}
.guide ul.namestyles li{display:contents}
.ns-ex{font-family:var(--mono);font-size:19px;color:var(--brand-ink)}
.ns-name{font-weight:600;color:var(--ink)}
.ns-where{font-size:15px;color:var(--ink-2)}
@media (max-width:560px){.guide ul.namestyles{grid-template-columns:max-content minmax(0,1fr);gap:2px 16px}.ns-where{grid-column:1 / -1;margin-bottom:10px;font-size:14px}}
.guide ol.bars{list-style:none;margin:18px 0 8px;padding:0;display:grid;gap:5px;max-width:440px}
.guide ol.bars li{display:grid;grid-template-columns:5ch 1fr 4.5ch;align-items:center;gap:12px;margin:0;font-variant-numeric:tabular-nums}
.bars .b-pin{font-family:var(--mono);font-size:17px;color:var(--ink)}
.bars .b-bar{display:block;height:10px;width:calc(var(--v) / 9 * 100%);min-width:3px;border-radius:2px;background:var(--brand-ink)}
.bars .b-pct{text-align:end;font-size:14px;color:var(--muted)}
.bars li.dim .b-bar{background:var(--line-strong)}
.bars li.dim .b-pin{color:var(--muted)}
.guide ol.bars.syms{gap:3px;max-width:400px}
.syms .b-pin{font-size:18px}
.guide .odds{display:flex;flex-wrap:wrap;gap:12px 48px;margin:18px 0 6px}
.guide .odds p{margin:0;max-width:22ch}
.odds .big{display:block;margin-bottom:4px;font-size:34px;line-height:1.1;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.odds .big.good{color:var(--s-vstrong)}
.odds span:not(.big){font-size:15px;color:var(--ink-2)}