:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f6f2}*{box-sizing:border-box}body,html{margin:0;min-height:100%}button,input,textarea{font:inherit}body{background:#f5f6f2;color:#1c2721}.loading{margin:3rem auto;padding:1rem;max-width:32rem}.app-shell{width:100%;height:100dvh;display:flex;flex-direction:column;max-width:48rem;margin:0 auto;background:#f5f6f2}.app-content{flex:1 1;min-height:0;display:flex;flex-direction:column}.app-content>div{flex:1 1;min-height:0}.preview-notice{padding:max(.5rem,env(safe-area-inset-top)) 1rem .5rem;background:#e6efe7;color:#31583e}.preview-notice,.storage-notice{flex:0 0 auto;font-size:.8rem;line-height:1.35}.storage-notice{padding:.65rem 1rem;background:#f6eedc;color:#704b1e}.bottom-nav{display:flex;flex:0 0 auto;border-top:1px solid #e2e7e1;padding:.5rem .5rem max(.5rem,env(safe-area-inset-bottom));background:white}.bottom-nav button{border:0;background:none;color:#606b64;flex:1 1;min-height:2.7rem;font-size:.78rem;font-weight:600;cursor:pointer}.bottom-nav button[aria-current=page]{color:#31583e}.web-settings{overflow:auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 2rem}.web-settings h1{font-size:2rem;margin:.25rem 0 1rem}.web-settings p{color:#53615a;line-height:1.5}.web-settings button{border:0;border-radius:.9rem;background:#31583e;color:white;font-weight:600;padding:.9rem 1.1rem;cursor:pointer}@media (prefers-color-scheme:dark){.app-shell,:root,body{background:#151a17;color:#f3f5f1}.bottom-nav{background:#202722;border-color:#354039}.bottom-nav button{color:#8d9991}.bottom-nav button[aria-current=page]{color:#b8d8be}.web-settings p{color:#c0cac2}}