body #app .content.beta-diary-root{width:100%;max-width:none;margin:0;padding:22px clamp(12px,2vw,32px);background:transparent;border:0;border-radius:0;box-shadow:none}
.beta-diary{--diary-ink:#50362f;--diary-accent:#903e59;max-width:1040px;margin:0 auto;padding-bottom:24px}
body[data-theme=dark] .beta-diary{--diary-ink:#fff0e6;--diary-accent:#ffd2de}
.beta-diary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
body .beta-diary-edition{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0}
.beta-diary-toolbar-actions{display:flex;gap:16px;flex:none}
body .btn.beta-diary-text-button{padding:8px 0;min-height:36px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;font-size:12px;color:var(--primary);font-weight:500}
body .btn.beta-diary-cover{position:relative;display:block;width:min(390px,100%);aspect-ratio:3/4;margin:12px auto 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--diary-accent);box-shadow:none;transform:none}
.beta-diary-cover-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.beta-diary-cover-copy{position:absolute;inset:39% 25% 38% 23%;display:block;pointer-events:none}
.beta-diary-cover-lettering{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.beta-diary-cover-caption{font-size:10px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
.beta-diary-book{position:relative;aspect-ratio:3/2;width:100%;isolation:isolate}
.beta-diary-spread-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:-1;border-radius:14px}
.beta-diary-leaf{position:absolute;inset:17% 8.5% 25%;min-width:0;color:var(--diary-ink)}
.beta-diary-mobile-art{display:none}
.beta-diary-writing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;height:100%;align-items:start;animation:diary-page-turn .25s ease-out}
.beta-diary-letter,.beta-diary-entry{min-width:0;overflow-wrap:anywhere}
body .beta-diary-writing :is(h1,h2){color:var(--diary-ink);font:400 clamp(26px,2.5vw,34px)/1.12 var(--font-display,Georgia);letter-spacing:-.025em;margin:0 0 18px}
body .beta-diary-writing p{color:inherit;font-size:15px;line-height:1.8;margin:12px 0}
body .beta-diary-writing .beta-diary-salutation{font-size:15px;font-style:italic;margin-top:14px}
body .beta-diary-writing .beta-diary-signature{font-size:13px;font-style:italic;margin-top:10px}
body .beta-diary-writing .beta-diary-note{font-size:13px;line-height:1.7;margin-top:18px}
body .beta-diary-writing .beta-diary-mission{font-weight:650;color:var(--diary-accent)}
.beta-diary-pioneer{display:block;width:70px;height:70px;object-fit:contain;margin-top:12px}
.beta-diary-gift-art{display:flex;align-items:center;gap:20px;margin-top:22px}
.beta-diary-gift-art img{width:92px;height:92px;object-fit:contain}
.beta-diary-mini-cover{width:110px;height:148px;object-fit:contain;margin-top:12px;transform:rotate(-6deg)}
body .beta-diary-gift-list{font-size:15px;line-height:1.7;padding-left:20px;margin:0}
.beta-diary-gift-list li{margin-bottom:16px}
.beta-diary-discover{display:grid;gap:10px}
body .btn.beta-diary-link{display:block;width:fit-content;max-width:100%;border:0;border-radius:0;padding:7px 0;min-height:36px;text-align:start;white-space:normal;background:none;border-bottom:1px solid color-mix(in srgb,var(--diary-accent) 35%,transparent);box-shadow:none;color:var(--diary-accent);font-size:14px;font-weight:600;line-height:1.5}
body .beta-diary-return-hint{font-size:11px;text-align:center;color:var(--muted);margin:18px 0 0;line-height:1.6}
.beta-diary-jewel-glint{position:absolute;width:9px;height:9px;left:25%;top:77%;pointer-events:none;opacity:0;background:#fff7e6;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:dh-jewel-ambient 9s ease-in-out 1s infinite}
.beta-diary-cover>.beta-diary-jewel-glint{left:53%;top:25%}
@keyframes diary-page-turn{from{opacity:.6;transform:perspective(1400px) rotateY(-4deg)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:901px){body .beta-diary-writing :is(h1,h2){font-size:28px;margin-bottom:12px}body .beta-diary-writing p,body .beta-diary-gift-list{font-size:13px;line-height:1.6}.beta-diary-pioneer{width:52px;height:52px}.beta-diary-gift-art img{width:70px;height:70px}.beta-diary-mini-cover{width:78px;height:106px}}
@media(max-width:900px){
 body #app .content.beta-diary-root{padding:16px 12px}
 .beta-diary{max-width:440px}
 .beta-diary-toolbar{align-items:start;gap:10px}
 body .beta-diary-edition{font-size:9px;letter-spacing:.06em;max-width:150px}
 .beta-diary-toolbar-actions{gap:12px}
 body .btn.beta-diary-text-button{font-size:11px}
 .beta-diary-book{aspect-ratio:2/3}
 .beta-diary-spread-art{display:none}
 .beta-diary-leaf{inset:0}
 .beta-diary-mobile-art{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:12px}
 .beta-diary-writing{display:block;position:absolute;inset:10% 10% 14% 13%;height:auto;overflow:auto;scrollbar-width:thin}
 .beta-diary-book[data-side="0"] .beta-diary-entry,.beta-diary-book[data-side="1"] .beta-diary-letter{display:none}
 body .beta-diary-writing :is(h1,h2){font-size:30px;line-height:1.12;margin-bottom:16px}
 body .beta-diary-writing p{font-size:15px;line-height:1.75;margin:12px 0}
 body .beta-diary-writing .beta-diary-note{font-size:13px;line-height:1.65}
 .beta-diary-counter{font-size:10px}
 .beta-diary-jewel-glint{left:50%;top:94%}
}
@media(max-width:360px){body .beta-diary-writing :is(h1,h2){font-size:26px}body .beta-diary-writing p{font-size:14px;line-height:1.7}.beta-diary-pioneer{width:52px;height:52px}.beta-diary-gift-art img{width:70px;height:70px}body .beta-diary-writing .beta-diary-salutation{font-size:14px}.beta-diary-gift-list li{margin-bottom:10px}body .beta-diary-gift-list{font-size:14px}.beta-diary-mini-cover{width:80px;height:110px}.beta-diary-discover{gap:6px}body .beta-diary-discover+.beta-diary-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.beta-diary-writing{animation:none}.beta-diary-jewel-glint{animation:none;opacity:0}}

/* The home page remains behind the book: no dialog surface or dimmed backdrop. */
.beta-diary-stage{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:16px;background:transparent;perspective:1600px}
.beta-diary-float{width:min(1040px,calc((100dvh - 150px)*1.5),100%);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin;filter:drop-shadow(0 12px 20px #38202b35)}
.beta-diary-float .beta-diary{padding-bottom:0}
.beta-diary-float .beta-diary-toolbar{margin-bottom:0;justify-content:flex-end}
.beta-diary-float .beta-diary-edition,.beta-diary-float .beta-diary-return-hint{display:none}
.beta-diary-float .beta-diary-toolbar-actions{padding:0 12px}
.beta-diary-float .beta-diary-text-button{background:var(--surface);border-radius:12px;padding:7px 12px}
.beta-diary-float.is-invitation{width:min(300px,70vw,calc((100dvh - 100px)*.75));overflow:visible;animation:diary-invitation-float 4s ease-in-out infinite}
.beta-diary-float.is-invitation .beta-diary-toolbar{display:none}
.beta-diary-float.is-invitation .beta-diary-cover{margin:0;width:100%;filter:drop-shadow(0 12px 18px #68304535)}
body .btn.beta-diary-dock{position:fixed;z-index:155;right:18px;bottom:86px;display:flex;flex-direction:column;align-items:center;gap:0;width:78px;min-height:0;height:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--primary)}
.beta-diary-dock[hidden]{display:none!important}
body:has(.modal-backdrop,.dh-dialog-layer,[role="dialog"][aria-modal="true"]) .btn.beta-diary-dock{visibility:hidden;pointer-events:none}
.beta-diary-dock-art{width:70px;height:94px;object-fit:contain;filter:drop-shadow(0 4px 5px #68304530);transition:transform .2s}
.beta-diary-dock:hover .beta-diary-dock-art,.beta-diary-dock:focus-visible .beta-diary-dock-art{transform:translateY(-4px) rotate(-4deg)}
.beta-diary-dock-label{font-size:10px;line-height:1.4;background:var(--surface);border:1px solid var(--line);padding:2px 7px;border-radius:8px;white-space:nowrap}
.beta-diary-closing-cover{position:fixed;object-fit:contain;pointer-events:none;transform-origin:top left;z-index:2}
.beta-diary-corners{position:absolute;inset:0;pointer-events:none}
body .btn.beta-diary-corner{position:absolute;bottom:23%;width:56px;height:56px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;overflow:visible}
.beta-diary-corner.is-next{right:9%}
.beta-diary-corner.is-previous{left:9%;transform:scaleX(-1)}
.beta-diary-corner>*{display:none!important}
.beta-diary-corner::after{content:'';position:absolute;right:0;bottom:0;width:30px;height:30px;background:linear-gradient(135deg,#bd9e7b 0%,#f5e8d6 40%,#fff8eb 60%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-2px -2px 2px #54332750);transition:width .25s,height .25s}
.beta-diary-corner:hover::after,.beta-diary-corner:focus-visible::after{width:54px;height:54px}
body[data-theme=dark] .beta-diary-corner::after{background:linear-gradient(135deg,#392532,#72515e 45%,#a17a8c)}
.beta-diary-turning-leaf{position:absolute;top:12%;right:5.5%;width:44%;height:69%;transform-origin:left center;background:linear-gradient(90deg,#d5c0a8,#fff9ee 20%,#f3e5d2 96%,#bfa587);box-shadow:0 4px 15px #462d3050;pointer-events:none;z-index:4;border-radius:0 8px 8px 0;backface-visibility:visible}
.beta-diary-turning-leaf[data-direction=previous]{left:5.5%;right:auto;transform-origin:right center;border-radius:8px 0 0 8px}
body[data-theme=dark] .beta-diary-turning-leaf{background:linear-gradient(90deg,#38222d,#755564 20%,#604451 96%,#36232c)}
.beta-diary-gift-art{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:12px;align-items:center}
.beta-diary-gift-art img{width:100%;height:86px;object-fit:contain}
.beta-diary-gift-art img:last-child{height:70px}
@keyframes diary-invitation-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(max-width:900px){
 .beta-diary-stage{padding:12px}
 .beta-diary-float{width:min(440px,calc((100dvh - 135px)*2/3),100%);max-height:calc(100dvh - 24px)}
 .beta-diary-float .beta-diary-toolbar-actions{padding:0 4px}
 .beta-diary-float .beta-diary-writing :is(h1,h2){font-size:clamp(24px,7vw,30px)}
 .beta-diary-float .beta-diary-writing p{font-size:14px;line-height:1.65}
 .beta-diary-float .beta-diary-writing .beta-diary-note{font-size:12px;line-height:1.6}
 body .btn.beta-diary-corner{bottom:11%;width:48px;height:48px}
 .beta-diary-corner.is-next{right:9%}.beta-diary-corner.is-previous{left:12%}
 .beta-diary-turning-leaf{top:8%;right:8%;width:79%;height:81%;transform-origin:left center}
 .beta-diary-turning-leaf[data-direction=previous]{left:12%;transform-origin:right center}
 .beta-diary-gift-art img{height:76px}.beta-diary-gift-art img:last-child{height:65px}
 body .btn.beta-diary-dock{right:12px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px));width:68px}
 .beta-diary-dock-art{width:60px;height:80px}
}
@media(prefers-reduced-motion:reduce){.beta-diary-float.is-invitation,.beta-diary-writing{animation:none}.beta-diary-dock-art,.beta-diary-corner::after{transition:none}}

/* Reading stays on the paper, including the folio and page corners. */
.beta-diary-stage.is-reading{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#fbf8f712}
.beta-diary{--diary-ink:#57424b;--diary-accent:#8d4562}
.beta-diary-float .beta-diary-writing :is(h1,h2){font:italic 500 clamp(24px,2.1vw,29px)/1.25 var(--font-display,Georgia,serif);letter-spacing:0;max-width:21ch;margin:0 0 20px;text-wrap:pretty}
.beta-diary-float .beta-diary-writing{font-family:var(--font-body,'DM Sans','Segoe UI',sans-serif)}
.beta-diary-float .beta-diary-writing p,.beta-diary-float .beta-diary-gift-list{font-size:14px;line-height:1.85;letter-spacing:.005em}
.beta-diary-float .beta-diary-writing .beta-diary-salutation{font:italic 16px/1.6 Georgia,serif;margin:0 0 16px}
.beta-diary-float .beta-diary-writing .beta-diary-signature{font:italic 15px/1.6 Georgia,serif;margin-top:20px;color:var(--diary-accent)}
.beta-diary-float .beta-diary-writing .beta-diary-note{font-size:12px;line-height:1.8}
.beta-diary-book>.beta-diary-counter{position:absolute;right:15%;bottom:29%;font:italic 10px/1.4 Georgia,serif;color:var(--diary-ink);opacity:.65;pointer-events:none}
@media(max-width:900px){
 .beta-diary-float .beta-diary-writing :is(h1,h2){font-size:26px;line-height:1.25;margin-bottom:18px}
 .beta-diary-float .beta-diary-writing p,.beta-diary-float .beta-diary-gift-list{font-size:14px;line-height:1.75}
 .beta-diary-book>.beta-diary-counter{right:25%;bottom:12%;font-size:9px}
}
@media(max-width:360px){
 .beta-diary-float .beta-diary-writing :is(h1,h2){font-size:24px;margin-bottom:14px}
 .beta-diary-float .beta-diary-writing p,.beta-diary-float .beta-diary-gift-list{line-height:1.7}
 .beta-diary-float .beta-diary-writing .beta-diary-salutation{font-size:15px;margin-bottom:12px}
 .beta-diary-float .beta-diary-writing .beta-diary-signature{font-size:14px;margin-top:12px}
 .beta-diary-float .beta-diary-writing .beta-diary-note{line-height:1.6}
 .beta-diary-float .beta-diary-discover .beta-diary-link{font-size:13px;line-height:1.45;padding:4px 0}
}

/* The full outer paper edge is clickable; no detached corner stickers. */
.beta-diary-progress{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .btn.beta-diary-corner{top:9%;bottom:20%;width:8%;height:auto;min-height:44px;z-index:6}
.beta-diary-corner.is-next{right:2%}
.beta-diary-corner.is-previous{left:2%}
.beta-diary-corner::after{right:30%;bottom:12%;width:0;height:0;opacity:0;clip-path:polygon(100% 0,100% 100%,0 50%);transition:opacity .2s,width .2s,height .2s}
.beta-diary-corner:hover::after,.beta-diary-corner:focus-visible::after{width:30px;height:48px;opacity:.85}
.beta-diary-reward-collection{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin:12px 0}
.beta-diary-reward-collection img{width:100%;height:72px;object-fit:contain;animation:diary-gift-reveal .8s both}
.beta-diary-reward-collection img:nth-child(2){animation-delay:.12s}.beta-diary-reward-collection img:nth-child(3){animation-delay:.24s}.beta-diary-reward-collection img:nth-child(4){animation-delay:.36s}
body .btn.beta-diary-reward-open{margin-top:18px;min-height:44px;background:var(--diary-accent);color:var(--surface);border:0;border-radius:12px;font-size:13px;padding:12px 18px;box-shadow:0 5px 14px #63334322;white-space:normal}
body[data-theme=dark] .btn.beta-diary-reward-open{color:#35242e}
@keyframes diary-gift-reveal{from{opacity:0;transform:translateY(18px) scale(.75) rotate(-5deg);filter:brightness(1.4)}to{opacity:1;transform:none;filter:none}}
@media(max-width:360px){.beta-diary-reward-collection{gap:6px;margin:8px 0}.beta-diary-reward-collection img{height:42px}.beta-diary-float .rewards-revealed .beta-diary-entry>.beta-diary-note{margin-top:10px}}

body .btn.beta-diary-inline-gift,body .btn.beta-diary-gift-button{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;position:relative;min-height:44px;animation:diary-present-pulse 2.8s ease-in-out infinite;isolation:isolate}
body .btn.beta-diary-inline-gift{width:170px;max-width:85%;aspect-ratio:1;margin:8px auto}
.beta-diary-present-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 12px #5630432b)}
.beta-diary-float.is-gift{width:min(820px,100%);max-height:calc(100dvh - 32px);overflow:visible;filter:none}
.beta-diary-gift-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;min-height:0}
body .btn.beta-diary-gift-button{width:min(420px,70vw,65dvh);aspect-ratio:1;margin:auto}
body .btn.beta-diary-gift-button:disabled{animation-play-state:paused;cursor:progress}
.beta-diary-present-glint{position:absolute;left:58%;top:48%;width:10px;height:10px;background:#fff5df;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none;animation:dh-jewel-ambient 7s ease-in-out infinite}
.beta-diary-gift-scene.is-opened{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}
.beta-diary-opened-gift{display:block;width:100%;max-height:440px;object-fit:contain;filter:drop-shadow(0 8px 14px #56304322)}
.beta-diary-gift-results{min-width:0;color:var(--ink);animation:diary-gift-reveal .8s both}
.beta-diary-gift-results h1{font:italic 500 30px/1.25 var(--font-display,Georgia,serif);margin:0 0 14px;color:var(--ink)}
.beta-diary-gift-results p{font:14px/1.7 var(--font-body,'Segoe UI',sans-serif);color:var(--ink)}
.beta-diary-gift-results .beta-diary-reward-collection{gap:16px}
.beta-diary-gift-results .beta-diary-reward-collection img{height:100px;filter:drop-shadow(0 4px 6px #56304322)}
@keyframes diary-present-pulse{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.045) rotate(1deg)}}
@media(max-width:900px){.beta-diary-gift-scene.is-opened{grid-template-columns:1fr;gap:0}.beta-diary-opened-gift{max-height:230px}.beta-diary-gift-results{max-width:340px;margin:auto}.beta-diary-gift-results .beta-diary-reward-collection img{height:70px}.beta-diary-gift-results h1{font-size:26px}.beta-diary-gift-results p{font-size:13px}.beta-diary-float .beta-diary-inline-gift{width:145px}}
@media(max-width:360px){.beta-diary-float .beta-diary-inline-gift{width:115px}.beta-diary-opened-gift{max-height:180px}.beta-diary-gift-results .beta-diary-reward-collection img{height:58px}}
@media(prefers-reduced-motion:reduce){body .btn.beta-diary-inline-gift,body .btn.beta-diary-gift-button,.beta-diary-present-glint,.beta-diary-gift-results,.beta-diary-reward-collection img{animation:none}}