/* The rules the home page uses from live.css, which holds 3,300 rules for the app's other pages and which the home page therefore doesn't load until it needs them (index.html).
   Copied word for word; tests/smoothness.test.mjs fails if live.css changes one of them, so they can't drift apart. */
.home-wrap #main{position:relative}
:root{--pz-ink:#1d1b2e;--pz-ink2:#4d4a63;--pz-muted:#7d7894;--pz-line:#ebe7f6;--pz-soft:#f8f6fd;--pz-rainbow:conic-gradient(from var(--rb,0deg),#77b9ff,#9162de,#df559b,#efac58,#e3d963,#7ac563,#77b9ff)}
.cookie-banner{position:fixed;z-index:1000;left:16px;right:16px;bottom:16px;max-width:620px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ebe7f6;box-shadow:0 24px 60px -30px rgba(31,29,43,.4)}
.cookie-banner p{margin:0;font-size:14px;line-height:1.5;color:#4d4a63}
.cookie-banner div{display:flex;gap:8px;flex:none}
@media(max-width:600px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner div{justify-content:flex-end}}
html{scrollbar-gutter:stable}
dialog{overscroll-behavior:contain}
.portrait-header .nav{position:relative}