:root{--ink:#16121f;--ink-soft:#2a2436;--ink-solid:#16121f;--paper:#faf7f2;--paper-dim:#f1ecf5;--card:#fff;--violet-deep:#4b2e83;--violet:#7b4fcc;--violet-soft:#ece3fb;--lilac:#c9a9ff;--rose:#e85c7b;--gold:#c9922c;--gray:#948fa3;--line:#e4dfeb;--success:#3f8f6e}html.dark{--ink:#f1ecf5;--ink-soft:#ded7ea;--paper:#16121f;--paper-dim:#1e1927;--card:#211c2c;--violet-deep:#d9c6ff;--violet-soft:#2f2840;--lilac:#c9a9ff;--gray:#a39dae;--line:#34303f}html.dark .qn-logo-light{display:none!important}html.dark .qn-logo-dark{display:block!important}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.lom-serif{font-family:Fraunces,serif}.lom-mono{font-family:Space Mono,monospace}::-webkit-scrollbar{width:0;height:0}*{-ms-overflow-style:none;scrollbar-width:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.qn-root,.qn-main{min-height:100%}.qn-sidebar{display:none}.qn-page{width:100%;max-width:480px;min-height:100vh;margin:0 auto}.qn-bottom-nav{display:flex}.qn-bottom-nav-spacer{height:calc(64px + env(safe-area-inset-bottom,0px));flex-shrink:0}.qn-reading-page{max-width:480px;margin:0 auto}.qn-banner{color:#fff;border-radius:14px;flex-direction:column;justify-content:center;min-height:168px;margin:0 18px 18px;padding:20px;display:flex;position:relative;overflow:hidden}.qn-banner-label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}.qn-banner-title{max-width:320px;margin-top:6px;font-size:16px;font-weight:700;line-height:1.35}.qn-banner-cta{background:#fff;border-radius:16px;align-self:flex-start;margin-top:14px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}@media (min-width:900px){.qn-root{display:block}.qn-main{min-width:0;margin-left:248px}.qn-main-full{margin-left:0}.qn-sidebar{border-right:1px solid var(--line);flex-direction:column;width:248px;height:100vh;padding:22px 14px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.qn-page{max-width:760px;margin:0 auto}.qn-page-wide{max-width:1180px}.qn-reading-page{max-width:860px}.qn-bottom-nav,.qn-bottom-nav-spacer{display:none}.qn-banner{border-radius:18px;min-height:320px;margin:0 0 26px;padding:40px}.qn-banner-title{max-width:520px;font-size:26px}.qn-banner-cta{margin-top:18px;padding:11px 22px;font-size:14px}}