:root{--c-bg: #F7F3EA;--c-surface: #FFFFFF;--c-ink: #2B3D2F;--c-accent: #C4694A;--c-sage: #4E8A5E;--c-clay: #C4694A;--c-muted: #6B6459;--c-border: #E4DDD0;--c-line: #EFEAE0;--c-box-soft: #F4F7F2;--c-module-recipe-bg: #F2F6F1;--c-module-bonus-bg: #FAF4F0;--c-module-accel-bg: #EFF4EE}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-bg: #151A16;--c-surface: #202721;--c-ink: #F3EFE6;--c-accent: #E38A68;--c-sage: #7FBE90;--c-clay: #E38A68;--c-muted: #A8A193;--c-border: #333C34;--c-line: #262E27;--c-box-soft: #273028;--c-module-recipe-bg: #222C23;--c-module-bonus-bg: #2F2722;--c-module-accel-bg: #1B261D}}:root[data-theme=dark]{--c-bg: #151A16;--c-surface: #202721;--c-ink: #F3EFE6;--c-accent: #E38A68;--c-sage: #7FBE90;--c-clay: #E38A68;--c-muted: #A8A193;--c-border: #333C34;--c-line: #262E27;--c-box-soft: #273028;--c-module-recipe-bg: #222C23;--c-module-bonus-bg: #2F2722;--c-module-accel-bg: #1B261D}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{min-height:100%;margin:0;background:var(--c-bg);color:var(--c-ink);font-family:DM Sans,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:Fraunces,serif;margin:0}a{text-decoration:none;color:inherit}html[data-font-size=small]{font-size:13.5px}html[data-font-size=medium]{font-size:16px}html[data-font-size=large]{font-size:18.5px}.font-display{font-family:Fraunces,serif}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--c-bg);position:relative;overflow-x:hidden;box-shadow:0 0 40px #0000000f}.app-shell.wide{max-width:1280px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px}.chip{border:1px solid var(--c-border);border-radius:999px;padding:7px 14px;font-size:.75rem;font-weight:600;color:var(--c-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--c-surface);transition:all .15s ease}.chip.active{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.tag{background:#efeae0;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600;color:var(--c-muted)}:root[data-theme=dark] .tag{background:#39413a}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;color:var(--c-muted);transition:color .2s;cursor:pointer}.navitem.active{color:var(--c-ink);font-weight:700}.btn-primary{background:var(--c-accent);color:#fff;text-align:center;font-weight:700;border-radius:14px;padding:14px;border:none;cursor:pointer;transition:transform .15s,opacity .2s}.btn-primary:active{transform:scale(.98)}.btn-dark{background:var(--c-ink);color:var(--c-bg);text-align:center;font-weight:700;border-radius:14px;padding:14px;border:none;cursor:pointer;transition:transform .15s,opacity .2s}.btn-outline{background:transparent;border:1px solid var(--c-border);color:var(--c-ink);font-weight:600;border-radius:14px;padding:12px 18px;cursor:pointer;transition:all .2s}.field label{font-size:12px;color:var(--c-muted);font-weight:600;display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--c-border);border-radius:12px;padding:12px 14px;font-size:.875rem;background:var(--c-surface);color:var(--c-ink);font-family:DM Sans,sans-serif;box-sizing:border-box;outline:none;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c-accent)}.font-slider-track{position:relative;width:100%;padding:6px 0}.font-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--c-border);border-radius:999px;outline:none;cursor:pointer;margin:0;transition:background .2s ease}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--c-accent);box-shadow:0 2px 6px #00000038;cursor:pointer;border:2.5px solid #FFFFFF;transition:transform .15s ease,background .2s ease}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.font-slider::-webkit-slider-thumb:active{transform:scale(1.22)}.font-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-accent);border:2.5px solid #FFFFFF;cursor:pointer}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--c-ink);color:var(--c-bg);font-size:.8125rem;font-weight:600;padding:12px 22px;border-radius:999px;z-index:300;box-shadow:0 8px 24px #00000038;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%) translateY(-6px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e120fa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:24px;max-width:540px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0000004d;animation:popCenter .25s cubic-bezier(.16,1,.3,1)}.modal-box.modal-wide{max-width:820px}@keyframes popCenter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-3\.5{gap:14px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.p-2{padding:8px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.pt-12{padding-top:48px}.pt-14{padding-top:56px}.pb-24{padding-bottom:96px}.pb-8{padding-bottom:32px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--c-muted)}.text-ink{color:var(--c-ink)}.text-accent{color:var(--c-accent)}.text-clay{color:var(--c-clay)}.text-sage{color:var(--c-sage)}.italic{font-style:italic}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.w-full{width:100%}.h-full{height:100%}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid;border-color:var(--c-border)}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.shadow-sm{box-shadow:0 1px 3px #0000000f}.shadow{box-shadow:0 4px 12px #00000014}