/* Hobby mobile shell: quiet cream, lavender selection, thumb-sized controls. */
.mobile-top-actions,.mobile-tabbar{display:none}.mobile-menu:not([open]){display:none}.mobile-menu{border:0;padding:0;color:#39343f;background:#fcf9f5;width:min(560px,100%);max-width:100%;max-height:min(84dvh,800px);margin:auto auto 0;border-radius:28px 28px 0 0;box-shadow:0 -12px 60px #40304920}.mobile-menu::backdrop{background:#31263755;backdrop-filter:blur(4px)}.mobile-menu-panel{padding:26px 24px max(24px,env(safe-area-inset-bottom));overflow:auto}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.mobile-menu-heading h2{font-size:23px;margin:4px 0 0;font-weight:650;letter-spacing:-.04em}.mobile-menu-eyebrow{font-size:9px;letter-spacing:.14em;color:#948099}.mobile-icon-button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;border-radius:16px;background:transparent;color:#66596f;cursor:pointer}.mobile-icon-button:hover{background:#ede5f0}.mobile-menu-links{display:grid;gap:4px}.mobile-menu-links>a{display:block;border-radius:18px;padding:13px 15px;background:#fff9;font-size:15px;font-weight:600}.mobile-menu-links>a:nth-child(2){background:#f4e9e0}.mobile-menu-links>a:nth-child(3){background:#ede7f3}.mobile-menu-links span{display:block;font-size:11px;font-weight:400;color:#837985;margin-top:3px}.mobile-menu-foot{font-size:11px;color:#958792;margin-top:24px}.mobile-signout{margin-top:20px;background:none;border:0;padding:10px;color:#7e707f;font:inherit;font-size:13px}.mobile-menu-open[hidden]{display:none}html.mobile-menu-is-open{overflow:hidden}
@media(max-width:850px){
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.site-header.wrap{position:sticky;top:0;z-index:30;width:100%;height:auto;min-height:60px;margin:0;padding:calc(6px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 6px max(20px,env(safe-area-inset-left));gap:12px;background:rgba(250,247,242,.05);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background .2s,backdrop-filter .2s,border-color .2s}.site-header.wrap.mobile-header-scrolled{background:rgba(250,247,242,.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-bottom-color:#e9e0e580}.site-header .brand{font-size:16px;letter-spacing:-.045em;line-height:1.3;gap:8px;min-width:0;flex:1}.site-header .brand img{width:32px;height:32px;flex-shrink:0}.site-header .brand small{font-size:9px;color:#9a8b98;letter-spacing:0;font-weight:400;margin-top:4px}.site-header>nav{display:none}.mobile-top-actions{display:flex;align-items:center;gap:2px}.journal-account{display:none}.mobile-tabbar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px max(12px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fffcf8bf;border-top:1px solid #e8dfea;box-shadow:0 -5px 24px #75617c08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#9a8e9e;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:-.02em;border-radius:16px;-webkit-tap-highlight-color:transparent}.mobile-tab-icon{display:grid;place-items:center;width:43px;height:30px;border-radius:12px;transition:background .18s,transform .18s}.mobile-tabbar svg{width:23px;height:23px}.mobile-tabbar a[aria-current=page]{color:#745b86;font-weight:700}.mobile-tabbar a[aria-current=page] .mobile-tab-icon{background:#ece3f3}.mobile-tabbar a:active .mobile-tab-icon{transform:scale(.93);background:#f3e5df}.hero{padding-top:35px}.journal-page,.journal-editor,.journal-document{padding-top:26px}.site-footer{padding-bottom:30px}.mobile-keyboard-open .mobile-tabbar{display:none}html{scroll-padding-top:100px}input,textarea,select{scroll-margin-bottom:110px}
}
@media(max-width:360px){.site-header.wrap{padding-inline:14px}.site-header .brand{font-size:14px}.site-header .brand small{font-size:8px}.mobile-top-actions{gap:0}.mobile-icon-button{width:40px;height:44px}.mobile-menu-panel{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.mobile-tab-icon,.site-header.wrap{transition:none}}