/* Rodnie Universe 2.1: accessible, reversible presentation layer */
:root{--rn-radius:22px;--rn-glow:0 20px 55px rgba(2,5,24,.28)}
html[data-rn-theme="dark"]{--bg:#0a0e25;--panel:#191f40;--ink:#f7f5ff;--muted:#bfc0df;--line:rgba(178,176,250,.25);--soft:#292d58;--accent:#aa91ff;--shadow:0 18px 55px rgba(2,5,24,.32);color-scheme:dark}
html[data-rn-theme="light"]{--bg:#f7f7ff;--panel:#ffffff;--ink:#252447;--muted:#5e6284;--line:#dcdcf0;--soft:#efedff;--accent:#6752c9;--shadow:0 15px 40px rgba(66,64,130,.09);color-scheme:light}
html[data-rn-theme] body{color:var(--ink);background:var(--bg);transition:background-color .25s,color .25s}
html[data-rn-theme="dark"] body{background:radial-gradient(ellipse at 85% 12%,rgba(108,74,202,.2),transparent 45%),linear-gradient(160deg,#090c23,#111538 65%,#0a1027)}
html[data-rn-theme="light"] body{background:radial-gradient(ellipse at 87% 12%,rgba(177,166,255,.24),transparent 43%),radial-gradient(ellipse at 15% 85%,rgba(255,216,204,.33),transparent 44%),#f8f8ff}
html[data-rn-theme="light"] body::before{opacity:.075!important;filter:grayscale(1)}
html[data-rn-theme="light"] body::after{opacity:.08!important;filter:saturate(.55)}
html[data-rn-theme] body:has(.sidebar) .sidebar,html[data-rn-theme] body:has(.sidebar) .topbar{background:var(--panel)!important;color:var(--ink);border-color:var(--line)!important}
html[data-rn-theme="dark"] body:has(.sidebar) .sidebar,html[data-rn-theme="dark"] body:has(.sidebar) .topbar{background:rgba(15,19,46,.96)!important}
html[data-rn-theme] body:has(.sidebar) .card,html[data-rn-theme] body:has(.sidebar) .message-layout,html[data-rn-theme] body:has(.sidebar) .conversation,html[data-rn-theme] body:has(.sidebar) .chat-list{background:var(--panel)!important;color:var(--ink);border-color:var(--line)!important;box-shadow:var(--shadow)}
html[data-rn-theme] body:has(.sidebar) .card{border-radius:var(--rn-radius)}
html[data-rn-theme] body:has(.sidebar) input,html[data-rn-theme] body:has(.sidebar) textarea,html[data-rn-theme] body:has(.sidebar) select{background:var(--bg)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-rn-theme] body:has(.sidebar) input::placeholder,html[data-rn-theme] body:has(.sidebar) textarea::placeholder{color:var(--muted)!important;opacity:1}
html[data-rn-theme] body:has(.sidebar) .button:not(.primary),html[data-rn-theme] body:has(.sidebar) button:not(.primary):not(.ghost):not(.universe-create){background:var(--panel);color:var(--ink);border-color:var(--line)}
html[data-rn-theme] body:has(.sidebar) .primary{background:linear-gradient(125deg,#8b66f0,#587fe3)!important;color:white!important;border:0!important}
html[data-rn-theme] body:has(.sidebar) .muted,html[data-rn-theme] body:has(.sidebar) .subtitle,html[data-rn-theme] body:has(.sidebar) time{color:var(--muted)}
html[data-rn-theme] body:has(.sidebar) .nav a{color:var(--ink)}
html[data-rn-theme] body:has(.sidebar) .nav a.active{background:var(--soft);color:var(--accent)}
html[data-rn-theme] body:has(.sidebar) .hero{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
html[data-rn-theme="light"] body:has(.sidebar) .hero{background:linear-gradient(110deg,#f6eaff,#e5eaff)!important;color:#252447}
html[data-rn-theme="light"] body:has(.sidebar) .hero h2,html[data-rn-theme="light"] body:has(.sidebar) .hero p{color:#252447!important}
html[data-rn-theme="light"] body:has(.sidebar) .hero>img{opacity:.28!important}
html[data-rn-theme] body:has(.sidebar) .composer .row{align-items:center}
html[data-rn-theme] body:has(.sidebar) .composer textarea{min-height:76px;background:var(--bg)!important}
html[data-rn-theme] body:has(.sidebar) .post{overflow:hidden}
html[data-rn-theme] body:has(.sidebar) .post .row{min-width:0}
html[data-rn-theme] body:has(.sidebar) .post .row .grow{min-width:0;overflow-wrap:anywhere}
html[data-rn-theme] body:has(.sidebar) .tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:7px}
html[data-rn-theme] body:has(.sidebar) .tabs>*{flex-shrink:0}
html[data-rn-theme] body:has(.sidebar) .settings-nav{scrollbar-width:thin}
html[data-rn-theme] body:has(.sidebar) .settings-form{max-width:100%}
html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}
html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav a,html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav button{color:var(--muted)!important}
html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav .active{background:var(--soft)!important;color:var(--accent)!important}
html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav .universe-create{background:linear-gradient(130deg,#9870ee,#577de2)!important;color:#fff!important}
html[data-rn-theme] .rn-theme-switch{flex:none;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;padding:7px;border-radius:13px;background:var(--soft);color:var(--ink);border:1px solid var(--line);cursor:pointer;font-size:20px;line-height:1}
html[data-rn-theme] .rn-theme-switch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html[data-rn-theme] .rn-theme-label{font-size:12px;color:var(--muted)}
html[data-rn-theme] dialog{background:var(--panel);color:var(--ink);border-color:var(--line)}
@media(max-width:768px){
 html[data-rn-theme] body:has(.sidebar) .page{padding:18px 14px calc(110px + env(safe-area-inset-bottom))!important;min-width:0;overflow-x:clip}
 html[data-rn-theme] body:has(.sidebar) .columns{display:block;min-width:0}
 html[data-rn-theme] body:has(.sidebar) .columns>section{min-width:0}
 html[data-rn-theme] body:has(.sidebar) .card{padding:18px!important}
 html[data-rn-theme] body:has(.sidebar) .composer>.row:last-of-type{display:flex;flex-wrap:wrap;gap:9px}
 html[data-rn-theme] body:has(.sidebar) .composer>.row:last-of-type>label{margin:0}
 html[data-rn-theme] body:has(.sidebar) .composer select{max-width:none!important;width:auto;flex:1 1 125px}
 html[data-rn-theme] body:has(.sidebar) .composer .primary{flex:1 1 155px;min-height:44px}
 html[data-rn-theme] body:has(.sidebar) .post-footer{display:flex;flex-wrap:wrap;gap:8px}
 html[data-rn-theme] body:has(.sidebar) .post-footer>*{min-width:0}
 html[data-rn-theme] body:has(.sidebar) .sidebar{z-index:130!important;max-width:min(86vw,320px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:30px}
 html[data-rn-theme] body:has(.sidebar) .sidebar.open{box-shadow:0 0 0 100vmax rgba(4,6,23,.64),15px 0 55px rgba(0,0,0,.2)!important}
 html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav{z-index:90!important}
 html[data-rn-theme] body:has(.sidebar) .topbar{gap:8px;padding:9px 10px}
 html[data-rn-theme] body:has(.sidebar) .topbar form{min-width:0;flex:1}
 html[data-rn-theme] body:has(.sidebar) .topbar form input{min-width:0}
 html[data-rn-theme] body:has(.sidebar) .rn-theme-switch{width:34px;height:34px;font-size:17px;padding:4px}
 html[data-rn-theme] body:has(.sidebar) .message-layout{max-width:100%;min-width:0}
 html[data-rn-theme] body:has(.sidebar) .chat-list{min-width:0}
 html[data-rn-theme] body:has(.sidebar) .settings-nav{overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;max-width:100%;padding-bottom:8px}
}
@media(max-width:380px){html[data-rn-theme] body:has(.sidebar) .card{padding:14px!important}html[data-rn-theme] body:has(.sidebar) .page{padding-left:10px!important;padding-right:10px!important}}
@media(prefers-reduced-motion:reduce){html[data-rn-theme] *,html[data-rn-theme] *::before,html[data-rn-theme] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}