.shared-diary-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;box-sizing:border-box;z-index:10045;display:flex;flex-direction:column;visibility:hidden;pointer-events:none;opacity:0;transform:translateX(100%);transition:transform .34s cubic-bezier(.22,.72,.24,1),opacity .2s ease,visibility 0s linear .34s;background:#d8c6a5;color:#352d24;overflow:hidden}
.shared-diary-page.show{visibility:visible;pointer-events:auto;opacity:1;transform:translateX(0);transition-delay:0s}.shared-diary-page.closing{visibility:visible;pointer-events:none;animation:menuSlideOut .22s ease-in forwards}
.sd-head{height:calc(58px + env(safe-area-inset-top,0px));min-height:calc(58px + env(safe-area-inset-top,0px));box-sizing:border-box;flex:0 0 auto;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:env(safe-area-inset-top,0px) 10px 0;background:#735943;color:#fff;border-bottom:1px solid rgba(42,29,19,.3);box-shadow:0 5px 18px rgba(48,32,20,.18);z-index:3}.sd-back{width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.13);color:#fff;font-size:28px;line-height:1}.sd-title{text-align:center}.sd-title strong{display:block;font:800 16px/1.15 Georgia,"Songti SC",serif}.sd-title small{display:block;margin-top:4px;color:rgba(255,255,255,.65);font-size:9px;letter-spacing:1.5px}.sd-memory-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;font:700 11px Georgia,serif;color:#f5e3bb}
.sd-body{position:relative;flex:1;overflow-y:auto;padding:14px 13px calc(34px + env(safe-area-inset-bottom,0px));background-color:#d8c6a5;background-image:radial-gradient(rgba(82,58,35,.10) .7px,transparent .8px),linear-gradient(90deg,rgba(255,255,255,.12),transparent 35%,rgba(74,49,28,.05));background-size:8px 8px,100% 100%}
.sd-date-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin:0 2px 10px;padding:9px;border-radius:15px;background:rgba(255,249,236,.74);border:1px solid rgba(94,67,42,.14);box-shadow:0 7px 20px rgba(64,43,26,.09);backdrop-filter:blur(8px)}.sd-date-nav button{height:34px;border:0;border-radius:10px;background:#806349;color:#fff;font-size:20px}.sd-date-nav button:disabled{opacity:.28}.sd-date-main{text-align:center}.sd-date-main b{display:block;font:800 16px/1.2 Georgia,"Songti SC",serif}.sd-date-main span{display:block;margin-top:3px;color:#8b735d;font-size:10px}
.sd-days{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 10px;scrollbar-width:none}.sd-days::-webkit-scrollbar{display:none}.sd-day{position:relative;min-width:45px;height:55px;border:1px solid rgba(91,65,42,.12);border-radius:12px;background:rgba(255,250,240,.7);color:#806c58}.sd-day b{display:block;font:800 14px Georgia,serif}.sd-day small{display:block;margin-top:3px;font-size:9px}.sd-day.selected{background:#755841;color:#fff;border-color:#755841;box-shadow:0 5px 13px rgba(83,55,34,.22)}.sd-day.has-entry:after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#cc725b}.sd-day.selected:after{background:#f6d397}
.sd-book{position:relative;padding:12px 11px 14px 23px;border-radius:8px 17px 17px 8px;background:#fffaf0;box-shadow:0 14px 35px rgba(57,37,23,.18),inset 0 0 35px rgba(167,127,78,.06);border:1px solid rgba(93,64,38,.14)}.sd-book:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:1px;background:#e7b9a8;box-shadow:3px 0 0 rgba(231,185,168,.25)}.sd-rings{position:absolute;left:-5px;top:25px;bottom:25px;width:20px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.sd-rings i{display:block;width:18px;height:5px;border:2px solid #705e4f;border-left:0;border-radius:0 7px 7px 0;box-shadow:1px 1px 2px rgba(0,0,0,.15)}
.sd-page-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.sd-page-label strong{font:800 15px Georgia,"Songti SC",serif}.sd-page-label span{padding:4px 8px;border-radius:10px;background:#f0e3cc;color:#8a6848;font-size:9px}.sd-rule{height:1px;margin:0 0 10px;background:linear-gradient(90deg,#d2b790,transparent)}
.sd-user-text{width:100%;height:154px;box-sizing:border-box;resize:vertical;border:0;outline:0;padding:4px 2px;background:repeating-linear-gradient(transparent,transparent 27px,rgba(118,93,67,.15) 28px);color:#3a3027;font:500 14px/28px "Songti SC","Noto Serif SC",serif}.sd-user-text::placeholder{color:#b6a693}.sd-tools{display:flex;align-items:center;gap:8px;margin-top:9px}.sd-mood{height:36px;min-width:80px;border:1px solid #dfcfb8;border-radius:10px;background:#faf2e3;color:#685744;padding:0 8px;font-size:11px;outline:0}.sd-save{height:38px;flex:1;border:0;border-radius:11px;background:#74573f;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 12px rgba(74,51,32,.17)}.sd-save:disabled{opacity:.5}.sd-sync{display:none;margin-top:8px;color:#8c765e;font-size:9px;text-align:right}.sd-sync.show{display:block}
.sd-divider{display:flex;align-items:center;gap:8px;margin:16px 0 13px;color:#9f866d;font:700 10px Georgia,serif;letter-spacing:1px}.sd-divider:before,.sd-divider:after{content:"";height:1px;flex:1;background:#ddcdb6}
.sd-role-paper{position:relative;min-height:150px;padding:14px 13px;border-radius:4px;background:#f7eedf;color:#44382e;box-shadow:inset 0 0 22px rgba(133,96,59,.06);font:500 14px/1.9 "Songti SC","Noto Serif SC",serif;white-space:pre-wrap;word-break:break-word}.sd-role-paper.empty{display:flex;align-items:center;justify-content:center;text-align:center;color:#ad9b88;font-size:12px}.sd-role-paper:after{content:"";position:absolute;right:11px;bottom:9px;width:34px;height:34px;border:1px solid rgba(160,79,59,.25);border-radius:50%;transform:rotate(-9deg)}.sd-role-meta{display:flex;align-items:center;justify-content:space-between;margin:9px 1px 0;color:#9a8169;font-size:9px}.sd-role-auto{min-height:38px;margin-top:10px;padding:9px 11px;box-sizing:border-box;display:flex;align-items:center;gap:8px;border-radius:11px;background:#eadbc5;color:#806b56;font-size:10px;line-height:1.45}.sd-role-auto i{width:8px;height:8px;flex:0 0 8px;border:2px solid #aa775d;border-top-color:transparent;border-radius:50%;animation:sdWriting 1s linear infinite}.sd-role-auto.done i{border:0;background:#71936f;animation:none}.sd-role-auto.done i:after{content:"✓";display:block;color:#fff;font-size:7px;line-height:8px;text-align:center}@keyframes sdWriting{to{transform:rotate(360deg)}}.sd-footnote{margin:12px 5px 0;color:#7e6c5b;font-size:9px;line-height:1.6;text-align:center}
html.auto-night .shared-diary-page{background:#191613;color:#e9dfd2}html.auto-night .sd-head{background:#2b231d}html.auto-night .sd-body{background-color:#171411;background-image:radial-gradient(rgba(255,255,255,.05) .7px,transparent .8px)}html.auto-night .sd-date-nav,html.auto-night .sd-day{background:#27221d;color:#d6c8b8;border-color:#3d342c}html.auto-night .sd-day.selected{background:#8a684b;color:#fff}html.auto-night .sd-book{background:#25211c;color:#eee3d6;border-color:#40362d;box-shadow:0 14px 35px rgba(0,0,0,.3)}html.auto-night .sd-user-text{color:#eee2d4;background:repeating-linear-gradient(transparent,transparent 27px,rgba(255,255,255,.09) 28px)}html.auto-night .sd-role-paper{background:#302920;color:#eadfce}html.auto-night .sd-mood{background:#332b23;color:#eadfce;border-color:#4a3e33}html.auto-night .sd-role-auto{background:#3a3027;color:#d6c5b3}
@media(max-width:430px){.sd-user-text,.sd-mood{font-size:16px!important}}