:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px / 1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.app{flex-direction:column;flex:1;min-height:100svh;display:flex}.app__header{color:var(--text-h);border-bottom:1px solid var(--border);padding:16px;font-weight:600}.app__main{flex:1;padding:24px 16px}.app__nav{border-top:1px solid var(--border);background:var(--bg);display:flex;position:sticky;bottom:0}.app__nav-btn{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:14px 8px}.app__nav-btn--active{color:var(--accent);background:var(--accent-bg);font-weight:600}.placeholder__title{color:var(--text-h);margin:0 0 8px}.placeholder__note{margin:0}