@font-face{font-family:LetterSerif;src:url('./assets/fonts/noto-serif-sc.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ui:LetterSerif,'Songti SC',STSong,serif}
.home-heading h1{font-size:23px;letter-spacing:2px;font-weight:400}.home-heading p{font-size:12px;letter-spacing:1px}.writing-nav>span{font-size:11px}.writing-foot{font-size:10px;letter-spacing:1px}.small-note{font-size:11px}
.receive-entry{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.receive-entry button{background:transparent;border:0;border-bottom:1px solid #bea38966;padding:0 0 5px;font-family:var(--ui);font-size:12px;color:#956444;letter-spacing:1px}.receive-entry button:disabled{opacity:.4;cursor:wait}
.receiving .home-footer,.received .home-footer{visibility:hidden}.receive-actions{position:absolute;bottom:6%;left:0;right:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.receive-actions>button:first-child{border:1px solid #b3987655;border-radius:24px;padding:11px 24px;background:#fffaf0;color:#775738;font-family:var(--ui);font-size:14px;letter-spacing:2px;box-shadow:0 4px 12px #8a59300a}.receive-actions>button:last-child{border:0;background:none;color:#aa8c70;font-size:11px;padding:4px 12px;font-family:var(--ui)}
.reading{background:#f4ecdd;display:flex;flex-direction:column;min-height:0}.reader-nav{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:15px 25px 0;font:13px var(--ui);color:#886d53;letter-spacing:1px}.reader-nav button{background:#fff9edaa;border:1px solid #c4ae9055;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1}.reader-scroll{overflow:auto;min-height:0;padding:15px 19px 42px;scrollbar-width:thin}.fox-stationery{margin:0;box-shadow:0 9px 25px #8b49231c;line-height:0;border-radius:3px;overflow:hidden}.fox-stationery img{display:block;width:100%;height:auto;aspect-ratio:1054/1492}.reader-caption{font:11px var(--ui);text-align:center;color:#9d8067;letter-spacing:1px;margin:22px 0 0;line-height:1.8}.app.reading .home-indicator{opacity:.35}
@media(max-height:720px){.reader-nav{height:60px}.reader-scroll{padding-top:8px}.receive-actions{bottom:5%}}
.reader-nav button{font-family:Arial,sans-serif;color:#886d53}