:root{--ink: #1c120c;--cream: #f6efe3;--cream-deep: #e7d7c3;--amber: #f0c48a;--ember: #ff7a32;--maple: #c2410c;--wood: #3d2716;--wood-deep: #24160f;--praise: #2f6b45;--warn: #a33b24;--gold: #e6c27a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--cream);font-family:Nunito Sans,sans-serif;background:#140e0a}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.cabin{position:relative;min-height:100vh;overflow-x:hidden}.sky{position:absolute;inset:0 0 auto;height:280px;background:radial-gradient(ellipse at 50% 0%,rgba(232,140,70,.35),transparent 55%),linear-gradient(180deg,#3a241c 0%,#24160f 70%,transparent 100%);pointer-events:none}.treeline{position:absolute;left:0;right:0;bottom:0;width:100%;height:160px;opacity:.9}.firelight{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 92% 108%,rgba(255,120,40,.42),transparent 42%),radial-gradient(ellipse at 80% 100%,rgba(255,186,92,.16),transparent 36%);animation:flicker 2.6s ease-in-out infinite}.leaves{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.page{position:relative;z-index:3;width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:3.2rem 0 10rem}.mast{width:100%;margin-bottom:2rem;padding:1.15rem 1.35rem 1.25rem;border-radius:20px;background:linear-gradient(180deg,#160e0a33,#160e0ab8);box-shadow:0 16px 40px #0000002e}.eyebrow{margin:0 0 .4rem;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:700;color:var(--amber)}h1{margin:0;font-family:Fraunces,serif;font-weight:620;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95;letter-spacing:-.03em;color:#fff8ef}.banner{margin:0 0 1rem;padding:.8rem 1rem;border-radius:12px;background:#24160fb8;border:1px solid rgba(240,196,138,.28)}.night{display:grid;grid-template-columns:148px 1fr;gap:1rem 1.25rem;margin:0 0 1rem;padding:1.1rem 1.15rem 1.15rem;border-radius:22px;border:1px solid rgba(255,214,170,.16);background-color:var(--wood);background-image:linear-gradient(180deg,rgba(255,214,170,.16),transparent 30%),repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 2px,transparent 2px 8px),linear-gradient(180deg,#5c3d26,#3a2616 42%,#2a1a0f);box-shadow:inset 0 1px #ffdcb447,0 18px 40px #00000059}.date-plate{display:flex;flex-direction:column;justify-content:center;gap:.2rem}.plaid{width:72px;height:8px;border-radius:99px;margin-bottom:.35rem;background:repeating-linear-gradient(90deg,#8f2d2d 0 8px,#e6c27a 8px 12px,#1e3328 12px 20px,#e6c27a 20px 24px)}.weekday{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.day{margin:0;font-family:Fraunces,serif;font-size:4rem;line-height:.85;font-weight:620;color:#fff8ef}.month{margin:.15rem 0 0;color:#e7d3bc}.night-body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.empty{margin:.2rem 0;color:#f0ddc8;font-family:Fraunces,serif;font-size:1.15rem}.meals{display:flex;flex-wrap:wrap;gap:.75rem}.meal{flex:1 1 250px;min-width:0;padding:.9rem 1rem 1rem;border-radius:16px;color:#2a1c12;background:linear-gradient(180deg,#fff8ee,#f3e6d4);box-shadow:0 10px 24px #0000002e;animation:settle .45s ease both}.meal-grading{background:linear-gradient(110deg,#f7efe2 30%,#fffaf3 48%,#f7efe2 62%);background-size:220% 100%;animation:settle .45s ease both,shimmer 1.5s ease infinite}.meal-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.meal h3{margin:0;font-family:Fraunces,serif;font-size:1.35rem;font-weight:620;line-height:1.15;overflow-wrap:anywhere}.cook{margin:.2rem 0 0;color:#6d5344;font-size:.92rem}.note{margin:.55rem 0 0;color:#4a3426;line-height:1.4}.quip{margin:.7rem 0 .85rem;font-family:Fraunces,serif;font-size:1.05rem;line-height:1.35;color:#3a2718}.tasting{display:flex;align-items:center;gap:.45rem;margin:.8rem 0 .2rem;font-family:Fraunces,serif;color:#6a3b16}.dots{display:inline-flex;gap:.2rem}.dots i{width:.35rem;height:.35rem;border-radius:99px;background:#c2410c;animation:blink 1.1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.meters{display:grid;grid-template-columns:1fr 1fr;gap:.85rem .9rem}.meter-top{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.meter-warn{color:var(--warn)}.meter-praise{color:var(--praise)}.meter-top strong{font-family:Fraunces,serif;font-size:1.05rem;letter-spacing:0}.meter-track{height:7px;margin-top:.25rem;border-radius:99px;background:#2a1c121f;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;transition:width .7s cubic-bezier(.22,1,.36,1)}.meter-warn .meter-fill{background:linear-gradient(90deg,#e7b07a,#a33b24)}.meter-praise .meter-fill{background:linear-gradient(90deg,#8fbf7a,#2f6b45)}.meter-note{margin:.4rem 0 0;color:#5c4638;font-size:.84rem;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}.card-error,.form-error{margin:.6rem 0 0;color:#8f2d2d;font-weight:700}.add-dinner,.solid,.ghost,.danger,.text-btn,.crackle{border-radius:999px;border:1px solid transparent}.add-dinner{align-self:flex-start;padding:.55rem .95rem;color:var(--cream);background:transparent;border-color:#f6efe359;border-style:dashed}.add-dinner:hover{background:#fff4e614}.add-form{display:grid;gap:.7rem;padding:.9rem;border-radius:16px;background:#fff8eef0;color:#2a1c12}.add-form label{display:grid;gap:.3rem;font-size:.85rem;font-weight:700}.optional{font-weight:600;color:#7a6152}.add-form input,.add-form textarea{width:100%;padding:.55rem .7rem;border-radius:10px;border:1px solid #e2d0bb;background:#fff;color:#2a1c12;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem}.solid,.danger,.ghost,.text-btn,.crackle{padding:.5rem .9rem}.solid{background:#6b2d16;color:#fff8ef;border-color:#6b2d16}.solid:hover{background:#542312}.danger{background:#8f2d2d;color:#fff8ef}.ghost,.text-btn{background:transparent;color:#6b5344;border-color:#d9c4ae}.text-btn{padding:.25rem .55rem;font-size:.85rem}.confirm{display:flex;gap:.35rem;flex-shrink:0}.departure{margin:1.4rem 0 0;text-align:center;font-family:Fraunces,serif;font-size:1.2rem;color:#f0ddc8}.hearth{position:fixed;right:1.2rem;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.crackle{background:#1c120cc7;color:var(--amber);border-color:#f0c48a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fireplace{width:168px}.mantel{height:14px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#6b4428,#3d2716);box-shadow:0 6px #2a1a10}.firebox{position:relative;height:92px;margin:6px 10px 0;border-radius:8px 8px 0 0;background:radial-gradient(ellipse at 50% 80%,#2a140c,#120a07 70%);overflow:hidden;box-shadow:inset 0 0 0 3px #2a1a10}.flame{position:absolute;bottom:22px;border-radius:50% 50% 45% 45%;transform-origin:bottom center;filter:blur(.3px);animation:flame .9s ease-in-out infinite}.f1{left:42px;width:34px;height:52px;background:#ffb15a;animation-delay:.1s}.f2{left:62px;width:28px;height:64px;background:#ff7a32}.f3{left:78px;width:22px;height:42px;background:#ffd27a;animation-delay:.2s}.f4{left:54px;width:16px;height:28px;bottom:28px;background:#fff1c9;animation-duration:.6s}.logs{position:absolute;left:28px;right:28px;bottom:12px;height:18px}.logs span{position:absolute;height:12px;border-radius:99px;background:linear-gradient(180deg,#6b3a22,#2c160e)}.logs span:first-child{left:0;right:18px;transform:rotate(-8deg)}.logs span:last-child{left:18px;right:0;top:6px;transform:rotate(7deg)}.hearth-stone{height:16px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#5c534c,#3a342f)}button:disabled{opacity:.7;cursor:wait}@keyframes flicker{0%,to{opacity:.72}35%{opacity:1}58%{opacity:.55}80%{opacity:.9}}@keyframes flame{0%,to{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.12) scaleX(.92) translateY(-3px)}}@keyframes settle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media(max-width:720px){.page{width:min(1080px,calc(100% - 1rem));padding-top:1.25rem;padding-bottom:6.5rem}.mast{padding:.95rem .95rem 1rem}.night{grid-template-columns:1fr;gap:.6rem}.date-plate{flex-direction:row;align-items:baseline;gap:.65rem}.plaid{display:none}.day{font-size:2.4rem}.hearth{right:0;bottom:0;gap:.15rem;transform:scale(.5);transform-origin:bottom right}}@media(prefers-reduced-motion:reduce){.firelight,.flame,.meal,.meal-grading,.dots i{animation:none}.meter-fill{transition:none}}