@font-face{font-family:Ma Shan Zheng Local;src:url(/fonts/MaShanZheng-Regular.ttf)format("truetype");font-display:block}@font-face{font-family:Dancing Script Local;src:url(/fonts/DancingScript.ttf)format("truetype");font-display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2a170d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#23160d;--wine:#5d1821;--moss:#394629;--paper:#d8b77f;background:#24170d;font-family:Songti SC,Noto Serif CJK SC,Source Han Serif SC,serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;min-height:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit}.diary-shell{width:100vw;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(at 50% 18%,#69361b6b,#0000 58%),linear-gradient(145deg,#170f0a 0%,#2b1a10 44%,#120c08 100%);justify-content:center;align-items:center;display:flex}.diary-page{isolation:isolate;background-color:var(--paper);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,#57241447,#fff3cb0a 13%,#0000 30%),linear-gradient(#fff6d952,#693d1e24),url(/textures/parchment.png);background-size:100% 100%,100% 100%,cover;border-radius:8px;width:min(940px,100vw - 20px);height:min(1180px,100dvh - 20px);min-height:min(620px,100dvh - 20px);position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a,inset 0 0 0 1px #fff1c770,inset 0 0 46px #4b240f57}.diary-page:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:multiply;border:1px solid #572a1338;border-radius:5px;position:absolute;inset:18px}.diary-page:after{content:"";z-index:0;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#441e104d,#0000 10% 92%,#5227123d),linear-gradient(#fff7d233,#0000 9% 91%,#411c0d3d);position:absolute;inset:0}.book-spine{z-index:1;pointer-events:none;background:linear-gradient(90deg,#31181052,#4521121a 44%,#0000),repeating-linear-gradient(#411c122e 0 1px,#0000 1px 21px);width:46px;position:absolute;inset:0 auto 0 0;box-shadow:inset -1px 0 #ffe8b838}.ink-canvas{z-index:2;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:crosshair;opacity:1;width:100%;height:100%;transition:opacity .68s,filter .68s;position:absolute;inset:0}.ink-canvas.absorbing{opacity:0;filter:blur(1.2px)saturate(.2)}.toolbar,.status-strip{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#f5deb094;border:1px solid #46221242;align-items:center;gap:8px;display:flex;position:absolute;box-shadow:0 8px 22px #371c0d24}.toolbar{border-radius:999px;padding:6px;top:18px;right:18px}.status-strip{min-width:92px;height:40px;color:var(--moss);letter-spacing:0;border-radius:999px;padding:0 13px;font-size:15px;font-weight:600;top:20px;left:62px}.status-strip[data-state=absorbing],.status-strip[data-state=replying]{color:var(--wine)}.status-strip[data-state=error]{color:#7a1119}.icon-button{color:#2a170d;cursor:pointer;background:#fff1cd8f;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .14s,background-color .14s,opacity .14s;display:inline-flex;box-shadow:inset 0 0 0 1px #5b2c1438}.icon-button:hover:not(:disabled){background:#fff6dbc7;transform:translateY(-1px)}.icon-button:active:not(:disabled){transform:translateY(0)}.icon-button:disabled{cursor:default;opacity:.42}.reply-ink{z-index:4;left:var(--reply-left);top:var(--reply-top);color:#231209e6;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 .8px #37190d6b,.6px .6px #693d2129;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Ma Shan Zheng Local,Dancing Script Local,STKaiti,KaiTi,cursive;font-size:46px;line-height:1.42;position:absolute;right:58px}.ink-glyph{opacity:0;clip-path:inset(-.18em 100% -.22em 0);transform-origin:0 70%;will-change:clip-path, opacity, transform, filter;animation:.26s cubic-bezier(.16,1,.3,1) forwards glyphInk;display:inline-block;transform:translateY(.08em)rotate(-.25deg)}.ink-space{min-width:.28em}.error-ink{z-index:4;color:#6d1118;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.65;position:absolute;bottom:54px;left:74px;right:54px}@keyframes glyphInk{0%{opacity:0;clip-path:inset(-.18em 100% -.22em 0);filter:blur(.45px)}22%{opacity:.92}to{opacity:1;clip-path:inset(-.18em 0 -.22em);filter:none;transform:translateY(0)rotate(0)}}@media (width<=700px){.diary-shell{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.diary-page{width:calc(100vw - 12px);height:calc(100dvh - 12px);min-height:calc(100dvh - 12px)}.book-spine{width:31px}.toolbar{top:12px;right:12px}.status-strip{min-width:78px;height:38px;padding:0 10px;font-size:14px;top:14px;left:40px}.icon-button{width:39px;height:39px}.reply-ink{left:max(42px, var(--reply-left));font-size:34px;line-height:1.48;right:30px}.error-ink{font-size:15px;bottom:34px;left:42px;right:30px}}@media (width<=420px){.reply-ink{font-size:30px;line-height:1.5}.status-strip span{white-space:nowrap;max-width:58px;overflow:hidden}}