:root{color-scheme:light;--bg:#f7edf8;--panel:#fff9;--ink:#32163c;--muted:#654e70;--accent:#ffda00;--border:#c8a5cd;--chip:#e6d1eb;--shadow:0 12px 40px #3e145b16}
:root[data-theme=pink]{--bg:linear-gradient(135deg,#ed45ab,#d40af1);--panel:#4e165acc;--ink:#fff;--muted:#efc9f4;--border:#ffffff44;--chip:#b828a5;--shadow:0 15px 40px #54155a22}
:root[data-theme=dark],:root[data-theme=graffiti]{color-scheme:dark;--bg:#0c111c;--panel:#101827ee;--ink:#f6f4ff;--muted:#bfcbdd;--border:#40536a;--chip:#29364b;--accent:#e3ff5c;--shadow:0 12px 40px #0006}
:root[data-theme=graffiti]{--bg:linear-gradient(#050a16bb,#050a16cc),url('/graffiti-wall.webp') center/cover fixed}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);min-height:100dvh;line-height:1.55}button,input,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:1px solid var(--border);border-radius:999px;padding:.7rem 1.15rem;background:transparent;color:var(--ink);text-decoration:none;text-align:center;display:inline-block;font-weight:700;min-height:44px}button:hover,.button:hover{filter:brightness(1.09);border-color:var(--accent)}button:disabled{opacity:.6;cursor:wait}button.primary,.button.primary{background:var(--accent);color:#252127;border-color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{max-width:1000px;margin:auto;padding:18px 22px;display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.logo{font-size:1.8rem;font-weight:950;text-decoration:none;color:var(--accent);text-shadow:0 1px 3px #532761}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar a{font-size:.88rem}.toolbar select{width:auto;padding:6px 9px;font-size:.88rem}
main{max-width:720px;margin:0 auto;padding:20px 22px 45px}.hero{text-align:center;padding:20px 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--muted)}h1{font-size:clamp(2.2rem,8vw,3.7rem);line-height:1.08;margin:15px 0;font-weight:900;letter-spacing:-.045em}h2{font-size:1.4rem;line-height:1.25}p{margin:.65rem 0}.lead{font-size:1.1rem;color:var(--muted);max-width:540px;margin:15px auto}.pill{display:inline-block;padding:5px 14px;border:1px solid var(--border);border-radius:40px;font-size:.86rem;font-weight:800}
.card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:var(--shadow);margin:20px 0;backdrop-filter:blur(5px)}.chain{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;list-style:none;padding:8px 0;margin:0}.chain li{padding:7px 13px;background:var(--chip);border-radius:99px;font-weight:700;overflow-wrap:anywhere;max-width:100%}.chain li:last-child{background:var(--accent);color:#29202b}.chain li+li:before{content:"·";margin-right:8px;opacity:.65}.chain-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem}.chain-head h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.count{display:block;text-align:center;color:var(--muted);margin-top:14px}.count strong{font-size:2rem;color:var(--ink)}label{display:block;font-weight:700;margin-bottom:8px}input,select{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:12px;width:100%;min-width:0}input::placeholder{color:var(--muted);opacity:1}#wordInput{font-size:1.3rem;text-align:center}.full{width:100%;margin-top:16px}.small{font-size:.84rem;color:var(--muted)}.status{font-size:.93rem;min-height:1.5em}.status.error{color:#ff9b9b;background:#4b122c;padding:10px;border-radius:9px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.secondary-section{text-align:center}.secondary-section p{color:var(--muted)}.amounts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.amounts button{flex:1;padding:9px 13px}.amounts button[aria-pressed=true]{background:var(--accent);color:#252127}.donation-controls{display:grid;grid-template-columns:1fr 110px;gap:10px}.donation-controls.ua{grid-template-columns:1fr}.donation-note{border-left:3px solid var(--accent);padding-left:12px;margin-top:18px}.email{font-weight:700;overflow-wrap:anywhere}.footer-links{display:flex;gap:12px 20px;flex-wrap:wrap;justify-content:center}footer{margin:35px 0 0;text-align:center;font-size:.85rem;color:var(--muted)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:24px;width:min(440px,calc(100% - 28px));padding:25px;max-height:calc(100dvh - 28px);overflow:auto;backdrop-filter:blur(22px);box-shadow:var(--shadow)}dialog::backdrop{background:#080815c9}dialog .close{float:right;padding:5px 12px;margin:-8px -8px 0 0}dialog h2{margin-top:10px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.board button{border-radius:15px;aspect-ratio:1;padding:0;font-size:clamp(1.8rem,9vw,3rem);font-weight:900;background:var(--panel);color:var(--accent)}.board button:disabled{opacity:1;cursor:default}.game-score{font-size:.88rem;color:var(--muted);text-align:center}.article{max-width:700px}.article h1{font-size:clamp(2rem,6vw,3rem)}.article h2{margin-top:28px}.archive-list{list-style:none;padding:0}.archive-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.archive-list small{color:var(--muted)}[hidden]{display:none!important}
@media(max-width:380px){main{padding:8px 14px 25px}.card{padding:19px;border-radius:18px}header{padding:13px 14px}.toolbar{gap:8px}.amounts button{font-size:.86rem}.row>*{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}