.page{max-width:680px;margin:0 auto;padding:0 1rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.book-header{width:100%;text-align:center;padding:2.5rem 1rem 0}.header-ornament{font-size:.75rem;letter-spacing:.5em;color:#c4956a;margin-bottom:.6rem}.book-series{font-family:Lato,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8b5e3c;margin-bottom:.5rem}.book-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,7vw,3rem);font-weight:900;color:#2c1a0e;line-height:1.1;margin-bottom:.6rem}.book-subtitle{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(.9rem,2.5vw,1.05rem);color:#6b4226;margin-bottom:1.2rem}.header-rule{height:1px;background:linear-gradient(to right,transparent,#C4956A 30%,#8B5E3C 50%,#C4956A 70%,transparent);margin:0 auto;max-width:420px;position:relative}.header-rule:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#FDF8F0;padding:0 .5rem;color:#c4956a;font-size:.65rem}.effort-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem}.effort-heading{font-family:Lato,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8b5e3c}.effort-pills{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.effort-pill{padding:.45rem 1.1rem;font-family:Lato,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:#5a3a20;background:#F0E5D4;border:1.5px solid #C4956A;border-radius:2px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s;min-height:42px;min-width:60px;-webkit-user-select:none;user-select:none}.effort-pill:hover:not(.active){background:#E8D5BC;border-color:#8b5e3c}.effort-pill:active{transform:scale(.96)}.effort-pill.active{color:#fdf8f0;background:#6A4A2A;border-color:#6a4a2a}.effort-pill--låg.active{background:#4E7A52;border-color:#4e7a52;color:#fff}.effort-pill--mellan.active{background:#C27B42;border-color:#c27b42;color:#fff}.effort-pill--hög.active{background:#8B3A3A;border-color:#8b3a3a;color:#fff}.wheel-section{width:100%;display:flex;justify-content:center}.wheel-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:100%}.wheel-frame{position:relative;width:100%;max-width:480px;filter:drop-shadow(0 6px 24px rgba(44,26,14,.18))}.wheel-svg{width:100%;height:auto;display:block}.spin-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2.8rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(1rem,3vw,1.15rem);font-weight:700;letter-spacing:.04em;color:#fdf8f0;background:#8B3A3A;border:none;border-radius:3px;cursor:pointer;box-shadow:0 1px #c4956a inset,0 -1px #0000004d inset,0 4px 14px #8b3a3a59;transition:transform .12s ease,box-shadow .12s ease,background .15s;min-height:52px;min-width:180px;-webkit-user-select:none;user-select:none}.spin-btn:hover:not(:disabled){background:#A04040;transform:translateY(-1px);box-shadow:0 1px #c4956a inset,0 -1px #0000004d inset,0 6px 20px #8b3a3a73}.spin-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #c4956a inset,0 -1px #0000004d inset,0 2px 6px #8b3a3a4d}.spin-btn:disabled,.spin-btn.spinning{background:#7A6050;cursor:not-allowed;transform:none;box-shadow:none}.spin-dots{display:inline-block;width:18px;overflow:hidden}.recipe-card{width:100%;background:#FFFDF7;border:1px solid #D4B896;border-radius:2px;border-top:4px solid #8B3A3A;box-shadow:0 2px #d4b896,0 4px 20px #2c1a0e1a,4px 4px #efe5d5,6px 6px #e5d8c4;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;pointer-events:none;min-height:0}.recipe-card.visible{opacity:1;transform:translateY(0);pointer-events:auto}.recipe-card-top{padding:.9rem 1.4rem 0;display:flex;align-items:center;gap:.5rem}.recipe-category,.recipe-effort-badge{font-family:Lato,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:.25rem .75rem;border-radius:2px;display:inline-block}.recipe-card-body{padding:.8rem 1.4rem 1rem;border-bottom:1px solid #E8D8C0}.recipe-eyebrow{font-family:Lato,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8b5e3c;margin-bottom:.35rem}.recipe-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.4rem,5vw,2rem);font-weight:700;color:#2c1a0e;line-height:1.2;margin-bottom:.9rem}.recipe-ingredients{padding-top:.7rem;border-top:1px dashed #D4B896}.ingredients-heading{font-family:Lato,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b5e3c;margin-bottom:.3rem}.ingredients-list{font-family:Lato,sans-serif;font-size:.92rem;color:#4a3020;line-height:1.6}.recipe-card-footer{padding:.7rem 1.4rem .9rem;text-align:center}.spin-again-hint{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:.88rem;color:#9a7050}.book-footer{padding-top:.5rem}.footer-ornament{font-size:.75rem;letter-spacing:.4em;color:#c4956a}@media (max-width: 480px){.page{gap:1.4rem}.book-header{padding-top:1.6rem}.wheel-frame{max-width:100%}.spin-btn{padding:.9rem 2.2rem;width:100%;max-width:320px;justify-content:center}.recipe-card-top,.recipe-card-body,.recipe-card-footer{padding-left:1rem;padding-right:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,system-ui,sans-serif;background:#FDF8F0;color:#2c1a0e;min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit}
