.diary-nav { width:100%; margin-top:8px; min-height:43px; padding:0 13px; border:1px solid var(--line); border-radius:9px; background:var(--panel2); color:var(--ink); text-align:left; font-weight:700; font-size:13px; }
.diary-nav span { color:var(--accent); font-size:19px; margin-right:8px; vertical-align:-1px; }
.diary-nav:hover { border-color:var(--accent); }
.diary-room { min-height:0; overflow-y:auto; height:100%; color:var(--ink); }
.diary-header { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px clamp(18px,4vw,48px); border-bottom:1px solid var(--line); background:var(--panel-solid); }
.diary-header button { border:0; background:none; color:var(--ink); font-size:13px; padding:8px 2px; }
.diary-header button:last-child { color:var(--accent); font-weight:700; }
.diary-header span, .diary-eyebrow { font:10px "Courier New",monospace; letter-spacing:.16em; color:var(--muted); }
.diary-stage { width:min(100%,1050px); margin:auto; padding:28px clamp(16px,4vw,50px) 42px; }
.diary-intro { margin:0 0 22px; text-align:center; }
.diary-eyebrow { margin:0 0 8px; color:var(--accent); }
.diary-intro h1 { font:600 clamp(32px,4vw,46px)/1.1 "Pixelify Sans",sans-serif; margin:0 0 8px; }
.diary-intro>p:last-child { color:var(--muted); margin:0; font-size:14px; }
.diary-book { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:450px; border:8px solid #62412c; border-radius:8px; background:#62412c; box-shadow:0 4px 0 #392a23, 0 22px 55px rgba(0,0,0,.35); color:#493a2b; }
.diary-cover-edge { position:absolute; z-index:1; inset:0; pointer-events:none; box-shadow:inset 0 0 0 2px rgba(112,72,38,.45); }
.diary-left-page,.diary-right-page { min-width:0; position:relative; padding:28px clamp(20px,3vw,38px); background-color:#f2e4bb; }
.diary-left-page { border-right:2px solid #d4bc86; background-image:linear-gradient(90deg,transparent 87%,rgba(92,65,35,.15)); }
.diary-right-page { display:flex; flex-direction:column; background-image:linear-gradient(90deg,rgba(92,65,35,.12),transparent 8%); transform-origin:left center; }
.diary-corner { color:#ba8a41; font-size:23px; }
.diary-page-label { font:10px "Courier New",monospace; letter-spacing:.14em; color:#8b7353; margin:24px 0 12px; }
.diary-left-page h2 { font:600 clamp(24px,3vw,35px)/1.15 "Pixelify Sans",sans-serif; margin:0 0 12px; }
.diary-left-page>p:not(.diary-page-label) { color:#7e674b; }
.diary-doodle { font:100px/1 "Pixelify Sans",sans-serif; color:#bc8a52; text-align:center; margin:25px 0 12px; }
.diary-doodle span { display:inline-block; font-size:35px; color:#78965f; vertical-align:top; margin:5px 0 0 12px; }
.diary-quote { text-align:center; font:18px/1.4 "Pixelify Sans",sans-serif; }
.diary-paper-head { display:flex; justify-content:space-between; gap:10px; min-height:26px; color:#806a4e; font-size:11px; }
.diary-paper-head button { border:0; background:none; color:#9b5d4a; font-size:12px; }
.diary-paper-head .error { color:#a43a2b; }
.diary-empty { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.diary-empty span { font-size:38px; color:#b88c50; }
.diary-empty h2 { font:600 25px/1.2 "Pixelify Sans",sans-serif; margin:10px 0; }
.diary-empty p { color:#806a4e; font-size:13px; max-width:25ch; }
.diary-empty button,.diary-editor-footer button { border:2px solid #8e633d; border-radius:4px; padding:8px 12px; color:#49301f; background:#e8c68a; font:600 15px "Pixelify Sans",sans-serif; }
.diary-editor { display:flex; flex-direction:column; flex:1; min-height:350px; }
.diary-editor label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.diary-editor input,.diary-editor textarea { width:100%; color:#493a2b; border:0; outline:0; background:transparent; font-family:"Pixelify Sans",sans-serif; }
.diary-editor input { font-size:24px; font-weight:600; padding:4px 0 10px; border-bottom:2px solid #d6bf8f; }
.diary-editor textarea { flex:1; min-height:240px; resize:vertical; font-size:18px; line-height:30px; padding:8px 0; background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(142,110,69,.25) 29px, rgba(142,110,69,.25) 30px); }
.diary-editor input::placeholder,.diary-editor textarea::placeholder { color:#a69273; }
.diary-editor input:focus-visible,.diary-editor textarea:focus-visible { outline:2px solid #8e633d; outline-offset:3px; }
.diary-editor-footer { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-top:8px; font-size:11px; color:#806a4e; }
.diary-pager { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:18px; }
.diary-pager button { min-width:96px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:var(--panel2); }
.diary-pager button:disabled,.diary-header button:disabled { opacity:.45; cursor:default; }
.diary-pager span { color:var(--muted); font-size:12px; }
.diary-privacy { margin:16px auto 0; max-width:680px; text-align:center; color:var(--muted); font-size:11px; }
.diary-book.turn-next .diary-right-page { animation:diary-page-forward .35s ease-in-out; }
.diary-book.turn-prev .diary-left-page { transform-origin:right center; animation:diary-page-forward .35s ease-in-out; }
@keyframes diary-page-forward { 0%,100% { transform:scaleX(1); } 48% { transform:scaleX(.04); } }
@media(max-width:700px) {
  .diary-header span { display:none; }
  .diary-stage { padding:20px 14px 30px; }
  .diary-book { grid-template-columns:1fr; border-width:6px; }
  .diary-left-page { padding:16px 20px; border-right:0; border-bottom:2px solid #d4bc86; }
  .diary-left-page h2 { font-size:23px; margin-bottom:3px; }
  .diary-left-page .diary-page-label { margin:0 0 7px; }
  .diary-left-page .diary-corner,.diary-left-page .diary-doodle,.diary-left-page .diary-quote { display:none; }
  .diary-left-page>p:not(.diary-page-label) { margin:0; font-size:12px; }
  .diary-right-page { padding:18px 20px; min-height:370px; }
  .diary-book.turn-prev .diary-left-page { animation:none; }
  .diary-book.turn-prev .diary-right-page { transform-origin:right center; animation:diary-page-forward .35s ease-in-out; }
}
@media(prefers-reduced-motion:reduce) { .diary-book.turn-next .diary-right-page,.diary-book.turn-prev .diary-left-page,.diary-book.turn-prev .diary-right-page { animation:none; } }