@font-face{font-family:Garineldo;src:url('/translations/fonts/garineldo.woff2') format('woff2');font-display:swap}
@font-face{font-family:Quicksand;src:url('/translations/fonts/quicksand.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:light;--moss:#293a30;--deep:#1d2b24;--cream:#f3eddd;--paper:#e8dfc7;--gold:#d9bd7a;--muted:#52614f;--edge:#a5ae98;--body:Quicksand,Arial,sans-serif;--display:Garineldo,Georgia,serif;font-family:var(--body);color:var(--moss);background:var(--cream);font-synthesis:none;scrollbar-color:var(--muted) var(--cream)}
*{box-sizing:border-box}body{margin:0;font-size:16px;font-weight:500;line-height:1.6}::selection{background:var(--gold);color:var(--deep)}[hidden]{display:none!important}button,input,select{font:inherit}button,select{cursor:pointer}button{min-height:48px;border:0;border-radius:5px;font-weight:700;padding:12px 20px}button:disabled,select:disabled{cursor:wait;opacity:.55}a{color:inherit;text-underline-offset:4px}button,input,select,a{touch-action:manipulation}:focus-visible{outline:3px solid #886319;outline-offset:5px}input{caret-color:var(--moss)}header{background:var(--moss);color:var(--cream);padding:22px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:var(--display);font-size:36px;line-height:1.2;text-decoration:none}main{max-width:1240px;margin:auto;padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:56px;padding:58px 0 40px}.intro h1{max-width:650px;font-family:var(--display);font-size:clamp(40px,4.5vw,64px);font-weight:400;line-height:1.02;margin:0 0 20px;text-wrap:balance}.intro p{max-width:530px;margin:0;color:var(--muted)}.language-control{min-width:300px;max-width:380px}.language-control label{display:block;font-weight:700;margin-bottom:10px}.language-control select{width:100%;min-height:54px;padding:10px 38px 10px 14px;color:var(--moss);background:#fffdf7;border:1px solid var(--muted);border-radius:5px;font-size:18px}.language-control p{font-size:13px;margin-top:10px}.progress-copy{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}#coverage{font-weight:700;color:var(--moss)}progress{appearance:none;width:100%;height:5px;border:0;display:block;margin-top:9px;background:var(--paper)}progress::-webkit-progress-bar{background:var(--paper)}progress::-webkit-progress-value{background:var(--moss)}progress::-moz-progress-bar{background:var(--moss)}.notice{background:var(--paper);padding:16px 20px;margin:20px 0 0}.status{font-size:14px;min-height:23px;margin:20px 0 14px;color:var(--muted)}.error{background:#f4dcd0;color:#762d18;padding:15px 20px;margin-bottom:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px;padding-bottom:38px}.collection{background:var(--paper);border-radius:12px;padding:30px}.set-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}h2,.set-title{font:400 clamp(28px,3vw,40px)/1.15 var(--display);margin:0;overflow-wrap:anywhere}#pin-count{white-space:nowrap;font-size:13px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 15px}.pin{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:transparent;padding:8px;border-radius:8px;transition:background .18s ease-out}.pin:hover{background:#f3eddd}.pin img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #293a3020)}.image-hint{margin:0;text-align:center;font-size:12px;color:var(--muted)}form{padding:20px 0}.form-title{font:400 29px/1.2 var(--display);margin:0 0 26px}input{display:block;width:100%;min-height:56px;border:1px solid var(--muted);background:#fffdf7;border-radius:5px;padding:12px;color:var(--moss);font-size:20px}#translation-help{font-size:14px;color:var(--muted);margin:12px 0}.counter{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;margin:0 0 20px}.primary{background:var(--moss);color:var(--cream)}.primary:hover{background:var(--deep)}.secondary{background:transparent;color:var(--moss);text-decoration:underline;text-underline-offset:4px}.secondary:hover{background:var(--paper)}form button{width:100%}#save{display:flex;justify-content:space-between;align-items:center}#skip{margin-top:7px}.independent{font-size:12px;color:var(--muted);margin:24px 0 0;line-height:1.7}.empty{text-align:center;padding:70px 20px;background:var(--paper);border-radius:12px}.empty p{max-width:560px;margin:20px auto}.empty button{margin:8px}.skip-link{position:absolute;top:-100px;background:var(--cream);padding:12px;z-index:5}.skip-link:focus{top:10px}dialog{border:0;border-radius:12px;padding:22px;background:var(--cream);max-width:min(90vw,650px);max-height:90vh}dialog::backdrop{background:#1d2b24cf}dialog button{display:block;margin-left:auto}dialog img{display:block;width:100%;max-height:65vh;object-fit:contain;margin-top:15px}
@media(min-width:1450px){.gallery{gap:24px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.collection{padding:22px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intro{gap:30px}.language-control{min-width:250px}}@media(max-width:680px){header{padding:18px 22px}.wordmark{font-size:29px}main{padding:0 20px}.intro{display:block;padding:36px 0 28px}.intro h1{max-width:650px;font-size:44px}.intro p{font-size:15px}.language-control{margin-top:28px;max-width:none}.workspace{display:flex;flex-direction:column;gap:12px}.collection{padding:22px 18px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}form{padding:12px 2px}.form-title{margin-bottom:18px}.empty{padding:42px 18px}.progress-copy{font-size:12px}h2,.set-title{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* The language picker stays in the header while contributing. */
#header-language:empty{display:none}
.translating main{padding-top:32px}
#progress-section{margin-bottom:24px}
.status:empty{display:none}
header .language-control{min-width:0;width:250px;margin:0}
header .language-control select{min-height:46px;font-size:16px}
header .language-control p{display:none}
header .language-control label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
header :focus-visible{outline-color:var(--gold)}
@media(max-width:680px){header .language-control{width:180px}.translating main{padding-top:24px}.intro h1{margin-bottom:0}}
@media(max-width:360px){header{gap:12px;padding-inline:16px}header .language-control{width:160px}.wordmark{font-size:26px}}