.journal-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:24px;margin:28px 0;border:1px solid #ffffff30;border-radius:20px;background:#ffffff09;backdrop-filter:blur(16px)}
.journal-search label,.journal-search p{grid-column:1/-1;margin:0}.journal-search input{min-width:0;width:100%;font:inherit;font-size:16px;background:#303236;color:#f3f1ed;border:1px solid #ffffff55;border-radius:12px;padding:14px}.journal-search button,.reading-top{font:inherit;min-height:44px;padding:10px 16px;border:1px solid #ffffff55;border-radius:14px;background:#3a3c40;color:#f3f1ed;cursor:pointer}
.journal-search :focus-visible,.reading-top:focus-visible{outline:3px solid #d5c3a6;outline-offset:3px}
.blog-index [hidden],.reading-top[hidden]{display:none!important}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#d5c3a6;z-index:1000;pointer-events:none}.reading-top{position:fixed;right:18px;bottom:calc(100px + env(safe-area-inset-bottom));z-index:50;box-shadow:0 6px 24px #0005;background:#3a3c40e8;backdrop-filter:blur(16px)}
@media(max-width:480px){.journal-search{padding:16px}.reading-top{font-size:13px;right:12px}}
@media(prefers-reduced-transparency:reduce){.journal-search,.reading-top{background:#3a3c40;backdrop-filter:none}}