@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-vietnamese-standard-normal.Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-ext-standard-normal.qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-standard-normal.C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(/_astro/dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-500-normal.DRMDZjhP.woff2)format("woff2"),url(/_astro/dm-mono-latin-500-normal.CN8Miw6E.woff)format("woff")}:root{--paper:#f2ebdd;--paper-2:#e8dfcc;--slip:#fbf7ee;--ink:#1c1a15;--ink-soft:#5b554a;--rule:#1c1a15;--red:#d7352b;--red-deep:#b32319;--on-red:#fff8ec;--pine:#1d6447;--pine-tint:#d5e6d6;--red-tint:#f6d3c9;--gold:#e8b33a;--grain-opacity:.32;--grain-blend:multiply;--shadow:4px 4px 0 var(--ink);--shadow-sm:2px 2px 0 var(--ink);--display:"Bricolage Grotesque Variable", "Arial Narrow", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#102019;--paper-2:#18291f;--slip:#1d3026;--ink:#f1e7d4;--ink-soft:#b7ad9a;--rule:#f1e7d4;--red:#ff6450;--red-deep:#ff8270;--on-red:#1a0905;--pine:#8fd3ab;--pine-tint:#24412f;--red-tint:#43231c;--gold:#f0c35a;--grain-opacity:.12;--grain-blend:screen;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font:400 18px/1.5 var(--display);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-stretch:100%;display:flex}body:before{content:"";z-index:100;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .32 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{flex:1}::selection{background:var(--red);color:var(--on-red)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:.98}h1{font-size:clamp(2.5rem,7vw,4.4rem);font-weight:800;font-stretch:78%}h2{margin:0 0 1rem;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:780;font-stretch:82%}h3{letter-spacing:-.01em;margin:1.5rem 0 .5rem;font-size:1.25rem;font-weight:720}p{margin:0 0 1rem}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--red)}a:hover{color:var(--red-deep)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}.narrow{max-width:760px}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:200;background:var(--slip);border:2px solid var(--ink);padding:8px 12px;top:8px;left:16px}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.kicker,.label,label,.pill,.btn,.meta,.site-header nav,.site-footer nav{font-family:var(--mono);letter-spacing:.04em}.kicker{text-transform:uppercase;color:var(--ink-soft);margin:0 0 1rem;font-size:.8rem}.site-header{z-index:2;position:relative}.site-header .wrap{border-bottom:2px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:72px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.6rem;font-weight:800;font-stretch:80%;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--ink)}.wordmark svg{width:30px;height:30px;transform:rotate(-12deg)}.site-header nav{text-transform:uppercase;gap:6px;font-size:.82rem;display:flex}.site-header nav a{border:2px solid #0000;padding:6px 10px;text-decoration:none}.site-header nav a:hover{border-color:var(--ink);color:var(--ink)}.site-header nav a.cta{background:var(--ink);color:var(--paper)}.site-header nav a.cta:hover{background:var(--red);border-color:var(--red);color:var(--on-red)}@media (width<=480px){.site-header nav a:not(.cta){display:none}}.site-footer{background:var(--ink);color:var(--paper);margin-top:6rem;padding:3rem 0 2rem;position:relative}.site-footer:before{content:"";background:var(--ink);clip-path:polygon(0 100%,0 40%,3% 70%,6% 20%,9% 60%,13% 10%,17% 55%,20% 30%,24% 75%,28% 15%,31% 50%,35% 25%,39% 70%,43% 5%,47% 55%,50% 35%,54% 80%,58% 20%,61% 60%,65% 10%,69% 50%,72% 30%,76% 70%,80% 15%,84% 55%,87% 25%,91% 65%,95% 20%,98% 50%,100% 30%,100% 100%);height:12px;position:absolute;top:-11px;left:0;right:0}@media (width>=720px){.section-head{flex-direction:row;align-items:baseline;gap:1.25rem}}.site-footer .footer-mark{font-family:var(--display);opacity:1;letter-spacing:-.04em;color:var(--paper);margin:0 0 2rem;font-size:clamp(3.5rem,16vw,9rem);font-weight:800;font-stretch:75%;line-height:.85}.footer-mark span{color:var(--red)}.site-footer nav{text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;margin-bottom:2rem;font-size:.82rem;display:flex}.site-footer a{color:var(--paper);text-decoration:none}.site-footer a:hover{color:var(--red)}.site-footer p{font-family:var(--mono);opacity:.7;margin:0;font-size:.8rem}.btn{text-transform:uppercase;background:var(--red);min-height:48px;color:var(--on-red);border:2px solid var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{color:var(--on-red);background:var(--red-deep);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn.block{width:100%}.btn.big{min-height:60px;box-shadow:var(--shadow);padding:1rem 1.6rem;font-size:1.05rem}.btn.big:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn.plain{background:var(--slip);color:var(--ink)}.btn.plain:hover{background:var(--paper-2);color:var(--ink)}.btn.small{min-height:36px;padding:.35rem .75rem;font-size:.75rem}.btn.danger{color:var(--red-deep);border-color:var(--red-deep);box-shadow:none;background:0 0}.btn.danger:hover{background:var(--red);color:var(--on-red)}.link-btn{font:500 .78rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);text-decoration:underline;text-decoration-color:var(--red);cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--red-deep)}label,.label{text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:500;display:block}.hint{font-family:var(--display);text-transform:none;letter-spacing:0;color:var(--ink-soft);margin-top:.15rem;font-size:.88rem;display:block}.field{margin-bottom:1.1rem}.row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=400px){.row{grid-template-columns:1fr}}input[type=text],input[type=date],textarea,select{width:100%;font:500 1.05rem var(--display);color:var(--ink);background:var(--slip);border:2px solid var(--ink);appearance:none;border-radius:0;min-height:50px;padding:.7rem .8rem}select{background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:right 18px center,right 12px center;background-repeat:no-repeat;background-size:6px 6px;padding-right:2rem}textarea{resize:vertical;min-height:7rem;line-height:1.45}textarea.ruled{background-image:repeating-linear-gradient(transparent 0 calc(1.45em - 1px), color-mix(in srgb, var(--ink) 14%, transparent) calc(1.45em - 1px) 1.45em);background-position:0 .7rem;background-attachment:local}::placeholder{color:color-mix(in srgb, var(--ink) 38%, transparent)}input:focus,textarea:focus,select:focus{box-shadow:var(--shadow-sm);background-color:var(--paper);outline:none}.tag{background:var(--slip);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--red);padding:2.75rem 1.4rem 1.5rem;position:relative}@media (width>=720px){.tag{padding:3rem 2rem 1.75rem}}.tag:before{content:"";border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:14px;left:50%}.tag:after{content:"";background:var(--ink);transform-origin:bottom;width:2px;height:62px;position:absolute;top:-46px;left:50%;transform:rotate(14deg)}.tag-title{text-align:center;margin:0 0 1.25rem;font-size:1.9rem;font-weight:800;font-stretch:80%}.tag-foot{font:.78rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);text-align:center;margin:.9rem 0 0}.perf{border:0;border-top:2px dashed var(--ink);opacity:.5;margin:1.5rem -1.4rem}@media (width>=720px){.perf{margin:1.5rem -2rem}}.hero{padding:2.5rem 0 1rem;overflow:hidden}@media (width>=900px){.hero{padding-top:4rem}}.hero-grid{align-items:start;gap:4rem;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:4rem}}.display{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3.4rem,14vw,7.6rem);font-stretch:78%;line-height:.88}.display.long{font-size:clamp(2.7rem,8.5vw,5.4rem);line-height:.9}.scribble{color:var(--red);white-space:nowrap;position:relative}.scribble:after{content:"";background:var(--red);height:.2em;position:absolute;bottom:-.08em;left:-2%;right:-2%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9C30 3 52 12 78 7s46-6 70-1 32 4 50-2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9C30 3 52 12 78 7s46-6 70-1 32 4 50-2' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.lede{max-width:30em;margin-bottom:1.5rem;font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.4}.proof{flex-wrap:wrap;gap:.5rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.proof li{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--ink);background:var(--slip);padding:.35rem .6rem}.proof li:nth-child(2n){transform:rotate(-1.5deg)}.proof li:nth-child(3n){background:var(--pine-tint);transform:rotate(1.2deg)}.slips{max-width:520px;height:230px;margin-top:.5rem;position:relative}.slip{font:500 1rem var(--mono);background:var(--slip);border:2px solid var(--ink);box-shadow:var(--shadow-sm);white-space:nowrap;padding:.55rem 1rem .55rem 1.1rem;position:absolute}.slip:before{content:"";background:var(--ink);opacity:.4;border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:.45rem}.slip.s1{top:18px;left:2%;transform:rotate(-7deg)}.slip.s2{top:0;left:30%;transform:rotate(4deg)}.slip.s3{top:30px;left:60%;transform:rotate(-3deg)}.slip.s4{top:100px;left:12%;transform:rotate(5deg)}.slip.s5{background:var(--red);color:var(--on-red);padding:.4rem 1.2rem;font-size:1.4rem;top:92px;left:46%;transform:rotate(-9deg)}.slip.s6{top:120px;left:70%;transform:rotate(8deg)}.slip.s7{background:var(--pine-tint);top:168px;left:28%;transform:rotate(-2deg)}@media (prefers-reduced-motion:no-preference){.slip{animation:.7s cubic-bezier(.2,1.5,.4,1) backwards settle}.slip.s2{animation-delay:50ms}.slip.s3{animation-delay:.1s}.slip.s4{animation-delay:.15s}.slip.s5{animation-delay:.3s}.slip.s6{animation-delay:.2s}.slip.s7{animation-delay:.25s}}@keyframes settle{0%{opacity:0;translate:0 -30px}}@media (width<=899px){.slips{display:none}}.band{padding:4rem 0 0}.section-head{border-top:2px solid var(--rule);flex-direction:column;gap:.4rem;margin-bottom:2rem;padding-top:1rem;display:flex}.section-head .kicker,.section-head h2{margin:0}.sequence{gap:2rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.sequence{grid-template-columns:repeat(3,1fr);gap:0}.sequence li+li{border-left:2px solid var(--rule)}.sequence li{padding:0 1.75rem}.sequence li:first-child{padding-left:0}}.sequence .num{color:var(--red);margin-bottom:.5rem;font-size:4.5rem;font-weight:800;font-stretch:75%;line-height:.9;display:block}.sequence strong{margin-bottom:.35rem;font-size:1.35rem;font-weight:750;display:block}.sequence p{color:var(--ink-soft);margin:0}.prose{max-width:680px}.prose h2{margin-top:3rem}.prose ul{padding:0;list-style:none}.prose li{margin-bottom:.55rem;padding-left:1.6rem;position:relative}.prose li:before{content:"✕";color:var(--red);font:500 .9rem var(--mono);position:absolute;top:.05em;left:0}.faq details{border-top:2px solid var(--rule)}.faq details:last-child{border-bottom:2px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-size:1.2rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 1.5rem/1 var(--mono);color:var(--red);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{max-width:40em;color:var(--ink-soft);margin:0 0 1.25rem}.related{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.related a{border:2px solid var(--ink);background:var(--slip);box-shadow:var(--shadow-sm);padding:.45rem .8rem;font-weight:600;text-decoration:none;display:inline-block}.related li:nth-child(3n+1) a{transform:rotate(-1deg)}.related li:nth-child(3n+2) a{transform:rotate(.8deg)}.related a:hover{background:var(--red);color:var(--on-red)}.page-head{padding:2.5rem 0 1.5rem}.page-head h1{overflow-wrap:anywhere;margin-bottom:1rem;font-size:clamp(2.6rem,9vw,4.6rem);font-stretch:75%;line-height:.9}.meta{text-transform:uppercase;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.meta li{border:2px solid var(--ink);background:var(--slip);padding:.3rem .6rem}.meta li.on{background:var(--pine);color:var(--paper);border-color:var(--pine)}.meta li.hot{background:var(--red);color:var(--on-red)}.note{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--red);background:var(--slip);white-space:pre-line;max-width:36em;margin:1.25rem 0 0;padding:1rem 1.1rem}.panel{background:var(--slip);border:2px solid var(--ink);box-shadow:var(--shadow);margin-bottom:1.75rem;padding:1.4rem}@media (width>=720px){.panel{padding:1.75rem 2rem}}.panel>h2{font-size:1.8rem}.panel.quiet{box-shadow:none;background:0 0;border-style:dashed}.panel.ink{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:6px 6px 0 var(--red)}.panel.ink .btn{border-color:var(--paper);box-shadow:2px 2px 0 var(--paper)}.notice{font:500 .85rem/1.4 var(--mono);border:2px solid var(--ink);margin-bottom:1.75rem;padding:.85rem 1rem}.notice.ok{background:var(--pine-tint)}.notice.warn{background:color-mix(in srgb, var(--gold) 35%, var(--slip))}.notice.err{background:var(--red-tint)}.pill{text-transform:uppercase;color:var(--ink-soft);border:1.5px solid;padding:.15rem .45rem;font-size:.68rem;font-weight:500;display:inline-block}.pill.ok{color:var(--pine)}.pill.you{background:var(--ink);color:var(--paper);border-color:var(--ink)}.copy-row{gap:.5rem;display:flex}.copy-row input{min-width:0;font:400 .9rem var(--mono);flex:1}.share-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.slip-list{flex-wrap:wrap;gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.slip-list li{font:500 .95rem var(--mono);background:var(--paper);border:2px solid var(--ink);align-items:center;gap:.5rem;padding:.35rem .4rem .35rem .75rem;display:inline-flex}.slip-list li:nth-child(4n+1){transform:rotate(-1.2deg)}.slip-list li:nth-child(4n+3){transform:rotate(1deg)}.slip-list form{display:contents}.x{width:26px;height:26px;color:var(--ink-soft);font:500 1.1rem/1 var(--mono);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.x:hover{background:var(--red);color:var(--on-red)}.rows{margin:0 0 1rem;padding:0;list-style:none}.rows li{border-bottom:2px dashed color-mix(in srgb, var(--ink) 30%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 0;display:flex}.rows li:last-child{border-bottom:0}.rows .who{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.rows .actions{gap:.5rem;display:flex}.draw-zone{text-align:center;padding:2.25rem 1.4rem}.draw-zone p{max-width:30em;margin-left:auto;margin-right:auto}.draw-zone .btn.big{min-height:72px;padding:1rem 2.5rem;font-size:1.3rem}.counter{font:800 3.5rem/.9 var(--display);font-stretch:75%}.counter small{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-left:.4rem}.reveal-wrap{margin-bottom:1.75rem}.scratch{aspect-ratio:5/3;border:2px solid var(--ink);width:100%;max-height:340px;box-shadow:8px 8px 0 var(--ink);background:var(--slip);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.scratch-under{text-align:center;place-content:center;padding:1rem;display:grid;position:absolute;inset:0}.scratch-under .label{color:var(--ink-soft);margin:0 0 .4rem}.match-name{font:800 clamp(2.6rem, 13vw, 5.5rem)/.9 var(--display);letter-spacing:-.03em;color:var(--red);overflow-wrap:anywhere;margin:0;font-stretch:75%}.scratch canvas{touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.scratch.done canvas{opacity:0;pointer-events:none}.scratch-help{font:500 .78rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.1rem;display:flex}.scratch.done+.scratch-help{display:none}@media (prefers-reduced-motion:no-preference){.scratch.done .match-name{animation:.5s cubic-bezier(.2,1.6,.4,1) stamp}}@keyframes stamp{0%{transform:scale(1.35)rotate(-4deg)}}.wishlist{counter-reset:wish;margin:0;padding:0;list-style:none}.wishlist li{counter-increment:wish;border-bottom:2px dashed color-mix(in srgb, var(--ink) 30%, transparent);overflow-wrap:anywhere;gap:.85rem;padding:.75rem 0;font-size:1.1rem;display:flex}.wishlist li:last-child{border-bottom:0}.wishlist li:before{content:counter(wish, decimal-leading-zero);font:500 .8rem/1.9 var(--mono);color:var(--red)}.saved h2{font-size:1rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-weight:500}.saved-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.saved-list li{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.saved-list a{font-weight:700}.muted{color:var(--ink-soft)}.small{font-size:.9rem}.center{text-align:center}[hidden]{display:none!important}.saved{border:2px dashed var(--ink);max-width:34em;margin:0 0 2.5rem;padding:1rem 1.1rem}.site-header nav{align-items:center}.lang-menu{position:relative}.lang-menu summary{cursor:pointer;border:2px solid var(--ink);padding:6px 10px;list-style:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:after{content:" ▾"}.lang-menu ul{z-index:20;background:var(--slip);border:2px solid var(--ink);min-width:10rem;box-shadow:var(--shadow-sm);margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.lang-menu li a{text-transform:none;letter-spacing:0;font:600 1rem var(--display);padding:.45rem .6rem;display:block}.lang-menu li a[aria-current]{color:var(--red)}.kind-toggle{border:0;min-width:0;margin:0 0 1.1rem;padding:0}.kind-toggle legend{padding:0}.kind-options{border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.kind-option{cursor:pointer;text-transform:none;letter-spacing:0;margin:0;display:flex;position:relative}.kind-option+.kind-option{border-left:2px solid var(--ink)}.kind-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.kind-option span{text-align:center;font:700 1rem var(--display);flex:1;justify-content:center;align-items:center;padding:.7rem .5rem;line-height:1.15;display:flex}.kind-option input:checked+span{background:var(--ink);color:var(--paper)}.kind-option input:focus-visible+span{outline:3px solid var(--red);outline-offset:-5px}.kind-hint{margin:.5rem 0 0}input[type=email]{width:100%;font:500 1.05rem var(--display);color:var(--ink);background:var(--slip);border:2px solid var(--ink);appearance:none;border-radius:0;min-width:0;min-height:50px;padding:.7rem .8rem}input[type=email]:focus{box-shadow:var(--shadow-sm);background-color:var(--paper);outline:none}.check{text-transform:none;letter-spacing:0;font:500 1rem var(--display);cursor:pointer;align-items:center;gap:.6rem;margin:0 0 1rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--red)}.panel-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.panel-top h2,.panel-top .counter{margin:0}.order{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.order{grid-template-columns:1fr 1fr}}.order li{border:2px solid var(--ink);background:var(--paper);align-items:center;gap:.75rem;padding:.3rem .75rem .3rem .3rem;font-size:1.1rem;font-weight:700;display:flex}.order li.me{background:var(--red);color:var(--on-red)}.order .turn{min-width:2.2rem;height:2.2rem;font:800 1.3rem var(--display);background:var(--ink);color:var(--paper);place-items:center;font-stretch:75%;display:inline-grid}.swatch{background:var(--swatch);border:2px solid var(--ink);flex:none;width:2.2rem;height:2.2rem;display:inline-block}.swatch.big{width:4.5rem;height:4.5rem;box-shadow:4px 4px 0 var(--ink);margin:.25rem auto .6rem;display:block}.colors{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.colors{grid-template-columns:1fr 1fr}}.colors li{border:2px solid var(--ink);background:var(--paper);align-items:center;gap:.75rem;padding:.3rem .75rem .3rem .3rem;font-size:1.1rem;font-weight:700;display:flex}.colors li.me{background:var(--ink);color:var(--paper)}.colors li.me .swatch{border-color:var(--paper)}.colors .who{font:500 .8rem var(--mono);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;text-align:right;margin-left:auto}.rules{gap:.5rem;margin:0;padding-left:1.4rem;display:grid}.rules li::marker{font-family:var(--mono);color:var(--red)}.bubbles{flex-direction:column;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.bubbles li{border:2px solid var(--ink);background:var(--paper);max-width:85%;padding:.55rem .8rem}.bubbles li p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.bubbles .who{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:.2rem;display:block}.bubbles li.mine{background:var(--pine-tint);align-self:flex-end}.bubbles li.theirs{box-shadow:var(--shadow-sm);align-self:flex-start}.bubbles li.empty{color:var(--ink-soft);text-align:center;border-style:dashed;align-self:stretch;max-width:none;font-size:.95rem}.chat-form{align-items:stretch;gap:.5rem;display:flex}.chat-form textarea{min-height:50px}.account-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.account-list a{background:var(--slip);border:2px solid var(--ink);box-shadow:var(--shadow);padding:1rem 1.2rem;text-decoration:none;display:block}.account-list a:hover{background:var(--paper-2);color:var(--ink)}.account-list .kicker{margin:0 0 .3rem}.account-list strong{margin-bottom:.6rem;font-size:1.6rem;font-weight:800;font-stretch:80%;line-height:1;display:block}.account-list .meta span{border:2px solid var(--ink);padding:.2rem .5rem}.account-list .meta span.on{background:var(--pine);color:var(--paper);border-color:var(--pine)}
