@layer reset{:where(*){box-sizing:border-box;margin:0;padding:0}:where(html){background-color:var(--bg);transition:background-color .4s}:where(body){background-color:var(--bg);min-block-size:100vh;font-family:DM Sans,system-ui,sans-serif}:where(a){color:inherit;text-decoration:none}:where(:focus-visible){outline:2px solid var(--acc);outline-offset:2px}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--acc:var(--lightningcss-light,#0a850a)var(--lightningcss-dark,#1ead52);--acc-btn:#0a850a;--tag-bg:var(--lightningcss-light,#0a850a14)var(--lightningcss-dark,#1ead521a);--md-lit-bg:var(--lightningcss-light,#0a850a1a)var(--lightningcss-dark,#1ead521f);--dig-sh-act:.1875rem .1875rem 0 #0a850a4d;--bg:var(--lightningcss-light,color-mix(in srgb, var(--acc) 3%, white))var(--lightningcss-dark,color-mix(in srgb, var(--acc) 1%, #262624));--sh1:var(--lightningcss-light,color-mix(in srgb, var(--acc) 60%, white))var(--lightningcss-dark,color-mix(in srgb, var(--acc) 60%, #262624));--sh2:var(--lightningcss-light,color-mix(in srgb, var(--acc) 40%, white))var(--lightningcss-dark,color-mix(in srgb, var(--acc) 40%, #262624));--text:var(--lightningcss-light,#262624)var(--lightningcss-dark,#faf8f4);--muted:var(--lightningcss-light,#262624b3)var(--lightningcss-dark,#f6f0e899);--card-bg:var(--lightningcss-light,color-mix(in srgb, var(--acc) 1%, white))var(--lightningcss-dark,color-mix(in srgb, var(--acc) 1%, #2e2e2c));--card-sh:var(--lightningcss-light,.25rem .25rem 0 #2626241f)var(--lightningcss-dark,.25rem .25rem 0 #0000004d);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#363634);--border:var(--lightningcss-light,#2626241f)var(--lightningcss-dark,#f6f0e81a);--dig-sh:var(--lightningcss-light,.1875rem .1875rem 0 #2626241f)var(--lightningcss-dark,.1875rem .1875rem 0 #00000040);--k-bg-elim:var(--lightningcss-light,#fff)var(--lightningcss-dark,#262624);--k-txt-elim:var(--lightningcss-light,#26262440)var(--lightningcss-dark,#fffdf740);--k-sh:var(--lightningcss-light,.125rem .125rem 0 #2626241f)var(--lightningcss-dark,.125rem .125rem 0 #00000040);--modal-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1e1c);--modal-sh:var(--lightningcss-light,0 .5rem 2.5rem #1a18302e)var(--lightningcss-dark,0 .5rem 2.5rem #00000080)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#262624;background-color:#262624}:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5edd8;background-color:#f5edd8}}@layer layout{.game{background-color:var(--bg);min-block-size:100vh;position:relative;overflow:hidden}.game__canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.game__shape{background-color:var(--sh1);opacity:.11;pointer-events:none;z-index:0;border-radius:50%;block-size:28.75rem;inline-size:28.75rem;transition:background-color .4s;position:fixed;inset-block-start:.25rem;inset-inline-end:-7.5rem}.game__shape--alt{background-color:var(--sh2);opacity:.07;pointer-events:none;z-index:0;border-radius:50%;block-size:16.25rem;inline-size:16.25rem;transition:background-color .4s;position:fixed;inset-block:auto -6.25rem;inset-inline:-5rem auto}.game__inner{z-index:1;flex-direction:column;align-items:center;max-inline-size:30rem;margin:0 auto;padding:3rem 1rem;display:flex;position:relative}}@layer components{.header{align-items:center;gap:.875rem;margin-block-end:.625rem;display:flex}.octo{cursor:pointer;will-change:transform;transform-origin:bottom;filter:drop-shadow(.125rem .1875rem #26262440);opacity:0;flex-shrink:0;margin-block-end:.15rem}.octo svg{transition:filter .6s;display:block;overflow:visible}.octo.celebrating{z-index:9999;animation:5s cubic-bezier(.4,0,.6,1) forwards octo-fly}.octo.floating{z-index:500;cursor:grab;margin:0;position:fixed}.octo.floating:active{cursor:grabbing}[data-octo].celebrate>path:first-of-type{animation:4s ease-in-out .5s infinite octo-colours}@keyframes octo-colours{0%,to{fill:var(--lightningcss-light,#0a850a)var(--lightningcss-dark,#1ead52)}25%{fill:var(--lightningcss-light,#de1f46)var(--lightningcss-dark,#ea6c85)}50%{fill:var(--lightningcss-light,#376ddb)var(--lightningcss-dark,#6393f2)}75%{fill:var(--lightningcss-light,#9a44ea)var(--lightningcss-dark,#b679f0)}}@keyframes octo-fly{0%{transform:translate(-50%,-50%)translateY(-55vh)scale(1)rotate(0)}10%{transform:translate(-50%,-50%)scale(2)rotate(15deg)}30%{transform:translate(-50%,-50%)translate(35vw,-18vh)scale(1.8)rotate(-20deg)}50%{transform:translate(-50%,-50%)translate(-35vw,18vh)scale(2.2)rotate(25deg)}70%{transform:translate(-50%,-50%)translate(30vw,15vh)scale(1.6)rotate(-15deg)}85%{transform:translate(-50%,-50%)translate(-30vw,-15vh)scale(1.3)rotate(10deg)}to{transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){[data-octo].celebrate>path:first-of-type,.octo.celebrating{animation:none}}.octo-slot{flex-shrink:0;width:3.3125rem;height:3.25rem}.title{inline-size:100%;color:var(--text);margin:0;transition:color .4s}.title svg{width:auto;height:2.5rem;display:block;overflow:visible}.tlt{color:var(--text);opacity:0;transition:color .4s;display:inline-block;transform:translateY(.625rem)}.subtitle{text-align:center;color:var(--muted);margin-block-end:1.5rem;font-size:1rem;font-weight:400;line-height:1.55;transition:color .4s}.card{background-color:var(--card-bg);border:1px solid var(--border);inline-size:100%;box-shadow:var(--card-sh);border-radius:.375rem;padding:1.4rem 1.2rem;transition:background-color .4s,border-color .4s,box-shadow .4s}.card__label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-block-end:1.125rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:500;transition:color .4s}.card__archive-label{letter-spacing:.09em;text-transform:uppercase;background:var(--acc);color:var(--bg);border-radius:.25rem;align-items:center;gap:.375rem;margin-block-end:.75rem;padding:.5rem 1rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:700;transition:background .4s,color .4s;display:inline-flex}.card__archive-label svg{flex-shrink:0;width:1rem;height:1rem}.card__hint{color:var(--text);margin-block:18px .875rem;font-size:1rem;font-weight:400;line-height:1.35;transition:color .4s}.clue-list{grid-template-columns:max-content 1fr;gap:1rem .8rem;display:grid}.clue{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.clue__tag-cell{flex-direction:column;justify-content:center;align-self:stretch;align-items:stretch;gap:.5rem;padding:.1875rem 0;display:flex;position:relative}.clue__tag{letter-spacing:.05em;text-transform:uppercase;background-color:color-mix(in srgb, var(--acc) 5%, transparent);height:1.375rem;color:var(--acc);border:1.5px solid;border-color:var(--acc);cursor:pointer;border-radius:.125rem;justify-content:space-between;align-items:center;gap:.25rem;padding:0 .25rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:700;line-height:1.375rem;transition:background-color .4s,color .4s,border-color .4s;display:flex}.clue__tag-icon{stroke-width:2.5px;flex-shrink:0}.tag-tip{background-color:var(--modal-bg);border:1px solid var(--border);z-index:100;white-space:nowrap;border-radius:.375rem;justify-content:space-between;align-items:flex-start;gap:.625rem;min-inline-size:18rem;margin-block-end:.5rem;padding:.75rem;transition:background-color .4s,border-color .4s;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 .25rem 1rem #00000026}.tag-tip__text{color:var(--text);white-space:normal;font-size:1rem;line-height:1.4;transition:color .4s}.tag-tip__close{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:row-reverse;flex-shrink:0;align-items:center;gap:.25rem;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;transition:color .2s;display:flex}.tag-tip__close:hover{color:var(--text)}.clue__digits{justify-content:space-between;gap:2.5px;display:flex}.clue__digit{border:1px solid;border-radius:.0625rem;flex-shrink:0;width:1.375rem;height:1.375rem;transition:border-color .4s,background-color .4s}.clue__digit.lit{border-color:var(--acc);background-color:color-mix(in srgb, var(--acc) 50%, transparent)}.clue__digit:not(.lit){border-color:var(--acc);background-color:color-mix(in srgb, var(--acc) 5%, transparent)}.clue__lines{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.clue__line1{color:var(--text);font-size:1rem;font-weight:400;line-height:1.35;transition:color .4s}.clue__line2{color:var(--acc);font-size:1.1875rem;font-weight:700;line-height:1.2}.recurring{display:inline-block;position:relative}.recurring:after{content:"·";font-size:1.4em;line-height:1;position:absolute;inset-block-start:-.55em;inset-inline-start:50%;transform:translate(-50%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.clue-skeleton{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}.clue-skeleton__tag{background:linear-gradient(90deg, var(--border) 25%, var(--surface) 50%, var(--border) 75%);background-size:200% 100%;border-radius:.375rem;width:4rem;height:2rem;animation:1.5s ease-in-out infinite shimmer}.clue-skeleton__lines{flex-direction:column;gap:.4rem;display:flex}.clue-skeleton__line{background:linear-gradient(90deg, var(--border) 25%, var(--surface) 50%, var(--border) 75%);background-size:200% 100%;border-radius:.25rem;height:.85rem;animation:1.5s ease-in-out infinite shimmer}.clue-skeleton__line--long{width:80%}.clue-skeleton__line--short{width:40%}.digits{gap:.625rem;block-size:7rem;inline-size:100%;margin-block-start:.625rem;display:flex}.digit-box{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--surface);border:1.5px solid var(--border);block-size:100%;box-shadow:var(--dig-sh);border-radius:.25rem;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:background-color .4s,border-color .4s,box-shadow .15s,transform .1s;display:flex;position:relative}.digit-box.active{border-color:var(--acc);box-shadow:var(--dig-sh-act)}.digit-box:active{transform:translateY(.0625rem)translate(.0625rem);box-shadow:.0625rem .0625rem #2626242e!important}.digits.digit-correct{pointer-events:none}.digits.digit-correct .digit-box{background-color:var(--lightningcss-light,#2e8b571f)var(--lightningcss-dark,#4cc38c24);border-color:var(--lightningcss-light,#2e8b5766)var(--lightningcss-dark,#4cc38c59)}.digit-box__resolved{color:var(--text);font-family:Inconsolata,monospace;font-size:2rem;font-weight:600;line-height:1;transition:color .4s}.digit-box__grid{grid-template-columns:repeat(3,1fr);block-size:100%;inline-size:100%;padding:.375rem;display:grid}.digit-box__grid.four-col{grid-template-columns:repeat(12,1fr)}.digit-box__grid.four-col span{grid-column:span 3}.digit-box__grid.four-col span:nth-child(-n+3),.digit-box__grid.four-col span:nth-child(n+8){grid-column:span 4}.digit-box__grid span{color:var(--text);justify-content:center;align-items:center;font-family:Inconsolata,monospace;font-size:1rem;font-weight:500;transition:color .4s,opacity .2s;display:flex}.digit-box__grid span.elim{opacity:.12}.digit-box__mid{grid-column:2/4}.keypad{inline-size:100%;margin-block-start:.625rem;display:none}.keypad.open{display:block}.keypad__grid,.demo-keypad{grid-template-columns:repeat(5,1fr);gap:.4375rem;inline-size:100%;display:grid}.demo-keypad{grid-column:span 2}.keypad__btn{cursor:pointer;background-color:var(--surface);block-size:3rem;color:var(--text);border:1.5px solid;border-color:var(--border);box-shadow:var(--k-sh);border-radius:.1875rem;justify-content:center;align-items:center;font-family:Inconsolata,monospace;font-size:1.125rem;font-weight:500;transition:background-color .4s,color .4s,border-color .4s,opacity .15s,transform 80ms,box-shadow 80ms;display:flex}.keypad__btn.elim{background-color:var(--k-bg-elim);color:var(--k-txt-elim);box-shadow:none}.keypad__btn:active{transform:translateY(.125rem)translate(.125rem);box-shadow:none!important}.submit{inline-size:100%;margin-block-start:.75rem;display:none}.submit.visible{display:block}.submit__btn{letter-spacing:.04em;color:#fff;cursor:pointer;background-color:var(--acc-btn);border:none;border-radius:.1875rem;block-size:3.25rem;inline-size:100%;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background-color .4s,transform 80ms,box-shadow 80ms;box-shadow:.1875rem .1875rem #2626242e}.submit__btn:active{box-shadow:none;transform:translateY(.125rem)translate(.125rem)}.save{color:var(--muted);align-items:center;gap:.375rem;margin-block-start:.875rem;font-size:1rem;transition:color .4s;display:none}.save label{cursor:pointer;align-items:center;gap:.3125rem;display:flex}.save input[type=checkbox]{display:none}.save .check-icon{vertical-align:middle;flex-shrink:0}.save .cookie-wrap{vertical-align:middle;align-items:center;gap:.1875rem;display:inline-flex}.submit.visible+.save{display:flex}#cw-ck:not(:checked)~label .ck-on{display:none}#cw-ck:not(:checked)~label .ck-off,#cw-ck:checked~label .ck-on{display:inline}#cw-ck:checked~label .ck-off{display:none}.feedback{margin-block-start:1rem;font-size:1rem;font-weight:600;line-height:1.35;transition:color .4s}.feedback__icon{flex-shrink:0;width:2rem;height:2rem}.feedback--correct{color:var(--lightningcss-light,#1a7a3a)var(--lightningcss-dark,#4cc990);align-items:center;gap:.5rem;display:flex}.feedback--incorrect{color:var(--lightningcss-light,#c03030)var(--lightningcss-dark,#f07070);align-items:center;gap:.5rem;display:flex}.history{margin-block-start:.875rem}.history__label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-block-end:.5rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:700;transition:color .4s}.history__list{flex-wrap:wrap;gap:.375rem;list-style:none;display:flex}.history__item{border:1px solid var(--border);color:var(--muted);background-color:var(--surface);border-radius:.125rem;padding:.125rem .5rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:500;transition:color .4s,background-color .4s,border-color .4s}.stats{margin-block-start:1rem}.stats__heading{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-block-end:.5rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:700;transition:color .4s}.stats__grid{gap:1.5rem;margin-block-end:.75rem;display:flex}.stats__item{flex-direction:column;align-items:center;display:flex}.stats__val{color:var(--text);font-family:Inconsolata,monospace;font-size:1.5rem;font-weight:700;line-height:1;transition:color .4s}.stats__lbl{color:var(--muted);font-size:1rem;transition:color .4s}.stats__last-lbl{color:var(--muted);margin-block-end:.375rem;font-size:1rem;transition:color .4s}.stats__bubbles{gap:.375rem;display:flex}.stats__latest{margin-block-start:1rem;font-size:1rem}.stats__bubble{background-color:var(--surface);border:1px solid var(--border);width:2rem;height:2rem;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-family:Inconsolata,monospace;font-size:1rem;font-weight:600;transition:color .4s,background-color .4s,border-color .4s;display:flex}.next-puzzle{color:var(--muted);margin-block-start:.875rem;font-size:1rem;transition:color .4s}[data-next-number]{color:var(--text);font-family:Inconsolata,monospace;font-weight:700;transition:color .4s}.play-again{margin-block-start:.875rem}.footer__links{justify-content:center;align-items:center;gap:1.25rem;inline-size:100%;display:flex}.theme-icon{display:inline-flex}.theme-icon .icon-sun{display:none}:root.dark .theme-icon .icon-sun{display:block}:root.dark .theme-icon .icon-moon{display:none}.footer{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:1.25rem;margin-block-start:1rem;padding-block-end:1.5rem;font-size:1rem;line-height:1.9;transition:color .4s;display:flex}.foot-icon-link{align-items:baseline;gap:.25rem;display:inline-flex}.foot-icon-link svg{color:var(--text);transition:color .4s}.foot-avatar{object-fit:cover;border-radius:50%;width:.875rem;height:.875rem;display:block}@keyframes heart-bounce{0%{transform:translateY(0)scale(1)}7%{transform:translateY(-.375rem)scale(1.15)}15%{transform:translateY(0)scale(1)}22%{transform:translateY(-.21875rem)scale(1.08)}30%{transform:translateY(0)scale(1)}37%{transform:translateY(-.09375rem)scale(1.04)}45%{transform:translateY(0)scale(1)}to{transform:translateY(0)scale(1)}}.footer-heart.bouncing{animation:2s ease-in-out heart-bounce}.swatch-list{gap:.4rem;inline-size:100%;display:flex}.swatch-btn{border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:.25rem;flex:1;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.swatch-btn__dot{border-radius:.2rem;flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.swatch-btn__label{font-size:1rem}.dev-links{justify-content:center;gap:1.25rem;inline-size:100%;display:flex}[data-modal]{opacity:0;background:0 0;border:none;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;padding:1rem;transition:opacity .25s;display:none}[data-modal][open]{opacity:0;justify-content:center;align-items:center;display:flex}[data-modal].open{opacity:1}[data-modal]::backdrop{opacity:0;background-color:#0000008c;transition:opacity .25s}[data-modal].open::backdrop{opacity:1}[data-modal] h2{color:var(--text);margin-block-end:.375rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.625rem;font-weight:600;transition:color .4s}[data-modal] .modal-sub{color:var(--muted);margin-block-end:2.5rem;font-size:1rem;transition:color .4s}[data-modal] ul{color:var(--text);margin-block-end:1.25rem;padding-inline-start:1.125rem;font-size:1rem;line-height:1.6;transition:color .4s}[data-modal] .modal-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-block-end:.75rem;font-family:Inconsolata,monospace;font-size:1rem;font-weight:700;transition:color .4s}.modal__box{background-color:var(--modal-bg);max-block-size:90vh;inline-size:100%;max-inline-size:26rem;box-shadow:var(--modal-sh);border-radius:.375rem;padding:1.75rem 1.5rem 1.5rem;transition:background-color .4s,box-shadow .4s,transform .25s;position:relative;overflow-y:auto;transform:translateY(.75rem)}[data-modal].open .modal__box{transform:translateY(0)}.modal__close{cursor:pointer;color:var(--text);opacity:.5;background:0 0;border:none;border-radius:.375rem;padding:.25rem;font-size:1.125rem;line-height:1;transition:color .4s,opacity .2s;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.modal__close:hover{opacity:1}.modal-example{flex-direction:column;margin-block-end:2.5rem;display:flex}.htp-clue{grid-template-columns:max-content 1fr;gap:0 .8rem;padding:0}.modal-steps{flex-direction:column;display:flex}.modal-section{border-block-end:1px solid var(--border);flex-direction:column;gap:.5rem;margin-block-end:1.25rem;padding-block-end:1.25rem;display:flex}.modal-section--last{border-block-end:none;margin-block-end:0;padding-block-end:0}.modal-footer{color:var(--muted);text-align:center;margin-block-start:.25rem;font-size:1rem;transition:color .4s}.htp-worked{align-items:flex-start;gap:.625rem;display:flex}.htp-box{aspect-ratio:1;flex:1;min-inline-size:0}.htp-arrow{color:var(--muted);flex-shrink:0;align-self:center;font-size:1.25rem}.htp-keypad-wrap{flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;align-items:center;min-inline-size:0;display:flex}.htp-keypad{grid-template-columns:repeat(5,1fr);gap:.125rem;inline-size:100%;display:grid}.htp-keypad-hint{color:var(--muted);text-align:center;font-size:1rem;transition:color .4s}.htp-key{text-align:center;background-color:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:.125rem;font-family:Inconsolata,monospace;font-size:.75rem;font-weight:600;line-height:1.5;transition:background-color .4s,border-color .4s,color .4s}.htp-key.elim{opacity:.2;text-decoration:line-through}.modal-step-label{color:var(--text);font-size:1rem;line-height:1.4;transition:color .4s}.htp-info-icon{vertical-align:-.15em;color:var(--acc);stroke-width:2.5px}.mdb{background-color:var(--surface);border:1.5px solid var(--border);block-size:100%;inline-size:100%;box-shadow:var(--dig-sh);border-radius:.25rem;flex-direction:column;transition:background-color .4s,border-color .4s,box-shadow .4s;display:flex}.mdb-grid{grid-template-columns:repeat(3,1fr);block-size:100%;inline-size:100%;padding:.375rem;display:grid}.mdb-grid span{text-align:center;color:var(--text);font-family:Inconsolata,monospace;font-size:1rem;font-weight:500;line-height:1.5;transition:color .4s}.mdb-grid span.out{opacity:.12}.mdb-big{color:var(--text);margin:auto;font-family:Inconsolata,monospace;font-size:2rem;font-weight:600;line-height:1;transition:color .4s}.mdb-zero{grid-column:2}.modal__gotit{letter-spacing:.04em;color:#fff;cursor:pointer;background-color:var(--acc-btn);border:none;border-radius:.1875rem;block-size:3rem;inline-size:100%;margin-block-start:.25rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background-color .4s,transform 80ms,box-shadow 80ms;box-shadow:.1875rem .1875rem #26262440}.modal__gotit:active{box-shadow:none;transform:translateY(.125rem)translate(.125rem)}.fb-header{text-align:center;margin-block-end:.75rem}[data-fb-modal]{opacity:0;background:0 0;border:none;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;padding:1rem;transition:opacity .25s;display:none}[data-fb-modal][open]{opacity:0;justify-content:center;align-items:center;display:flex}[data-fb-modal].open{opacity:1}[data-fb-modal]::backdrop{opacity:0;background-color:#0000008c;transition:opacity .25s}[data-fb-modal].open::backdrop{opacity:1}[data-fb-modal] h2{color:var(--text);margin-block-end:.375rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.625rem;font-weight:600;transition:color .4s}[data-fb-modal] .modal-sub{color:var(--muted);margin-block-end:1.125rem;font-size:1rem;transition:color .4s}.fb-modal__box{background-color:var(--modal-bg);max-block-size:90vh;inline-size:100%;max-inline-size:26rem;box-shadow:var(--modal-sh);border-radius:.375rem;padding:1.75rem 1.5rem 1.5rem;transition:background-color .4s,box-shadow .4s,transform .25s;position:relative;overflow-y:auto;transform:translateY(.75rem)}[data-fb-modal].open .fb-modal__box{transform:translateY(0)}.fb-modal__close{cursor:pointer;color:var(--text);opacity:.5;background:0 0;border:none;border-radius:.375rem;padding:.25rem;font-size:1.125rem;line-height:1;transition:color .4s,opacity .2s;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.fb-modal__close:hover{opacity:1}[data-fb-cats]{flex-wrap:wrap;justify-content:space-between;margin-block-end:.75rem;display:flex}.fb-cat{border:1.5px solid var(--border);background-color:var(--surface);color:var(--text);cursor:pointer;border-radius:1rem;padding:.375rem .875rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.fb-cat.active{background-color:var(--acc-btn);color:#fff;border-color:var(--acc-btn)}[data-fb-msg]{resize:vertical;border:1.5px solid var(--border);background-color:var(--surface);min-block-size:6rem;max-block-size:12rem;inline-size:100%;color:var(--text);box-sizing:border-box;border-radius:.25rem;padding:.75rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;line-height:1.5;transition:background-color .4s,border-color .15s,color .4s;display:block}[data-fb-msg]:focus{border-color:var(--acc);outline:none}[data-fb-msg]::placeholder{color:var(--muted)}.fb-counter{text-align:end;color:var(--muted);margin-block-start:.25rem;font-size:1rem;transition:color .4s}.fb-counter.warn{color:var(--acc)}.fb-meta-label{color:var(--muted);margin-block:.75rem .375rem;font-size:1rem;transition:color .4s}.fb-meta{color:var(--muted);background-color:var(--md-lit-bg);border-radius:.25rem;padding:.5rem .75rem;font-family:Inconsolata,monospace;font-size:1rem;line-height:1.6;transition:background-color .4s,color .4s}.fb-modal__send{letter-spacing:.04em;color:#fff;cursor:pointer;background-color:var(--acc-btn);border:none;border-radius:.1875rem;block-size:3rem;inline-size:100%;margin-block-start:.75rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:background-color .4s,transform 80ms,box-shadow 80ms;box-shadow:.1875rem .1875rem #26262440}.fb-modal__send:active{box-shadow:none;transform:translateY(.125rem)translate(.125rem)}.fb-modal__send:disabled{opacity:.5;cursor:not-allowed}.toast{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;inset-block-end:1.5rem;inset-inline-start:50%;transform:translate(-50%)}.toast__msg{background-color:var(--text);color:var(--bg);opacity:0;pointer-events:auto;border-radius:.375rem;padding:.75rem 1.25rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:500;transition:opacity .25s,transform .25s;transform:translateY(.5rem);box-shadow:0 .25rem 1rem #0003}.toast__msg.show{opacity:1;transform:translateY(0)}}@layer utilities{.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-link{font:inherit;color:var(--link-color,var(--acc));cursor:pointer;background:0 0;border:none;border-block-end:1px solid;padding:0;padding-block-end:.25rem;line-height:1;transition:color .4s;display:inline-block}.text-link--icon{border-block-end:none;align-items:flex-start;gap:.3125rem;padding-block-end:0;display:inline-flex}.text-link--icon svg{stroke:currentColor;flex-shrink:0;width:1rem;height:1rem;transition:stroke .4s}.text-link--icon>span:last-child{border-block-end:1px solid;padding-block-end:.25rem;line-height:1}.text-link--muted{--link-color:var(--muted)}.skip-link{z-index:999;background-color:var(--acc-btn);color:#fff;border-radius:.25rem;padding:.5rem 1rem;font-weight:600;position:absolute;inset-block-start:-999rem;inset-inline-start:-999rem}.skip-link:focus-visible{inset-block-start:1rem;inset-inline-start:1rem}.icon-inline{vertical-align:middle;display:inline-block}}