:root{color-scheme:light;--ink:#63313b;--wine:#a52f50;--muted:#884958;--paper:#fff9f7;--line:#e18b9f;--pink:#e85b83;--blush:#ffd0df}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;padding:34px 22px;color:var(--ink);background:var(--blush) url("images/hearts%203.gif") repeat;font:13px/1.65 Verdana,sans-serif}
button,a{-webkit-tap-highlight-color:#ffb1c7}button{font:inherit}a{color:var(--wine);text-underline-offset:3px}a:hover{color:#c52f58}:focus-visible{outline:3px solid #b82d51;outline-offset:4px}img{max-width:100%}p,h1,h2{margin:0}
.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:5px}
.blog-window{max-width:1000px;margin:auto;background:#fff7f8 url("images/hearts%203.gif") repeat}.browser-bar{height:24px;background:var(--pink)}
.blog-header{padding:30px 18px 24px;text-align:center;border-bottom:1px solid var(--line)}.eyebrow{margin-bottom:8px;font:10px/1.7 "Courier New",monospace;letter-spacing:1.7px;text-transform:uppercase}
.blog-header h1{color:var(--wine);font:italic 28px/1 Georgia,"Times New Roman",serif;text-shadow:2px 2px #fff}.blog-header h1 span{display:block;margin-top:5px;font:64px/.95 Georgia,"Times New Roman",serif;font-style:normal;letter-spacing:-3px}.blog-header>p:last-of-type{margin:17px 0 7px;color:var(--muted);font:italic 16px/1.5 Georgia,serif}.header-ornament{color:#bb4667;font-size:14px;letter-spacing:3px}
.blog-nav{display:flex;justify-content:center;background:#ffd0dd;border-top:1px solid #fff;border-bottom:3px double var(--line)}.blog-nav a{flex:1;min-height:44px;padding:11px 18px;border-inline:1px solid #fff6fa;text-align:center;text-decoration:none;font:bold 11px/22px Verdana,sans-serif}.blog-nav a:hover,.blog-nav a[aria-current]{background:#fff6f9}.announcement{padding:9px 16px;text-align:center;border-bottom:1px dashed var(--line);background:var(--paper);font:11px/1.6 "Courier New",monospace}
.blog-layout{padding:24px}.notebook-panel{border:0;background:transparent;box-shadow:none}.notebook-intro{padding:0 0 12px;text-align:center}.notebook-intro img{display:block;width:100%;height:auto;margin:0 auto 12px}.notebook-intro p{max-width:600px;margin:auto;color:var(--muted);font-size:11px}
.notebook{width:100%;padding:8px 24px 28px}.page-area{position:relative;width:100%;max-width:620px;min-height:300px;margin:auto}.page-image{display:none;width:100%;height:auto}.cover-wrapper{display:flex;flex-direction:column;align-items:center}#cover{order:2;filter:drop-shadow(3px 5px 2px #ac587344)}
.tab-row{position:relative;z-index:2;order:1;display:flex;width:84%;max-width:500px;margin:0 auto -1px;gap:8px}.tab-btn{flex:1 1 0;max-width:20%;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .15s ease,filter .15s ease}.tab-btn:hover{transform:translateY(-3px);filter:drop-shadow(0 3px 1px #d97b9b55)}.tab-btn img{display:block;width:100%;height:auto}.tab-hidden{visibility:hidden}.divider{max-height:900px;object-fit:contain;cursor:pointer;filter:drop-shadow(3px 5px 2px #ac587344)}.divider:hover{filter:drop-shadow(3px 5px 3px #a52f5088)}
.content-page{display:none;width:100%;aspect-ratio:35/43;margin:auto;overflow:hidden;border:1px solid #d996a9;border-radius:4px;background:url("images/notebook_paper.png") center top/cover no-repeat;box-shadow:3px 4px 6px #8d4d6033}.content-inner{height:100%;padding:40px 50px 30px 80px;overflow-y:auto;scrollbar-color:#e18b9f #fff2f6}.entry{color:#754052;font-size:14px;line-height:1.55}
.entry-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:51px minmax(0,1fr) 51px;align-items:center;gap:8px;min-height:42px;margin-bottom:12px;padding:4px 10px;border:1px solid var(--line);background:#ffe3ec;box-shadow:2px 2px 0 #efb4c6}.entry-left{grid-column:2;display:inline-flex;align-items:center;justify-self:center;justify-content:center;gap:8px;min-width:0;text-align:center}.entry-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.entry-icon img{display:block;width:16px;height:16px;object-fit:contain}.entry-date{color:var(--wine);font:bold 12px/1.4 Verdana,sans-serif;letter-spacing:.03em}.home-btn{grid-column:3;min-width:51px;min-height:30px;padding:4px;border:0;background:transparent;cursor:pointer}.home-btn img{display:block;width:51px;height:auto}
.entry-body{margin-top:10px;padding:10px 2px 2px;border-top:1px dotted #e5a5b9}.entry-section{display:inline-flex;align-items:center;gap:7px;margin:6px 0 9px;padding:4px 10px;border:1px solid var(--line);background:#ffe3ec;color:var(--wine);box-shadow:2px 2px 0 #efb4c6;font:bold 11px/1.6 Verdana,sans-serif}.entry-body p{margin:0 0 10px;white-space:pre-wrap}.posts>p{padding:30px 10px;text-align:center;font:italic 17px/1.5 Georgia,serif;color:var(--muted)}
.notebook-signoff{padding:0 22px 18px;text-align:center}.notebook-signoff img{display:block;width:100%;max-height:70px;margin:auto;object-fit:contain}.notebook-signoff p{margin-top:6px;color:var(--muted);font:italic 13px/1.5 Georgia,serif}.blog-footer{padding:20px 15px;text-align:center;background:transparent;font:10px/1.8 "Courier New",monospace}.blog-footer p{margin-bottom:3px;font:italic 19px/1.5 Georgia,serif}.blog-footer a{display:block;width:max-content;margin:5px auto 0;padding:8px}
@media(max-width:680px){body{padding:13px 10px;font-size:14px}.blog-header{padding:24px 12px 18px}.blog-header h1 span{font-size:clamp(42px,12vw,58px)}.blog-header>p:last-of-type{font-size:14px}.blog-nav{flex-wrap:wrap}.blog-nav a{padding:9px 8px}.blog-layout{padding:14px}.notebook-intro{padding:14px 14px 8px}.notebook{padding:8px 8px 18px}.tab-row{align-items:flex-end;width:92%;margin-bottom:-4px;gap:4px}.tab-btn{min-height:0}.content-page{aspect-ratio:3/4}.content-inner{padding:25px 18px 20px 32px}.entry{font-size:13px}.entry-date{font-size:11px}.entry-section{font-size:10px}}
@media(max-width:420px){.blog-nav a{flex:1 0 50%}.content-inner{padding:20px 12px 16px 23px}.entry-header{grid-template-columns:42px minmax(0,1fr) 42px}.entry-date{overflow-wrap:anywhere}.home-btn,.home-btn img{width:42px;min-width:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.blog-window{background-image:none}.tab-btn{transition:none}}

/* Native buttons keep notebook dividers usable by touch and keyboard. */
button.divider{padding:0;border:0;background:transparent}
.divider img{display:block;width:100%;max-height:900px;object-fit:contain}

#private-tab-dialog{width:min(440px,calc(100% - 28px));max-height:90vh;padding:24px;border:3px double var(--line);background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 #b65b7780}
#private-tab-dialog::backdrop{background:#3b172b99}
#private-tab-form{display:grid;gap:14px}
#private-tab-form h2{color:var(--wine);font:italic 26px/1.3 Georgia,serif}
#private-tab-form p{line-height:1.6}
#private-tab-form label{font-weight:bold}
#private-tab-form input,#private-tab-form button{min-width:0;width:100%;padding:12px;border:1px solid var(--line);font:inherit}
#private-tab-form input{background:#fff;color:var(--ink)}
#private-tab-form button{background:#ffd0dd;color:var(--wine);cursor:pointer}
#private-tab-form button:disabled{opacity:.65;cursor:wait}
#private-tab-status:empty{display:none}

.blog-window{background:transparent}
.blog-footer{background:transparent}