:root{--mint-100:#dcfce7;--mint-200:#c8e6c9;--bg-main:#e2f8d8;--forest:#5d6b4f;--forest-light:#7d8b6f;--forest-dark:#4d5b3f;--paper:#f5efe0eb;--paper-deep:#ece2cbb8;--ink:#3d3528;--text:#3d3528c7;--muted:#5d6b4f94;--line:#5d6b4f2e;--warm-line:#8c693738;--shadow:#503c1424;color:var(--text);background:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-main);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8c69374d transparent;min-width:320px}body{background:radial-gradient(ellipse at 50% 0%, #fff6, transparent 56%), var(--bg-main);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}img{max-width:100%}::selection{color:inherit;background:#8c693747}@media (pointer:fine){*,:before,:after{cursor:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8c693740 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8c693773 padding-box content-box}.pageShell{isolation:isolate;min-height:100svh;padding:clamp(36px,5vw,72px) 16px;position:relative}.pixelCursor{z-index:2147483647;pointer-events:none;object-fit:contain;width:44px;height:44px;image-rendering:crisp-edges;image-rendering:pixelated;opacity:0;-webkit-user-select:none;user-select:none;will-change:transform;transition:opacity 80ms linear;position:fixed;top:0;left:0;transform:translate(-100px,-100px)translate(-50%,-50%)}.pixelCursor[data-visible=true]{opacity:1}.watermarkPattern,.characterWatermark{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.watermarkPattern{z-index:-2;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:2vh;padding:5vh 3vw;display:grid;inset:0;overflow:hidden}.watermarkPattern img{object-fit:contain;opacity:.08;width:100%;height:100%}.characterWatermark{z-index:-1;opacity:.34;mix-blend-mode:screen;width:auto;height:min(72vh,820px);bottom:12vh;left:50%;transform:translate(-50%)}.journal{background-color:var(--paper);width:min(100%,1040px);box-shadow:0 1px 2px #00000008, 0 8px 24px #503c1412, 0 30px 60px -20px var(--shadow), inset 0 0 60px #8c69370d;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-image:url(/images/general/parchment-grain.png),radial-gradient(90% 70% at 50% 45%,#fff8e159,#0000 70%),radial-gradient(40% 30% at 0 0,#8c69371f,#0000 65%),radial-gradient(45% 35% at 100% 100%,#8c69371a,#0000 65%);background-size:cover,100% 100%,100% 100%,100% 100%;border:1px solid #5d6b4f1f;border-radius:6px;margin:0 auto;position:relative;overflow:hidden}.frontRule{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:clamp(28px,4vw,46px) clamp(24px,6vw,72px) 0;display:grid}.frontRule span{background:var(--line);height:1px}.frontRule i{color:#5d6b4f73;font-family:EB Garamond,Noto Serif SC,Georgia,serif;font-size:.9rem;font-style:italic}.closingRule{padding:0 clamp(24px,6vw,72px) clamp(32px,5vw,56px)}.foodBlock{grid-template-columns:minmax(300px,.92fr) minmax(320px,.78fr);align-items:center;gap:clamp(28px,5vw,62px);min-height:760px;padding:clamp(38px,6vw,72px);display:grid;position:relative}.foodBlock+.foodBlock{border-top:1px solid var(--line)}.blockNumber{color:#5d6b4f80;letter-spacing:.36em;font-family:EB Garamond,Noto Serif SC,Georgia,serif;font-size:.82rem;font-style:italic;position:absolute;top:clamp(32px,5vw,58px);right:clamp(30px,6vw,72px)}.mediaBlock{align-self:stretch;gap:12px;display:grid}.imageGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-self:stretch;gap:14px;display:grid}.entryDate{color:#5d6b4f80;letter-spacing:.22em;justify-self:end;font-family:EB Garamond,Noto Serif SC,Georgia,serif;font-size:.86rem;font-style:italic}.imageGrid[data-count="1"]{grid-template-columns:1fr}.imageFrame{background:var(--paper-deep);border:1px solid #5d6b4f29;min-height:0;margin:0;overflow:hidden;box-shadow:inset 0 0 24px #8c693712,0 16px 34px #503c141f}.imageFrame img{object-fit:cover;filter:sepia(.14)saturate(.9)contrast(1.02);width:100%;height:100%;min-height:min(68svh,700px);transition:filter .5s ease-out,transform .5s ease-out;display:block}.imageFrame:hover img{filter:sepia(0)saturate()contrast();transform:scale(1.012)}.copyBlock{max-width:480px;color:var(--text);gap:clamp(22px,3.8vw,38px);display:grid}.entryHeader{gap:12px;display:grid}.entryHeader h1{color:var(--forest-dark);margin:0;font-family:EB Garamond,Noto Serif SC,Georgia,serif;font-size:clamp(2.55rem,6vw,5.1rem);font-weight:600;line-height:1}.chapterRule{background:#5d6b4f52;width:42px;height:1px;margin-top:5px;transition:width .35s ease-out}.foodBlock:hover .chapterRule{width:78px}.entryBody,.reactionList{display:grid}.entryBody{color:var(--ink);gap:10px;font-size:clamp(1.03rem,1.45vw,1.18rem);font-weight:650;line-height:1.82}.reactionList{color:#3d3528b8;border-left:2px solid #8c693747;gap:28px;padding-left:18px;font-family:EB Garamond,Noto Serif SC,Georgia,serif;font-size:clamp(1rem,1.38vw,1.12rem);line-height:1.74;position:relative}.reactionStage{gap:7px;display:grid;position:relative}.reactionStage:nth-child(n+2){color:#3d352894;margin-left:0;padding-top:28px}.reactionStage:nth-child(n+2):before{content:"";background:linear-gradient(90deg,#8c693700,#8c69372e,#8c693700);width:min(96px,28%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.reactionStage div{gap:7px;display:grid}.entryBody p,.reactionStage p{margin:0}@media (width<=860px){.pageShell{padding:18px 12px 30px}.watermarkPattern{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);gap:1vh;padding:3vh 1vw}.watermarkPattern img{opacity:.075}.characterWatermark{opacity:.28;height:48vh;bottom:15vh}.frontRule{gap:14px;padding:28px 22px 0}.closingRule{padding:0 22px 34px}.foodBlock{grid-template-columns:1fr;gap:28px;min-height:auto;padding:42px 18px 38px}.blockNumber{top:28px;right:18px}.mediaBlock{order:1}.entryDate{justify-self:start}.copyBlock{order:2;max-width:none}.imageFrame img{aspect-ratio:4/5;min-height:0}}