:root{--landing-column:72rem;--landing-gutter:max(1.25rem, env(safe-area-inset-left));--display:clamp(2.9rem, 1.6rem + 5.4vw, 5.9rem);--title:clamp(2rem, 1.4rem + 2.4vw, 3.2rem);--spelling:var(--danger);--grammar:var(--der)}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,p{margin:0}a{color:inherit}.skip{z-index:10;border-radius:var(--radius-tail-pill);background:var(--button-background);color:var(--button-foreground);padding:.6rem 1rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip:focus{transform:none}.header,main>section,.footer{width:min(100% - 2 * var(--landing-gutter), var(--landing-column));margin-inline:auto}.header{padding-top:max(1rem, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.brand{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:-.03em;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand img{border-radius:0}.button{border-radius:var(--radius-tail-lg);background:var(--icon-background);font-weight:var(--weight-black);transition:background var(--motion-standard), transform var(--motion-spring);align-items:center;gap:.5rem;padding:.85rem 1.3rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--icon-hover)}.button:active{transform:scale(.97)}.button-small{border-radius:var(--radius-tail-pill);background:var(--button-background);color:var(--button-foreground);font-size:var(--text-md);padding:.6rem 1rem}.button-small:hover{background:var(--button-background);transform:translateY(-1px)}.go{border-radius:var(--radius-tail-xl);background:var(--button-background);color:var(--button-foreground);box-shadow:var(--shadow-raised);font-size:var(--text-xl);font-weight:var(--weight-black);transition:transform var(--motion-spring), box-shadow var(--motion-standard);align-items:center;gap:1.1rem;padding:.45rem .45rem .45rem 1.4rem;text-decoration:none;display:inline-flex}.go:hover{box-shadow:var(--shadow-floating);transform:translateY(-2px)rotate(-.4deg)}.go:active{transform:scale(.97)}.go-circle{background:var(--accent);width:2.9rem;height:2.9rem;color:var(--accent-ink);transition:transform var(--motion-spring);border-radius:50%;place-items:center;display:grid}.go:hover .go-circle{transform:rotate(-12deg)scale(1.05)}.go-circle svg{width:1.25rem;height:1.25rem;margin-left:.15rem}.level{flex:none;gap:.2rem;display:flex}.level i{border-radius:var(--radius-pill);background:var(--line);width:.5rem;height:1.35rem;transition:background .26s,transform .26s cubic-bezier(.2,.8,.2,1)}.level[data-on="1"] i:nth-child(-n+1),.level[data-on="2"] i:nth-child(-n+2),.level[data-on="3"] i:nth-child(-n+3),.level[data-on="4"] i:nth-child(-n+4),.level[data-on="5"] i,.lesson[data-level="1"] .level i:nth-child(-n+1),.lesson[data-level="2"] .level i:nth-child(-n+2),.lesson[data-level="3"] .level i:nth-child(-n+3),.lesson[data-level="4"] .level i:nth-child(-n+4),.lesson[data-level="5"] .level i,.lesson[data-level=learned] .level i{background:var(--accent)}.lesson[data-level=learned] .level i{background:var(--success);transform:scaleY(1.15)}body{isolation:isolate;position:relative;overflow-x:clip}body:before{z-index:-1;background:radial-gradient(42rem 26rem at 88% 4%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(36rem 22rem at 8% -6%, color-mix(in srgb, var(--selection) 34%, transparent), transparent 70%);content:"";pointer-events:none;height:56rem;position:absolute;inset:0 0 auto}.hero{align-items:center;gap:3rem;padding-block:clamp(3rem,9vh,6rem) 5rem;display:grid}@media (width>=62rem){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem;min-height:min(52rem,100svh - 4rem)}}h1{max-width:11ch;font-size:var(--display);font-weight:var(--weight-black);letter-spacing:-.05em;text-wrap:balance;line-height:.92}.lede{max-width:34rem;color:var(--muted);margin-top:1.6rem;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2.2rem;display:flex}.note{color:var(--muted);font-size:var(--text-md);margin-top:1rem}.hero-stage{position:relative}@media (width>=62rem){.hero-stage{padding-top:3.2rem}.hero-stage .demo{max-width:29rem;margin-left:auto}}@media (width<=61.99rem){.stickers{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.stickers li:nth-child(n+4){display:none}.stickers li{border:2px solid color-mix(in srgb, var(--gender,var(--faint)) 26%, var(--background));border-radius:var(--radius-tail-pill);background:color-mix(in srgb, var(--gender,var(--muted)) 9%, var(--background));font-weight:var(--weight-strong);transform:rotate(var(--turn));padding:.35rem .75rem .4rem}.stickers b{color:var(--gender);font-weight:var(--weight-black)}}@media (width>=62rem){.stickers{pointer-events:none;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0}.stickers li{left:var(--x);top:var(--y);border:2px solid color-mix(in srgb, var(--gender,var(--faint)) 26%, var(--background));border-radius:var(--radius-tail-pill);background:color-mix(in srgb, var(--gender,var(--muted)) 9%, var(--background));box-shadow:var(--shadow-raised);font-size:var(--text-lg);font-weight:var(--weight-strong);white-space:nowrap;transform:translateY(-50%) rotate(var(--turn));padding:.45rem .85rem .5rem;position:absolute}.stickers b{color:var(--gender);font-weight:var(--weight-black)}}@media (width>=62rem) and (prefers-reduced-motion:no-preference){.stickers li{animation:.52s cubic-bezier(.2,.9,.25,1.35) both stick}.stickers li:nth-child(2){animation-delay:90ms}.stickers li:nth-child(3){animation-delay:.18s}.stickers li:nth-child(4){animation-delay:.27s}.stickers li:nth-child(5){animation-delay:.36s}.stickers li:nth-child(6){animation-delay:.45s}@keyframes stick{0%{opacity:0;transform:translateY(-50%) rotate(calc(var(--turn) * -2)) scale(1.35)}}}.demo{margin:0;position:relative}.demo .lesson{z-index:1;position:relative}.lesson{border:1px solid var(--line);border-radius:var(--radius-tail-2xl);background:var(--background);box-shadow:var(--shadow-floating);padding:1.4rem}.lesson-top{align-items:center;gap:.75rem;display:flex}.level-name{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-black);font-variant-numeric:tabular-nums}.question{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:-.02em;margin-top:1.3rem}.lesson-body{align-content:start;gap:1.1rem;min-height:21rem;margin-top:1.1rem;display:grid}.clue:empty{display:none}.clue-photo{border-radius:var(--radius-tail-xl);background:color-mix(in srgb, var(--accent) 12%, var(--icon-background));height:7.5rem;color:var(--accent);place-items:center;display:grid}.clue-photo svg{stroke-width:1.6px;width:4.6rem;height:4.6rem;transform:rotate(-10deg)}.clue-text{border-radius:var(--radius-tail-xl);background:var(--icon-background);font-size:var(--text-2xl);font-weight:var(--weight-black);padding:1rem 1.15rem}.clue-definition{font-size:var(--text-xl);line-height:1.3}.clue-text small{color:var(--muted);font-size:var(--text-sm);margin-bottom:.2rem;display:block}[data-article=der]{--gender:var(--der)}[data-article=die]{--gender:var(--die)}[data-article=das]{--gender:var(--das)}.articles-row{gap:.45rem;margin-bottom:.7rem;display:flex}.article,.option,.tile{border:2px solid var(--line);background:var(--background);cursor:pointer;transition:background var(--motion-standard), border-color var(--motion-standard), color var(--motion-standard), transform var(--motion-spring);font-weight:900}.article:hover:not(:disabled),.option:hover:not(:disabled),.tile:hover:not(:disabled){border-color:var(--faint)}.article:active:not(:disabled),.option:active:not(:disabled),.tile:active:not(:disabled){transform:scale(.95)}.article:disabled,.option:disabled{cursor:default}.article{border-radius:var(--radius-tail-pill);color:var(--gender);font-size:var(--text-lg);flex:1;padding:.5rem}.article[aria-pressed=true]{border-color:var(--gender);background:var(--gender);color:var(--background)}.options{gap:.45rem;display:grid}.options[data-many]{grid-template-columns:1fr 1fr}.option{border-radius:var(--radius-tail-lg);font-size:var(--text-lg);text-align:left;overflow-wrap:anywhere;padding:.7rem .95rem;display:block}.options[data-many] .option{font-size:var(--text-md);padding:.55rem .8rem}.option b{color:var(--gender);font-weight:inherit}.option[aria-pressed=true]{border-color:var(--foreground);background:var(--foreground);color:var(--button-foreground)}.option[aria-pressed=true] b{color:inherit}.slots,.tiles{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.slots{grid-template-columns:repeat(var(--letters), minmax(0, 1.95rem));justify-content:center;margin:.4rem 0 1rem;display:grid}.slots .slot{width:auto}.slot,.tile{width:1.95rem;height:2.4rem;font-size:var(--text-lg);place-items:center;font-weight:900;display:grid}.slot{border-bottom:3px solid var(--line)}.slot[data-given],.slot[data-filled]{border-color:var(--foreground)}.slot[data-given]{color:var(--muted)}.tile{border-radius:var(--radius-tail-md);padding:0}.tile:disabled{color:#0000;cursor:default;border-style:dashed}.undo{border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin:.8rem auto 0;padding:.3rem .6rem;display:flex}.undo:hover{background:var(--icon-background)}.undo svg{width:.9rem;height:.9rem}.write{gap:.45rem;display:flex}.field{border:2px solid var(--line);border-radius:var(--radius-tail-lg);background:var(--background);min-width:0;font-size:max(var(--text-xl), var(--text-field-min));transition:border-color var(--motion-standard);flex:1;align-items:baseline;padding:.65rem .9rem;font-weight:900;display:flex}.field:focus-within,input.field:focus{border-color:var(--foreground)}.field input{width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:0}input.article-field{outline:none;flex:none;width:5.6rem}.article-field::placeholder{color:var(--faint)}.hint{color:var(--muted);flex:none}.learned{color:var(--muted);font-size:var(--text-lg);line-height:1.5}.lesson-foot{border-radius:var(--radius-tail-xl);transition:background var(--motion-standard);align-items:center;gap:.8rem;margin:1.2rem -.6rem -.6rem;padding:.6rem;display:flex}.lesson-foot[data-result=right]{--result:var(--success)}.lesson-foot[data-result=wrong]{--result:var(--danger)}.lesson-foot[data-result]{background:color-mix(in srgb, var(--result) 14%, var(--background))}.feedback{min-width:0;color:var(--result);flex:1;align-items:center;gap:.65rem;display:flex}.feedback strong{font-size:var(--text-lg);font-weight:var(--weight-black);display:block}.feedback span span{font-size:var(--text-md);white-space:nowrap;display:block}.feedback .mark{background:var(--result);width:2.3rem;height:2.3rem;color:var(--background);border-radius:50%;flex:none;place-items:center;display:grid}.mark svg{stroke-width:3px;width:1.15rem;height:1.15rem}.check{border-radius:var(--radius-tail-lg);background:var(--button-background);min-width:min(8.5rem,40%);color:var(--button-foreground);font-size:1rem;font-weight:var(--weight-black);cursor:pointer;transition:transform var(--motion-spring), opacity var(--motion-standard), background var(--motion-standard);border:0;justify-content:center;align-items:center;gap:.4rem;margin-left:auto;padding:.85rem 1.3rem;display:flex}.check svg{width:1rem;height:1rem}.lesson-foot[data-result] .check{background:var(--result);color:var(--background)}.check:active:not(:disabled){transform:scale(.97)}.check:disabled{cursor:default;opacity:.35}.demo figcaption{max-width:30rem;color:var(--muted);font-size:var(--text-sm);text-align:center;margin:1.2rem auto 0;line-height:1.5}@media (prefers-reduced-motion:no-preference){.lesson-foot[data-result=wrong] .mark{animation:.36s shake}.lesson-foot[data-result=right] .mark{animation:.36s cubic-bezier(.2,.9,.25,1.4) pop}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes pop{0%{transform:scale(.4)}}}main>section:not(.hero){padding-block:clamp(3rem,7vw,5.5rem)}.feature{align-items:center;gap:2.5rem;display:grid}@media (width>=56rem){.feature{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:5rem}.feature.genders .feature-copy{order:1}}h2{max-width:16ch;font-size:var(--title);font-weight:var(--weight-black);letter-spacing:-.04em;text-wrap:balance;line-height:1}.feature-copy p,.section-head p{max-width:34rem;color:var(--muted);font-size:var(--text-xl);margin-top:1.1rem;line-height:1.55}.feature-copy em{color:var(--foreground);font-style:normal}.feature-copy .small{font-size:var(--text-md)}.composer{border-radius:var(--radius-tail-2xl);background:var(--icon-background);padding:1.4rem}.switch{isolation:isolate;border:1px solid color-mix(in srgb, var(--line) 86%, transparent);border-radius:var(--radius-pill);background:var(--icon-background);box-shadow:var(--shadow-raised);grid-template-columns:repeat(2,1fr);gap:.2rem;margin-bottom:1.2rem;padding:.2rem;display:inline-grid;position:relative}.switch:before{border-radius:var(--radius-pill);background:var(--background);content:"";width:calc(50% - .3rem);transition:transform .46s cubic-bezier(.16,1,.3,1);position:absolute;top:.2rem;bottom:.2rem;left:.2rem;box-shadow:0 1px 4px #0000001f}.switch[data-language=en]:before{transform:translate(calc(100% + .2rem))}.switch button{z-index:1;border-radius:var(--radius-pill);min-height:2.35rem;color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-strong);cursor:pointer;transition:color var(--motion-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;padding:0 .95rem;display:flex;position:relative}.switch button[aria-pressed=true]{color:var(--foreground)}.composer-field{border-bottom:2px solid var(--line);transition:border-color var(--motion-standard);align-items:center;gap:.75rem;padding-bottom:.7rem;display:flex}.composer-field:focus-within{border-color:var(--foreground)}.composer-field>svg{width:1.6rem;height:1.6rem;color:var(--muted);flex:none}.composer-field input{width:100%;min-width:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:var(--weight-black);background:0 0;border:0;outline:none;padding:0}.composer-field input::placeholder{color:var(--muted)}.suggestions{gap:.3rem;min-height:12.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.suggestion,.mine li{border-radius:var(--radius-tail-lg);text-align:left;background:0 0;border:0;align-items:flex-start;gap:.9rem;width:100%;padding:.7rem;display:flex}.suggestion{cursor:pointer;transition:background var(--motion-standard), box-shadow var(--motion-standard), transform var(--motion-spring)}.suggestion:hover:not(:disabled),.suggestion:focus-visible{background:var(--background);box-shadow:var(--shadow-raised)}.suggestion:active:not(:disabled){transform:scale(.985)}.suggestion:disabled{cursor:default}.suggestion-add{background:var(--accent);width:2.3rem;height:2.3rem;color:var(--accent-ink);transition:transform var(--motion-spring), background var(--motion-standard);border-radius:50%;flex:none;align-self:center;place-items:center;margin-left:auto;display:grid}.suggestion-add svg{stroke-width:2.6px;width:1.1rem;height:1.1rem}.suggestion:hover:not(:disabled) .suggestion-add{transform:rotate(90deg)}.suggestion:disabled .suggestion-add{background:var(--success);color:var(--background)}.composer-status{color:var(--muted);font-size:var(--text-md)}.composer-status:empty{display:none}.mine{border-radius:var(--radius-tail-xl);background:var(--background);box-shadow:var(--shadow-raised);margin-top:1rem;padding:.9rem}.mine-head{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .3rem .4rem;display:flex}.mine-head a{border-radius:var(--radius-tail-pill);background:var(--button-background);color:var(--button-foreground);align-items:center;gap:.25rem;padding:.35rem .75rem;text-decoration:none;display:inline-flex}.mine-head svg{width:.9rem;height:.9rem;color:var(--accent);stroke-width:3px}.mine ul{margin:0;padding:0;list-style:none;display:grid}.mine li{align-items:center;padding:.45rem .3rem}.mine li .meta.definition{display:none}@media (width<=30rem){.suggestion .definition{display:none}}.mine .level i{width:.38rem;height:1.05rem}@media (prefers-reduced-motion:no-preference){.mine li:first-child{animation:.42s cubic-bezier(.2,.9,.25,1.2) arrive}@keyframes arrive{0%{opacity:0;transform:translateY(-.6rem)scale(.97)}}}.thumb{border-radius:var(--radius-tail-md);background:color-mix(in srgb, var(--gender,var(--muted)) 12%, var(--background));width:2.9rem;height:2.9rem;color:var(--gender,var(--muted));font-size:1.3rem;font-weight:var(--weight-black);flex:none;place-items:center;display:grid}.suggestion-text{flex:1;gap:.1rem;min-width:0;display:grid}.term{font-size:1.2rem;font-weight:var(--weight-strong)}.term b{color:var(--gender);font-weight:var(--weight-black)}.term small{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;vertical-align:.2rem;margin-left:.15rem;padding:.05rem .4rem;font-size:.6rem;font-weight:900}.meta{color:var(--muted);font-size:var(--text-md)}.definition{color:var(--foreground)}.section-head{max-width:44rem}main>section.band{width:min(100% - 2 * var(--landing-gutter) + 2rem, var(--landing-column) + 8rem);--icon-background:#171815;--foreground:#f7f8f3;--muted:#8b8e87;--accent:#ff7540;--accent-shadow:#ff754047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--icon-background);color:var(--foreground);border-radius:3.2rem 3.2rem 3.2rem 1.2rem;margin-block:clamp(2rem,5vw,4rem);padding-inline:0}.band-inner{width:min(100% - 2.5rem, var(--landing-column));margin-inline:auto}.band .section-head p,.band .clues{color:var(--muted)}.steps{gap:.8rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{--heat:10%;border-radius:var(--radius-tail-xl);background:color-mix(in srgb, var(--accent) var(--heat), var(--icon-background));color:var(--foreground);padding:1.3rem 1.3rem 1.5rem}.steps li:nth-child(2){--heat:24%}.steps li:nth-child(3){--heat:42%}.steps li:nth-child(4){--heat:66%}.steps li:nth-child(5){background:var(--accent);color:var(--accent-ink);box-shadow:0 1rem 3rem var(--accent-shadow)}.steps .level i{background:color-mix(in srgb, currentColor 22%, transparent)}.steps .level[data-on] i{transition:none}.steps li:nth-child(-n+3){--on:var(--accent)}.steps .level[data-on="1"] i:nth-child(-n+1),.steps .level[data-on="2"] i:nth-child(-n+2),.steps .level[data-on="3"] i:nth-child(-n+3),.steps .level[data-on="4"] i:nth-child(-n+4),.steps .level[data-on="5"] i{background:var(--on,currentColor)}.steps h3{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.01em;margin-top:1.4rem}.steps p{font-size:var(--text-md);opacity:.78;margin-top:.4rem;line-height:1.5}@media (width>=40rem) and (width<=63.99rem){.steps{grid-template-columns:1fr 1fr}.steps li:last-child{grid-column:1/-1}}@media (width>=64rem){.steps{grid-template-columns:repeat(5,1fr);align-items:end}.steps li:first-child{min-height:13rem}.steps li:nth-child(2){min-height:15.5rem}.steps li:nth-child(3){min-height:18rem}.steps li:nth-child(4){min-height:20.5rem}.steps li:nth-child(5){min-height:23rem}}.clues{font-size:var(--text-md);margin-top:1.6rem}.articles{justify-items:start;gap:.7rem;display:grid}.articles>p:not(.pair){border-radius:var(--radius-tail-xl);background:color-mix(in srgb, var(--gender) 13%, var(--background));font-size:clamp(2.1rem,1.4rem + 3vw,3.8rem);font-weight:var(--weight-black);letter-spacing:-.04em;overflow-wrap:anywhere;transition:transform var(--motion-spring);padding:.12em .45em .18em;line-height:1.08}.articles>p:first-child{transform:rotate(-2.5deg)}.articles>p:nth-child(2){margin-left:clamp(1rem,4vw,3rem);transform:rotate(1.5deg)}.articles>p:nth-child(3){margin-left:clamp(.4rem,1.5vw,1.2rem);transform:rotate(-1deg)}.articles>p:not(.pair):hover{transform:rotate(0)scale(1.03)}.articles b{color:var(--gender);font-weight:inherit}.articles .pair{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:var(--weight-black);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:.2rem .9rem;margin-top:1rem;display:flex}.pair-joint{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--der), var(--die));width:2rem;height:.5rem}.sheet{border:1px solid var(--line);border-radius:var(--radius-tail-2xl);background:var(--background);box-shadow:var(--shadow-floating);padding:1.5rem;transform:rotate(1.2deg)}.sheet-prompt{border-radius:var(--radius-tail-lg);background:color-mix(in srgb, var(--accent) 10%, var(--background));color:var(--muted);font-size:var(--text-sm);margin-bottom:1.1rem;padding:.7rem .9rem}.sheet-prompt b{color:var(--foreground);font-size:var(--text-lg);display:block}.sheet-text{font-size:var(--text-xl);background:repeating-linear-gradient(to bottom, transparent 0 calc(2.2rem - 1px), var(--line) calc(2.2rem - 1px) 2.2rem);line-height:2.2rem}mark{border-bottom:2px solid var(--kind);background:color-mix(in srgb, var(--kind) 12%, transparent);color:inherit;border-radius:.3rem .3rem 0 0;padding:.05rem .1rem}[data-kind=spelling]{--kind:var(--spelling)}[data-kind=grammar]{--kind:var(--grammar)}.fix{border-left:4px solid var(--kind);border-radius:var(--radius-tail-md);background:color-mix(in srgb, var(--kind) 7%, var(--background));margin-top:1rem;padding:.9rem 1rem}.fix+.fix{margin-top:.6rem}.fix-line{font-size:var(--text-lg)}.fix-line s{color:var(--muted)}.fix-line b{color:var(--kind);font-weight:var(--weight-black)}.fix-why{color:var(--muted);font-size:var(--text-md);margin-top:.2rem}.fix-add{border-radius:var(--radius-tail-pill);background:var(--button-background);color:var(--button-foreground);font-size:var(--text-sm);font-weight:var(--weight-black);align-items:center;gap:.35rem;margin-top:.7rem;padding:.4rem .8rem .4rem .6rem;display:inline-flex}.fix-add svg{width:.9rem;height:.9rem;color:var(--accent);stroke-width:3px}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2.6rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.list-grid li{isolation:isolate;border-radius:var(--radius-tail-xl);background:radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--tint) 30%, transparent), transparent 62%), color-mix(in srgb, var(--tint) 9%, var(--icon-background));min-height:9rem;transition:transform var(--motion-spring), box-shadow var(--motion-standard);flex-direction:column;align-items:flex-start;padding:1rem 1rem .9rem;display:flex;position:relative;overflow:hidden}.list-grid li:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.list-grid strong{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.02em}.list-grid span{max-width:80%;color:color-mix(in srgb, var(--foreground) 62%, var(--tint));font-size:var(--text-sm);margin-top:.15rem}.list-grid small{border-radius:var(--radius-tail-pill);background:color-mix(in srgb, var(--background) 55%, transparent);font-size:var(--text-xs);font-weight:var(--weight-black);margin-top:auto;padding:.2rem .5rem}.list-grid svg{z-index:-1;width:6.5rem;height:6.5rem;color:var(--tint);opacity:.45;stroke-width:1.3px;transition:transform .32s cubic-bezier(.2, .8, .2, 1), opacity var(--motion-standard);position:absolute;bottom:-1.4rem;right:-1.2rem;transform:rotate(-14deg)}.list-grid li:hover svg{opacity:.7;transform:rotate(-4deg)scale(1.08)}.more-lists{width:fit-content;margin:1.4rem auto 0;display:flex}.more-lists[hidden]{display:none}.facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:2.4rem 2rem;display:grid}.fact-icon{border-radius:var(--radius-tail-md);background:color-mix(in srgb, var(--tint) 14%, var(--background));width:3.2rem;height:3.2rem;color:var(--tint);place-items:center;display:grid}.fact-icon svg{width:1.5rem;height:1.5rem}.flags{font-size:1.5rem;line-height:1}.fact h3{font-size:var(--text-xl);font-weight:var(--weight-black);margin-top:1rem}.fact p{color:var(--muted);font-size:var(--text-md);margin-top:.35rem;line-height:1.55}main>section.closing{isolation:isolate;background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:3.2rem 3.2rem 3.2rem 1.2rem;justify-items:center;margin-block:clamp(2rem,5vw,4rem);padding:clamp(3.5rem,9vw,6.5rem) 1.5rem;display:grid;position:relative;overflow:hidden}.bolt{z-index:-1;width:clamp(16rem,40vw,30rem);height:auto;fill:color-mix(in srgb, var(--accent-ink) 9%, transparent);stroke:none;position:absolute;top:50%;right:-4%;transform:translateY(-50%)rotate(12deg)}.closing h2{max-width:12ch;font-size:var(--display);letter-spacing:-.05em}.closing p{font-size:var(--text-xl);opacity:.8;margin:1rem 0 2.2rem}.footer{padding:1.6rem 0 max(1.6rem, env(safe-area-inset-bottom));color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem;display:flex}.footer-brand{color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-black);align-items:center;gap:.45rem;display:flex}