:root{--bg: #fdf7ec;--card: #fffaf3;--text: #2d1f0f;--muted: #7a6552;--accent: #d87f37;--accent-2: #b45f2a;--border: rgba(160, 118, 70, .18);--glow: rgba(216, 127, 55, .28);font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 18%,rgba(255,214,153,.35),transparent 25%),radial-gradient(circle at 80% 0%,rgba(232,191,143,.3),transparent 32%),linear-gradient(180deg,#fff7e8,#f8efde 40%,#f4e5cf)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:inherit}[hidden]{display:none!important}.layout-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:flex-start;gap:20px;padding:0 8vw 48px}.layout-main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 8vw;position:sticky;top:0;backdrop-filter:blur(12px);background:#fdf7ece6;border-bottom:1px solid var(--border);z-index:20}.brand{color:var(--text);font-weight:700;text-decoration:none;letter-spacing:-.3px}.nav{display:flex;gap:12px;align-items:center;margin-left:auto}.nav a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;transition:background .12s ease,color .12s ease}.nav a:hover{background:#d87f3714;color:var(--text)}.nav-toggle{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:transparent;justify-content:center;align-items:center;gap:6px;flex-direction:column;cursor:pointer;transition:border-color .12s ease,background .12s ease}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:999px;transition:transform .16s ease,opacity .16s ease}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#0003;z-index:13;display:none}.hero{position:relative;padding:64px 8vw 48px;overflow:hidden}.hero__content{max-width:800px;position:relative;z-index:1}.hero__glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,var(--glow),transparent 60%);filter:blur(60px);right:8%;top:-120px;opacity:.9}h1{font-size:clamp(38px,5vw,64px);margin:12px 0;letter-spacing:-.5px}h2{margin:6px 0;font-size:22px}p{color:var(--muted)}.lede{max-width:560px;font-size:18px}.pill{display:inline-flex;padding:8px 12px;background:#d87f371a;border:1px solid var(--border);border-radius:999px;letter-spacing:.3px;color:var(--text);font-weight:600;font-size:13px}.btn{background:linear-gradient(120deg,var(--accent),#f4c086);color:#2d1f0f;border:none;padding:12px 18px;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease;box-shadow:0 10px 30px #d87f3740}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.cta-row{display:flex;gap:12px;align-items:center;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;padding:0 8vw 72px}.grid-home{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:16px;box-shadow:0 12px 30px #00000014;position:relative}.card.wide{grid-column:span 2}.card__header{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent-2);margin:0}.result{margin:12px 0 6px;padding:14px;background:#d87f370d;border:1px dashed var(--border);border-radius:12px;font-size:18px;color:var(--text);min-height:48px}.actions{display:flex;gap:8px}.input{display:flex;flex-direction:column;gap:6px;margin-top:8px;color:var(--muted)}.input input,select,input[type=date]{background:#ffffffe6;border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text);font-size:15px}.input input:focus,select:focus,input[type=date]:focus{outline:2px solid rgba(216,127,55,.35)}.inline-controls{display:flex;gap:8px;align-items:center}.footer{padding:32px 8vw 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.link{color:var(--accent);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.note{color:var(--muted);font-size:13px;margin-top:4px}.page{padding:48px 8vw 72px;max-width:900px;margin:0 auto;width:100%}.jar-card{position:sticky;top:100px;width:100%;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #00000059;z-index:12}.jar-card svg{width:100%;height:auto;display:block}.jar-card__title{font-weight:700;color:var(--text);margin-bottom:6px}.jar-card text{font-family:Manrope,system-ui,-apple-system,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.link-card{text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease}.link-card:hover{transform:translateY(-4px);border-color:#f3b35a73}.roulette-page{padding:48px 8vw 64px;max-width:720px;margin:0 auto}.wheel-wrapper{position:relative;margin:40px auto 12px;width:min(420px,90vw);aspect-ratio:1 / 1}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid rgba(216,127,55,.2);background:conic-gradient(from 90deg,#d87f3759 0deg 30deg,#f6bf8659 30deg 60deg,#ffffff59 60deg 90deg,#d87f3759 90deg 120deg,#f6bf8659 120deg 150deg,#ffffff59 150deg 180deg,#d87f3759 180deg 210deg,#f6bf8659 210deg 240deg,#ffffff59 240deg 270deg,#d87f3759 270deg 300deg,#f6bf8659 300deg 330deg,#ffffff59 330deg 360deg);display:grid;place-items:center;position:relative;overflow:hidden;transition:transform 2.8s cubic-bezier(.19,1,.22,1)}.wheel__inner{width:75%;height:75%;border-radius:50%;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;padding:16px;text-align:center;color:var(--text)}.pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid var(--accent);filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}@media(max-width:720px){.card.wide{grid-column:span 1}.inline-controls{width:100%;flex-wrap:wrap}.hero{padding-top:48px}.cta-row{flex-wrap:wrap}.topbar{flex-direction:row;gap:8px}.nav-toggle{display:flex}.nav{position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:8px;padding:12px 16px 16px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 20px 40px #00000014;display:none;z-index:19}.nav.open{display:flex}.nav-overlay{display:block;z-index:18}.jar-card{display:none}}@media(max-width:980px){.layout-shell{grid-template-columns:1fr;padding-right:8vw}}@media(min-width:721px){body{padding:0}.topbar{position:sticky;top:0;left:0;right:0;height:auto;z-index:15;gap:12px}.nav-toggle{display:none}.nav{position:static;display:flex;flex-direction:row;gap:12px;padding:0;background:transparent;border:none;box-shadow:none}.nav-overlay{display:none}}