header[data-v-dbdc5eb0]{margin-bottom:20px}nav[data-v-dbdc5eb0]{display:flex;justify-content:center;gap:10px}.skip-link[data-v-dbdc5eb0]{position:absolute;left:20px;top:16px;transform:translateY(-200%);padding:10px 14px;border-radius:6px;background:#fff;color:#4a2200;border:2px solid #4a2200;text-decoration:none;z-index:1000}.skip-link[data-v-dbdc5eb0]:focus{transform:translateY(0)}.nav-button[data-v-dbdc5eb0]:focus-visible,.skip-link[data-v-dbdc5eb0]:focus-visible{outline:3px solid #0f62fe;outline-offset:3px}.nav-button[data-v-dbdc5eb0]:hover{background-color:#ececec}.nav-button[data-v-dbdc5eb0]{background-color:#f5f5f5;border:1px solid #ccc;padding:8px 16px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;color:#4a2200;font-weight:700;text-decoration:none}.nav-button.active[data-v-dbdc5eb0]{background-color:#4a2200;color:#fff;border-color:#331800}:root{--text-color:#3c3c3c;--background-light:#fff8e7;--background-off-white:#fffaf0;--highlight-color:#4a2200;--slider-track-color:#c0392b;--slider-thumb-color:#f1c40f;--note-color:#686868;--focus-ring-color:#0f62fe}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--background-light);margin:0;text-align:center}#app,body{padding:20px}#app{max-width:600px;margin:0 auto;background-color:var(--background-off-white);box-shadow:0 4px 8px rgba(0,0,0,.1)}.recipe h2,.recipe h3,h2{color:var(--highlight-color)}.slider-container{margin-bottom:30px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-header h2{margin:0}.reset-button,.selected-number{padding:3px 6px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--highlight-color);text-align:center;cursor:pointer}.reset-button:focus-visible,input.selected-number:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px}.selected-number{margin:0;width:60px;text-align:right;font-size:1em}.reset-button-container{text-align:right;margin-bottom:20px}.reset-button{font-size:.8em}.reset-button:hover{background-color:#e6e6e6}.nav-button:hover{background-color:#ececec}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:15px 0;outline:none}input[type=range]::-webkit-slider-runnable-track{height:8px;cursor:pointer;box-shadow:1px 1px 1px #000;background:var(--slider-track-color);border-radius:4px;border:1px solid #000;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:1px 1px 1px #000;border:1px solid #000;height:24px;width:24px;border-radius:12px;background:var(--slider-thumb-color);cursor:pointer;margin-top:-8px}input[type=range]::-moz-range-track{height:8px;cursor:pointer;box-shadow:1px 1px 1px #000;background:var(--slider-track-color);border-radius:4px;border:1px solid #000;-moz-transition:background-color .2s ease;transition:background-color .2s ease}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000;border:1px solid #000;height:24px;width:24px;border-radius:12px;background:var(--slider-thumb-color);cursor:pointer}input[type=range]::-ms-track{height:8px;cursor:pointer;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--slider-track-color);border-radius:4px;box-shadow:1px 1px 1px #000}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000;border:1px solid #000;height:24px;width:24px;border-radius:12px;background:var(--slider-thumb-color);cursor:pointer}.ingredient-quantity{font-weight:700}.ingredient-note{font-style:italic;color:var(--note-color);font-size:.9em}.recipe{text-align:left;max-width:600px;margin:auto;padding:20px;background-color:var(--background-light);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.recipe ol,.recipe ul{padding-left:20px}.recipe li{margin-bottom:5px}.recipe p{color:var(--text-color)}.reset-button[data-v-042cff8e],.selected-number[data-v-042cff8e]{padding:3px 6px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#4a2200;text-align:center;cursor:pointer}.reset-button[data-v-042cff8e]:focus-visible,input.selected-number[data-v-042cff8e]:focus-visible,input[type=range][data-v-042cff8e]:focus-visible{outline:3px solid #0f62fe;outline-offset:3px}.reset-button-container[data-v-042cff8e]{text-align:right;margin-bottom:20px}.reset-button[data-v-042cff8e]{font-size:.8em}.reset-button[data-v-042cff8e]:hover{background-color:#e6e6e6}