:root{--c-bg:#fffaf3;--c-surface:#fff;--c-surface-2:#f5f0ff;--c-text:#1f1b2e;--c-muted:#5b5670;--c-border:#e6dff3;--c-primary:#6a46f5;--c-primary-hover:#5733e6;--c-primary-ink:#fff;--c-primary-soft:#ece6ff;--c-accent:#ff6b4a;--c-sun:#ffc93c;--c-teal:#0f9d8c;--c-danger:#c62f2f;--c-focus:#ff9f1c;--c-overlay:#1410208c;--radius:18px;--radius-sm:10px;--shadow:0 6px 24px #1f1b2e14;--shadow-lg:0 18px 50px #1f1b2e2e;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", var(--font);--gutter:clamp(16px, 3.2vw, 28px);--maxw:1180px;color-scheme:light}:root[data-theme=dark]{--c-bg:#14111d;--c-surface:#1f1a2d;--c-surface-2:#2a2340;--c-text:#f3f0fb;--c-muted:#b7b0cc;--c-border:#3a3252;--c-primary:#9f8bff;--c-primary-hover:#b3a3ff;--c-primary-ink:#160f2e;--c-primary-soft:#2f2751;--c-overlay:#0009;--shadow:0 6px 24px #00000059;--shadow-lg:0 18px 50px #00000080;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:#14111d;--c-surface:#1f1a2d;--c-surface-2:#2a2340;--c-text:#f3f0fb;--c-muted:#b7b0cc;--c-border:#3a3252;--c-primary:#9f8bff;--c-primary-hover:#b3a3ff;--c-primary-ink:#160f2e;--c-primary-soft:#2f2751;--c-overlay:#0009;--shadow:0 6px 24px #00000059;--shadow-lg:0 18px 50px #00000080;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);min-height:100dvh;color:var(--c-text);font:400 1rem/1.6 var(--font);margin:0;overflow-x:hidden}[hidden]{display:none!important}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--c-primary);text-underline-offset:.18em}a:hover{color:var(--c-primary-hover)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem)}h2{margin-top:1.6em;font-size:clamp(1.35rem,1.1rem + 1.1vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:6px}.container{width:min(100% - 2 * var(--gutter), var(--maxw));margin-inline:auto}.prose{overflow-wrap:break-word;max-width:72ch}.muted{color:var(--c-muted)}.small{font-size:.9rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--c-primary);color:var(--c-primary-ink);border-radius:var(--radius-sm);padding:10px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.btn{background:var(--c-surface-2);min-height:44px;color:var(--c-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding:.55em 1.1em;font-weight:650;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--c-primary-soft);color:var(--c-text)}}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--c-primary);color:var(--c-primary-ink)}@media (hover:hover){.btn-primary:hover{background:var(--c-primary-hover);color:var(--c-primary-ink)}}.btn-ghost{border-color:var(--c-border);background:0 0}.btn-small{min-height:36px;padding:.3em .85em;font-size:.9rem}.btn-icon{width:44px;padding:0}.btn-big{min-height:64px;font-size:1.3rem;font-family:var(--font-display);padding:.6em 2.2em}input[type=text],input[type=number],select,textarea{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sm);width:100%;min-height:44px;padding:.55em .75em}input:focus,select:focus,textarea:focus{border-color:var(--c-primary);outline:none}textarea{resize:vertical;line-height:1.5}label{font-weight:600}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}.site-header{z-index:40;background:color-mix(in srgb, var(--c-bg) 88%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--c-border);position:sticky;top:0}.site-header .bar{align-items:center;gap:12px;min-height:64px;display:flex}@media (orientation:landscape) and (height<=500px){.site-header{position:static}}.brand{color:var(--c-text);font:800 1.1rem/1 var(--font-display);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand svg{flex:none;width:36px;height:36px}.brand{min-width:0}.brand-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=600px){.site-header .bar{gap:6px;min-height:52px}.brand{gap:7px;font-size:.9rem}.brand svg{width:24px;height:24px}.site-header .nav summary{padding:.35em .6em;font-size:.95rem}.nav .btn-icon{width:36px;min-height:36px}}.menu-icon{display:none}@media (width<=400px){.menu-label{display:none}.menu-icon{font-size:1.15rem;line-height:1;display:inline}.site-header .nav summary{border:1px solid var(--c-border);padding:.4em .5em}}@media (width<=340px){.brand{gap:6px;font-size:.8rem}.site-header .nav summary{padding:.35em}}.nav{align-items:center;gap:4px;display:flex}.nav details{position:relative}.nav summary{cursor:pointer;white-space:nowrap;border-radius:999px;padding:.5em .9em;font-weight:650;list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:hover,.nav details[open] summary{background:var(--c-surface-2)}.nav .menu{gap:2px;min-width:250px;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);right:0}.nav .menu a{border-radius:var(--radius-sm);color:var(--c-text);gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav .menu a:hover,.nav .menu a[aria-current=page]{background:var(--c-surface-2)}@media (width<=720px){.nav,.nav details{position:static}.nav .menu{left:var(--gutter);right:var(--gutter);top:calc(100% + 4px)}}.site-footer{padding:40px 0 calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--c-border);margin-top:64px}.site-footer .cols{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;display:grid}.site-footer h2{margin:0 0 .6em;font-size:1rem}.site-footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--c-text);text-decoration:none}.site-footer a:hover{text-decoration:underline}.link-button{color:var(--c-text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.page-content{margin-top:40px}@media (width>=1280px){.page-content.with-side{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;display:grid}}.prose h2:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.35em 0}.prose .modes-list{gap:12px;padding:0;list-style:none;display:grid}.prose .modes-list li{margin:0;padding:14px 16px}.prose .modes-list strong a{text-decoration:none}.steps{counter-reset:step;gap:10px;list-style:none;display:grid;padding:0!important}.steps li{counter-increment:step;min-height:36px;padding-left:48px;position:relative;margin:0!important}.steps li:before{content:counter(step);background:var(--c-primary);width:34px;height:34px;color:var(--c-primary-ink);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-2px;left:0}.callout{border-radius:var(--radius);background:var(--c-surface-2);border:1px solid var(--c-border);padding:16px 18px}code{background:var(--c-surface-2);border-radius:6px;padding:1px 6px;font-size:.92em}.page-head{padding-top:24px}.page-head .intro{color:var(--c-muted);max-width:62ch;font-size:1.1rem}@media (width<=600px),(orientation:landscape) and (height<=500px){.tool-head .intro:not(.is-open){-webkit-line-clamp:2;line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=600px){.page-head{padding-top:12px}.page-head h1{margin-bottom:.3em}.page-head .intro{margin-bottom:.4em;font-size:1rem;line-height:1.5}.breadcrumb ol{margin-top:8px}}.breadcrumb ol{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--c-muted);margin-right:6px}.related{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:0;list-style:none;display:grid}.related a{height:100%;color:var(--c-text);padding:16px;text-decoration:none;display:block}.related a:hover{border-color:var(--c-primary)}.related .emoji{font-size:1.6rem}.list-presets{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.list-presets .btn[aria-pressed=true]{background:var(--c-primary);color:var(--c-primary-ink)}@media (width<=600px){.list-presets{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.list-presets .btn,.list-presets>span{white-space:nowrap;flex:none}.list-presets{margin-bottom:8px}.breadcrumb li:last-child:nth-child(n+3){display:none}}.item-list{columns:3 170px;column-gap:28px;list-style:none;padding:0!important}.item-list li{break-inside:avoid;overflow-wrap:anywhere;padding-left:16px;position:relative;margin:0 0 6px!important}.item-list li:before{content:"";background:var(--c-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:0}.item-list.rows{columns:auto}.list-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;display:flex}.list-jump{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.list-jump .muted{font-size:.85em;font-weight:500}.list-group{scroll-margin-top:80px}.list-group[hidden],.list-cards li[hidden]{display:none}.list-finder{max-width:560px;margin:4px 0 12px}.list-finder input{border-radius:999px;width:100%;min-height:48px;padding:.5em 1em;font-size:1.05rem}.list-finder p{margin:6px 4px 0}.list-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:0;list-style:none;display:grid}.list-cards a{height:100%;color:var(--c-text);align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.list-cards a>span:last-child{gap:2px;min-width:0;display:grid}.list-cards .emoji{font-size:1.5rem;line-height:1.2}@media (hover:hover){.list-cards a:hover{border-color:var(--c-primary)}}@media (width<=600px){.list-jump{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.list-jump .btn{flex:none}}.pill-links{flex-wrap:wrap;gap:8px;list-style:none;display:flex;padding:0!important}.pill-links li{margin:0!important}.guide h2{scroll-margin-top:80px}.toc{margin:8px 0 24px}.toc ol{margin:8px 0 0;padding-left:1.4em}.toc li{margin:.25em 0}.table-wrap{margin:0 0 1em;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--c-border);padding:10px 12px}.prose thead th{background:var(--c-surface-2)}.prose tbody th{font-weight:650}@media (width<=600px){.prose table{min-width:520px}}.guide-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0;list-style:none;display:grid}.guide-list li{padding:20px}.guide-list h2{margin:6px 0 8px;font-size:1.2rem}.guide-list h2 a{text-decoration:none}.guide-list h2 a:after{content:"";position:absolute;inset:0}.guide-list li{position:relative}.guide-list li:hover{border-color:var(--c-primary)}.guide-list .emoji{font-size:1.8rem}.guide-list p{margin:0}.faq details{border-bottom:1px solid var(--c-border);padding:12px 0}.faq summary{cursor:pointer;font-weight:650}.faq details p{margin:.6em 0 0}.ad-spot{float:left;overflow-anchor:none;width:100%;height:0;margin:0;overflow:hidden}.ad-spot.is-on{float:none;color:#1f1b2e;border:1px solid var(--c-border);background:#fff;border-radius:16px;width:auto;max-width:100%;height:auto;margin:28px auto;padding:8px}.ad-spot>div{max-width:100%;container-type:inline-size}.ad-spot [class$=__stand]{flex-wrap:wrap!important}.ad-spot [class$=__bn-container]{box-sizing:border-box;flex:0 0 25%!important;width:25%!important;max-width:25%!important}@container (width<=600px){.ad-spot [class$=__bn-container]{flex-basis:50%!important;width:50%!important;max-width:50%!important}}.ad-spot [class$=__bn]{width:auto!important;max-width:100%!important}.ad-spot [class$=__img-container]{aspect-ratio:4/3;width:100%!important;height:auto!important}.ad-spot [class$=__img-container] img{object-fit:cover;width:100%!important;height:100%!important}.picker-stage .ad-spot.is-on{margin:14px 0 0}@media (width>=1280px){.page-content aside .ad-spot{position:sticky;top:88px}.page-content aside .ad-spot.is-on{margin:0}}:root.is-stream .ad-spot,:fullscreen .ad-spot,.picker.is-full .ad-spot,.picker.is-pseudo-full .ad-spot{display:none!important}.consent{z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;width:min(100% - 32px,640px);padding:18px 20px;display:grid;position:fixed;transform:translate(-50%)}.consent[hidden]{display:none}.consent p{margin:0}.consent .row{flex-wrap:wrap;gap:10px;display:flex}:root.has-float-pick .toasts{bottom:calc(96px + env(safe-area-inset-bottom))}.toasts{z-index:70;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;width:min(100% - 32px,460px);display:grid;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--c-text);color:var(--c-bg);box-shadow:var(--shadow-lg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;animation:.2s ease-out toast-in;display:flex}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}:root.is-stream body{background:0 0}:root.is-stream.bg-green body{background:#00b140}:root.is-stream.bg-dark body{background:#000}:root.is-stream .site-header,:root.is-stream .site-footer,:root.is-stream .page-content,:root.is-stream .page-head,:root.is-stream .consent{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body.embed{min-height:0}body.embed main{padding:8px 10px 0}body.embed .picker{margin:0}body.embed .keys{display:none}.embed-credit{text-align:center;margin:6px 10px 10px}.embed-credit a{font-weight:700;text-decoration:none}.embed-code{min-height:110px;font:12px/1.4 ui-monospace,Consolas,monospace}
