@import "https://fonts.googleapis.com/css2?family=Italianno&family=Inter:wght@400;500&display=swap";
:root{--ink:#2f2a26;--muted:#6f6a65;--accent:#8faa7b;--accent-soft:#8faa7bbf;--card-bg:#ffffffc7;--card-border:#0000000a;--overlay-light:#f5f8f3b8;--overlay-dark:#121612bf}body.avond{--ink:#f2f1ee;--muted:#b8b5af;--card-bg:#181c18d1;--card-border:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(to bottom,var(--overlay-light),var(--overlay-light)),url(/backgrounds/bos-mos.jpg) center/cover no-repeat fixed;background-blend-mode:soft-light;font-family:Inter,system-ui,sans-serif;line-height:1.7;transition:background .8s,color .6s}body.avond{background:linear-gradient(to bottom,var(--overlay-dark),var(--overlay-dark)),url(/backgrounds/bos-mos.jpg) center/cover no-repeat fixed}.app-shell{grid-template-columns:1.2fr .8fr;gap:1.5rem;width:min(1040px,100% - 2rem);min-height:100svh;margin:0 auto;padding:2.4rem 0 3rem;display:grid}@media (max-width:900px){.app-shell{grid-template-columns:1fr;padding:1.6rem 0}}.hero-card,.support-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1;border-radius:26px;padding:1.8rem;animation:.8s both fadeUp;position:relative;box-shadow:0 24px 60px #0000001f}.app-title{text-align:center;color:var(--accent);margin-bottom:1.2rem;font-family:Italianno,cursive;font-size:3.6rem;animation:1.4s both titleIn;position:relative;transform:rotate(-2deg)}.app-title:after{content:"♡";color:currentColor;opacity:.45;margin:.35rem auto 0;font-size:.85rem;display:block}body.avond .app-title{color:#b7cfac}h2{margin-bottom:.6rem;font-size:1.2rem;font-weight:500}.steuntje-text{letter-spacing:.015em;color:var(--ink);opacity:.95;font-family:Inter,system-ui,sans-serif;font-size:1.08rem;font-weight:400;line-height:1.95}body.avond .steuntje-text{color:#f3f1ee;opacity:.92}.mini-actie,.afsluit-zin{color:var(--muted);font-size:.92rem;line-height:1.6}button,.share-button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.85;background:#8faa7ba6;border:none;border-radius:999px;padding:.7rem 1.2rem;font-size:.88rem;transition:opacity .25s,transform .25s}button:hover,.share-button:hover{opacity:1;transform:translateY(-1px)}.save-row{flex-wrap:wrap;gap:1.4rem;margin-bottom:.6rem;display:flex}@media (max-width:600px){.save-row{flex-direction:column;gap:.8rem}}.cta-row{z-index:2;position:relative}.gevoel-input{border:1px solid var(--card-border);width:100%;color:var(--ink);background:#ffffffe0;border-radius:14px;padding:.85rem 1rem}.gevoel-input::placeholder{color:var(--muted)}body.avond .gevoel-input{color:#f2f1ee;background:#121612e6}.saved-list{flex-direction:column;gap:.9rem;list-style:none;display:flex}.saved-item{background:#ffffffa6;border-radius:18px;padding:1rem 1.2rem}body.avond .saved-item{background:#1e221ebf}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes titleIn{0%{opacity:0;transform:translateY(6px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.language-switcher{gap:6px;display:flex}.top-controls{z-index:9999;gap:8px;display:flex;position:fixed;top:16px;right:16px}@media (max-width:600px){.top-controls{top:12px;right:12px}}