/* Orange soda diary, with a quiet translucent reading surface. */
html[data-cafe-diary] body{background:#e99a53;color:#644126;font-family:var(--cafe-font);font-weight:400;line-height:1.85}
html[data-cafe-diary] .topbar{background:#fff0cf;border-bottom:3px solid #a46b42;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-cafe-diary] .topbar .wrap{padding-block:12px}
html[data-cafe-diary] .topbar .back,html[data-cafe-diary] .topbar .sn{color:#745139}
html[data-cafe-diary] .topbar .back{font-size:.875rem}
html[data-cafe-diary] header{position:relative;padding:28px 20px 24px}
html[data-cafe-diary] header .cafe-mascot{width:64px;height:64px;margin:0 auto 16px}
html[data-cafe-diary] header h1{font-family:Hibiya,var(--cafe-font);font-size:clamp(2rem,8vw,2.8rem);letter-spacing:.1em;color:#654330;text-shadow:2px 2px 0 #fff0cf}
html[data-cafe-diary] header .lead{margin-top:10px;color:#79563e;font-size:.875rem;letter-spacing:.08em}
html[data-cafe-diary] header::after{content:"";display:block;width:min(180px,48vw);height:4px;margin:20px auto 0;background:repeating-linear-gradient(90deg,#b68150 0 8px,transparent 8px 14px)}
html[data-cafe-diary] main{padding:8px 0 54px}
html[data-cafe-diary] main>.wrap{max-width:680px;padding:10px 34px 28px;background:#fff0cfe6}
html[data-cafe-diary] .entry{position:relative;margin:0;padding:24px 4px 28px;background:none;border:0;border-radius:0;box-shadow:none;color:#644126}
html[data-cafe-diary] .entry+.entry{border-top:2px dotted #c18c54}
html[data-cafe-diary] .entry__meta{gap:12px;margin-bottom:9px;padding:0;border:0;flex-wrap:wrap}
html[data-cafe-diary] .entry__date{font-family:var(--cafe-font);font-size:.9rem;letter-spacing:.08em;color:#855433}
html[data-cafe-diary] .entry__date::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 0;background:#a46b42;box-shadow:3px 3px 0 #fff0cf}
html[data-cafe-diary] .entry__time{font-size:.8125rem;color:#795b41;letter-spacing:.08em}
html[data-cafe-diary] .entry__text{font-size:1rem;line-height:1.85;color:#644126;text-shadow:none}
html[data-cafe-diary] :is(.entry__imgs a,.entry__img-inline,.entry__vids video){border:2px solid #ba8c5d;border-radius:0;background:transparent;box-shadow:none}
html[data-cafe-diary] .entry__yt{border:1px solid #ba8c5d;border-radius:0;background:#fff0cf;box-shadow:none}
html[data-cafe-diary] .entry__yt-label{color:#79563e;border-color:#c9a371}
html[data-cafe-diary] .spoiler__toggle{border:1px solid #a87551;border-radius:0;background:#ffdf9e;color:#71472e}
html[data-cafe-diary] .spoiler__hint{color:#79563e}
html[data-cafe-diary] .empty,html[data-cafe-diary] .loading{color:#79563e}
html[data-cafe-diary] .botnav{padding:0 0 52px}
html[data-cafe-diary] .botnav a{color:#855433;background:#fff0cfe6;padding:8px 12px}
@media(max-width:520px){html[data-cafe-diary] header{padding:24px 16px 20px}html[data-cafe-diary] main>.wrap{padding:6px 24px 22px}html[data-cafe-diary] .entry{padding-block:21px 25px}}
@media(prefers-reduced-motion:reduce){html[data-cafe-diary] *{scroll-behavior:auto}}

html[data-cafe-diary] header{background:linear-gradient(90deg,transparent,#ffdf9ed9 18%,#ffdf9ed9 82%,transparent)}
html[data-cafe-diary] .cafe-motion{color:#644126;background:#fff0cf;border-color:#c18c54;box-shadow:3px 3px 0 #b47c4770}
html[data-cafe-diary] .cafe-motion button{color:#644126;background:#ffdf9e;border-color:#c18c54}
html[data-cafe-diary] .cafe-motion input{accent-color:#ab652f}