:root{--ink:#33302b;--slate:#2a2621;--slate-2:#6b6459;--soft:#7a7266;--rule:#e4d7c4;--grey:#a69b8a;--paper:#f7efe4;--paper-raised:#fdfaf5;--accent:#5c6e48;--accent-ink:#47562f;--accent-tint:#e9ede1;--zelfportret-tint:#f1e6d3;--zelfportret-ink:#8a6a34;--avatar-tint:#ece2d3;--error:#b3261e;--font-display:var(--font-display-family), Georgia, serif;--font-body:var(--font-ui-family), -apple-system, sans-serif;--font-ui:var(--font-ui-family), -apple-system, sans-serif;--radius:18px;--radius-sm:12px;--shadow-soft:0 2px 14px #33302b0d;--shadow-raised:0 10px 34px #33302b14}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3{font-family:var(--font-display);color:var(--slate);margin:0 0 .4em;font-weight:700}p{margin:0 0 1em;line-height:1.55}button{font-family:var(--font-ui)}a{color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.page{flex-direction:column;align-items:center;min-height:100vh;padding:48px 20px 80px;display:flex}.container-narrow{width:100%;max-width:560px}.container-wide{width:100%;max-width:720px}.card{background:var(--paper-raised);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:32px}.btn-primary{background:var(--accent);color:#fff;font-size:16px;font-weight:600;font-family:var(--font-ui);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:999px;padding:16px 34px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-ink)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--grey);cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--slate-2);border:1px solid var(--rule);font-size:15px;font-weight:500;font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;padding:15px 32px;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--slate-2);color:var(--slate)}.field-label{letter-spacing:.03em;text-transform:uppercase;color:var(--slate-2);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.text-input{border:1px solid var(--rule);border-radius:var(--radius-sm);width:100%;font-size:16px;font-family:var(--font-ui);color:var(--ink);background:var(--paper-raised);padding:16px 18px}.text-input:focus{border-color:var(--accent)}.vinia-range{-webkit-appearance:none;height:28px}.vinia-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper-raised);border:3px solid var(--accent);width:24px;height:24px;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:50%;margin-top:0}.vinia-range::-moz-range-thumb{background:var(--paper-raised);border:3px solid var(--accent);width:24px;height:24px;box-shadow:var(--shadow-soft);cursor:pointer;border-radius:50%}.vinia-range::-moz-range-track{background:0 0}.vinia-range:disabled::-webkit-slider-thumb{border-color:var(--grey);cursor:not-allowed}.vinia-range:disabled::-moz-range-thumb{border-color:var(--grey);cursor:not-allowed}