*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}main{padding:1rem}:root{--color-background: #e6ddc9;--color-surface: #f6f0e4;--color-surface-raised: #eee5d4;--color-text: #2f241b;--color-primary: #6f7f5c;--color-secondary: #4f9d9d;--color-tertiary: #8b908a;--color-danger: #c96a3d;--color-nav-background: #e2cfab;--color-nav-text: var(--color-text);--color-nav-text-hover: var(--color-primary);--color-nav-active: var(--color-secondary);--color-nav-border: rgba(47, 36, 27, .12);--border-radius: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--max-content-width: 1200px}body{background:var(--color-background);color:var(--color-text);font-family:Inter,system-ui,sans-serif}h1{font-size:clamp(2rem,3vw,2.75rem);margin:.5rem 0 1rem}p{font-size:1rem;line-height:1}button{padding:.85rem 1.25rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:700;background-color:var(--color-secondary);color:var(--color-text);border:1px solid var(--color-tertiary)}a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em;cursor:pointer}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}form{display:flex;flex-direction:column}label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:var(--color-text)}input,select{padding:.65rem .75rem;border:1px solid var(--color-tertiary);border-radius:6px;background:#fff;font:inherit;width:100%}input:focus,select:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.card{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface);border:1px solid rgba(47,36,27,.1);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.card__title{font-size:1.5rem}.card>.card{background:var(--color-surface-raised)}.button-primary{background:var(--color-primary);color:var(--color-surface);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.button-primary:hover{filter:brightness(.95);box-shadow:0 4px 12px #00000026}.button-primary:active{transform:translateY(1px)}.button-secondary{background:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.button-secondary:hover{background:#4f9d9d14}.button-danger{background:var(--color-danger);color:var(--color-surface);border:none}.button-danger:hover{background:#b85d34}.button-danger:active{background:#a7522c}.button-text{display:flex;align-items:center;gap:.35rem;padding:.4rem;border:none;font:inherit;font-size:.8rem;cursor:pointer}.button-icon{padding:.2rem;font-size:.8rem}.button-row{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:.5rem;gap:1rem}.page-container{max-width:var(--max-content-width);margin:0 auto}.page-header{display:flex;align-items:center}.page-header button{margin-left:auto;margin-top:0}.form-field__input--error{border-color:var(--color-danger)}.form-field__error{font-size:.875rem;color:var(--color-danger);height:1.25rem;line-height:1.25rem}.flex{display:flex}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.align-items-start{align-items:start}.p-1{padding:1rem}.px-1{padding-inline:1rem}.py-1{padding-block:1rem}.flex-column-mobile{display:flex;flex-direction:column}@media (min-width: 768px){.flex-column-mobile{flex-direction:row}}.attempt-counter{display:flex;flex-direction:column;align-items:center;gap:.35rem}.attempt-counter__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.attempt-counter__control{display:flex;align-items:center;border:1px solid #8b908a;border-radius:6px;overflow:hidden}.attempt-counter__control button,.attempt-counter__control span{width:44px;height:40px;display:grid;place-items:center;padding:0}.attempt-counter__control button{border:0;background:transparent;font-size:1.25rem;cursor:pointer;border-radius:initial;transition:background-color .12s ease,transform 60ms ease}.attempt-counter__control button:hover{background-color:#6f7f5c26}.attempt-counter__control button:active{background-color:#6f7f5c4d;transform:translateY(1px)}.attempt-counter__control button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-3px}.attempt-counter__control button:disabled{opacity:.4;cursor:not-allowed}.attempt-counter__value{border-inline:1px solid #8b908a;font-weight:700}