/* Rodnie Cosmos R1 — layered theme for the existing NextGen shell. */
@font-face{font-family:RodnieRubik;src:url('./rubik-regular.ttf') format('truetype');font-weight:100 600;font-display:swap}@font-face{font-family:RodnieRubik;src:url('./rubik-bold.ttf') format('truetype');font-weight:650 900;font-display:swap}
:root{--cosmos-font:15px;--cosmos-opacity:.7;--cosmos-panel:rgba(5,15,33,.78);--cosmos-accent:#7853ff;--bg:#030a1b;--nav:var(--cosmos-panel);--panel:#0b1730;--glass:rgba(5,16,35,.78);--line:#5373ac45;--primary:#7955ff;--primary2:#a18bff;--cyan:#4bd6ff;--bubble-in:rgba(11,30,55,.94);--bubble-out:linear-gradient(115deg,#6635fb,#287fff 76%,#10bce9);font-family:RodnieRubik,Inter,'Segoe UI',sans-serif}
html,body{background:#030a1b}body{isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('./planet-earth.webp'),url('./planet-small.webp'),url('./stars.webp'),url('./nebula.webp'),url('./space-base.webp');background-position:calc(100% + 130px) -235px,-70px calc(100% + 60px),center,center,center;background-size:590px auto,230px auto,cover,cover,cover;background-repeat:no-repeat;opacity:var(--cosmos-opacity)}
.app-shell{height:100dvh;padding:14px;gap:12px;background:transparent!important;grid-template-columns:84px minmax(305px,370px) minmax(0,1fr);isolation:isolate}
.rail,.people-list{border:1px solid var(--line);border-radius:18px;background:var(--cosmos-panel);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 35px #0003,inset 0 1px 0 #acb8ff12}.rail{padding-top:20px;position:relative;overflow:hidden}.rail:after{content:'';position:absolute;bottom:-25px;left:-55px;width:160px;height:160px;background:url('./planet-main.webp') center/contain no-repeat;opacity:.85;pointer-events:none}.rail>*{position:relative;z-index:1}.rail button{position:relative;border-radius:13px;min-height:57px}.rail button.active{background:linear-gradient(95deg,#7949fa66,#4a55de0d);box-shadow:inset 2px 0 #c4a5ff,0 0 20px #8855ff14}.rail button.active svg{filter:drop-shadow(0 0 7px #bc8aff88)}
.brand-icon{background-image:url('./logo.webp');background-color:#142349;background-size:135%;background-position:center;border:1px solid #a294f383;border-radius:14px;box-shadow:0 0 21px #7554f74a;font-size:0!important;letter-spacing:0;padding:0}.brand-icon.small{border-radius:11px}.list-head{height:82px;padding:16px 16px 10px;background:transparent}.list-title h1{font-size:26px;letter-spacing:-.035em}.list-title .kicker{font-size:8px;letter-spacing:.14em;color:#b4a7f8}.list-controls .icon-btn:last-child{background:linear-gradient(135deg,var(--primary),#257fee);color:white;border:1px solid #b99bff77;border-radius:50%;box-shadow:0 0 16px #7d54ff55;width:35px;height:35px}
.people-list .chips{padding-top:13px}.story-avatar{border:1px solid #ab82ff;box-shadow:0 0 13px #855bff32}.story-avatar .avatar{border-color:#171b4a}.story-strip{padding-bottom:17px}.chat-row{border-radius:12px;min-height:79px;border-bottom-color:#6e89b024}.chat-row.selected{background:linear-gradient(115deg,#6847fb66,#283f8c33);border:1px solid #9276ff86;box-shadow:inset 0 0 20px #8264ff13,0 0 15px #6649ff15}.chat-row .avatar{border:1px solid #8ea3dc66}.chat-row .chat-name{font-weight:550}.chip.on{background:linear-gradient(110deg,#7950ff,#5334be);border-color:#a889ff77;color:white;box-shadow:0 0 12px #7955ff33}
.chat-area{border:1px solid var(--line);border-radius:18px;background:transparent!important;isolation:isolate}.chat-area:before{background-image:linear-gradient(180deg,#020c2060,#07112924 50%,#040e2570),url('./planet-earth.webp'),url('./stars.webp'),url('./nebula.webp');background-size:cover,630px auto,cover,cover;background-position:center,calc(100% + 170px) -270px,center,center;background-repeat:no-repeat;opacity:var(--cosmos-opacity);z-index:-1}.chat-head{height:72px;margin:10px 10px 0;max-width:calc(100% - 20px);padding:0 15px;border:1px solid #728dc14a;border-radius:15px;background:var(--glass);box-shadow:0 5px 24px #0002;backdrop-filter:blur(22px)}.chat-timeline{padding-top:25px}.chat-area .message{font-size:var(--cosmos-font);backdrop-filter:blur(10px);box-shadow:0 3px 18px #0003;border-color:#7296ca4a;line-height:1.55}.message.own{color:#fff;border-color:#b1a9ff6b;box-shadow:0 3px 22px #6749f028}.message.own .msg-meta{color:#e8e3ffd1}.message.peer{background:var(--bubble-in)}.msg-meta{font-size:10px}.composer-shell{margin:0 10px 9px;padding:7px 0 0;background:transparent}.composer{background:var(--glass);border:1px solid #8299dc66;border-radius:18px;backdrop-filter:blur(23px);box-shadow:0 5px 28px #0005}.send-btn{background:linear-gradient(135deg,var(--primary),#16b8ef);border-radius:50%;width:43px;height:43px;box-shadow:0 0 19px #6c50fb55}
.welcome{position:relative;isolation:isolate}.welcome:before{content:'';position:absolute;inset:0;pointer-events:none;background:url('./planet-main.webp') 80% -190px/540px auto no-repeat;opacity:.78;z-index:-1}.welcome-pane{background:linear-gradient(135deg,#07152dba,#0c1539bb);backdrop-filter:blur(20px);border:1px solid #8b86d355;box-shadow:0 20px 70px #0003;padding:35px;max-width:560px}.welcome-pane .brand-icon{width:65px;height:65px;border-radius:19px;margin-bottom:24px}.welcome-pane h2{font-size:33px;font-weight:650;letter-spacing:-.04em}.welcome-pane p{font-size:14px;line-height:1.8;color:#bbc8e6}.primary-btn{background:linear-gradient(115deg,var(--primary),#347ff5 80%,#16bfea);border:1px solid #b5a2fb66;box-shadow:0 3px 20px #7248ff22}.secondary-btn{background:#8497c017;border:1px solid #9db0dc3d;color:var(--text)}
.panel-page{background:linear-gradient(130deg,#04102455,#10143370);position:relative}.panel-page .kicker{color:#b6a2ff}.panel-page h2{font-weight:650;font-size:34px;letter-spacing:-.04em}.settings-section,.feature-card{background:var(--glass);border-color:#728fbd55;backdrop-filter:blur(22px);box-shadow:0 8px 30px #0002}.setting-row{padding:14px 0;border-bottom:1px solid #7285b42b;min-height:51px}.setting-row:last-child{border:0}.setting-row select{min-height:40px;background:#10213bc9;color:#c8d7fc;border-color:#7893c24d;max-width:210px}.cosmos-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}.cosmos-section-heading h3{margin:0 0 8px;font-size:20px;font-weight:550}.cosmos-section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.cosmos-mini-planet{display:block;width:65px;height:65px;flex-shrink:0;background:url('./planet-main.webp') center/contain no-repeat;filter:drop-shadow(0 0 13px #a759ff44)}.cosmos-wallpapers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:5px 0 15px}.cosmos-wallpaper{display:flex;flex-direction:column;gap:9px;align-items:center;background:none;color:var(--muted);padding:0;font-size:12px}.cosmos-wallpaper-image{display:block;position:relative;aspect-ratio:1.4;width:100%;border:1px solid #7487b144;border-radius:14px;background:linear-gradient(#07142b22,#07142b55),url('./planet-main.webp') 110% 25%/70% auto no-repeat,url('./nebula.webp') center/cover;overflow:hidden}.cosmos-wallpaper.landscape .cosmos-wallpaper-image{background:url('./social-landscape.webp') center/cover}.cosmos-wallpaper.quiet .cosmos-wallpaper-image{background:radial-gradient(ellipse at 60% 100%,#3a2c65,#0c1830 70%)}.cosmos-wallpaper[aria-pressed=true] .cosmos-wallpaper-image{border-color:#d8b9ff;box-shadow:0 0 18px #9d70ff44}.cosmos-wallpaper[aria-pressed=true] .cosmos-wallpaper-image:after{content:'✓';position:absolute;right:7px;top:7px;background:#7445d9;color:white;display:grid;place-items:center;border-radius:50%;width:22px;height:22px;font-size:13px}.cosmos-wallpaper[aria-pressed=true]{color:var(--text)}.cosmos-setting-row>span{display:block;line-height:1.5;font-size:13px}.cosmos-setting-row small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.cosmos-switch{appearance:none;-webkit-appearance:none;flex-shrink:0;width:42px;height:24px;border:1px solid #7891bf66;border-radius:15px;background:#48546e;position:relative;cursor:pointer;margin:0}.cosmos-switch:after{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#d9e3f2;box-shadow:0 1px 5px #0004;transition:transform .2s}.cosmos-switch:checked{background:linear-gradient(90deg,var(--primary),#38bef0);border-color:#b9c6ff77}.cosmos-switch:checked:after{transform:translateX(18px);background:#fff}.cosmos-save-status{font-size:11px;color:var(--muted);line-height:1.8;padding-top:10px;margin:10px 0 16px}
.auth-shell{position:relative;isolation:isolate;background:transparent}.auth-shell:before{content:'';position:absolute;inset:0;background:url('./planet-main.webp') calc(50% - 350px) 45%/480px auto no-repeat,url('./planet-small.webp') 85% 80%/140px auto no-repeat;pointer-events:none;z-index:-1}.auth-card{border-color:#9e8cda66;backdrop-filter:blur(25px);background:#07152dde;box-shadow:0 25px 90px #0007}.auth-card input{background:#152647b3;border-color:#879bca55;min-height:46px}.dialog,.sheet{background:#0b1933ed;border:1px solid #899dd566;backdrop-filter:blur(30px);box-shadow:0 20px 80px #0007}.sheet-backdrop{background:#02071899;backdrop-filter:blur(6px)}
:root[data-cosmos-intensity=calm]{--cosmos-opacity:.38}:root[data-cosmos-intensity=cinematic]{--cosmos-opacity:1}:root[data-cosmos-accent=blue]{--primary:#2866e4;--primary2:#75a7ff;--bubble-out:linear-gradient(115deg,#3155dd,#00a4cc)}:root[data-cosmos-accent=teal]{--primary:#087f8d;--primary2:#59d4d8;--bubble-out:linear-gradient(115deg,#136678,#098e9a)}:root[data-cosmos-accent=rose]{--primary:#b14197;--primary2:#eda2d5;--bubble-out:linear-gradient(115deg,#8438a4,#b94788)}
:root[data-cosmos-wallpaper=landscape] body:before{background-image:url('./social-landscape.webp');background-size:cover;background-position:center}:root[data-cosmos-wallpaper=landscape] .chat-area:before{background:linear-gradient(#091129a1,#09152965),url('./social-landscape.webp') center/cover}:root[data-cosmos-wallpaper=quiet] body:before{background:radial-gradient(ellipse at 80% 0,#3c326333,transparent 65%)}:root[data-cosmos-wallpaper=quiet] .chat-area:before{background:linear-gradient(130deg,#101c37,#11192a)}:root[data-cosmos-wallpaper=quiet] .welcome:before,:root[data-cosmos-wallpaper=landscape] .welcome:before{display:none}:root[data-cosmos-wallpaper=cosmos][data-cosmos-planets=false] body:before{background-image:url('./stars.webp'),url('./nebula.webp');background-size:cover;background-position:center}:root[data-cosmos-wallpaper=cosmos][data-cosmos-planets=false] .chat-area:before{background-image:linear-gradient(#04102655,#07112933),url('./stars.webp'),url('./nebula.webp');background-size:cover;background-position:center}:root[data-cosmos-planets=false] .rail:after,:root[data-cosmos-planets=false] .welcome:before,:root[data-cosmos-planets=false] .auth-shell:before{display:none}
:root[data-cosmos-glass=false]{--cosmos-panel:#07152d;--glass:#0b1a34}:root[data-cosmos-glass=false] .rail,:root[data-cosmos-glass=false] .people-list,:root[data-cosmos-glass=false] .chat-head,:root[data-cosmos-glass=false] .composer,:root[data-cosmos-glass=false] .settings-section,:root[data-cosmos-glass=false] .message{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-cosmos-motion=false] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
:root[data-theme=light]{--cosmos-panel:rgba(249,251,255,.84);--glass:rgba(250,252,255,.85);--bubble-in:#d8eaff;--bubble-out:linear-gradient(115deg,#6946d7,#3372d7);--text:#1c2e4a;--muted:#536986;--line:#7b91b844}:root[data-theme=light] body{background:#e9edf9}:root[data-theme=light] body:before{opacity:calc(var(--cosmos-opacity) * .36)}:root[data-theme=light] .chat-area:before{background-image:linear-gradient(#e7eef9b8,#e8eaf6cc),url('./planet-earth.webp'),url('./nebula.webp');background-size:cover,600px auto,cover;background-position:center,calc(100% + 140px) -270px,center}:root[data-theme=light] .rail,:root[data-theme=light] .people-list{background:var(--cosmos-panel)}:root[data-theme=light] .welcome-pane{background:#f5f8ffbd}:root[data-theme=light] .welcome-pane p{color:#536986}:root[data-theme=light] .panel-page{background:#ecf1fc55}:root[data-theme=light] .settings-section{background:var(--glass)}:root[data-theme=light] .message.own{color:white}:root[data-theme=light] .message.own .msg-meta{color:#f0e9ffcc}:root[data-theme=light] .message.peer{color:#17324f;background:#d8eaff;border-color:#9bbfe4}:root[data-theme=light] .setting-row select{background:#e5edf8;color:#213b5b;border-color:#849cb855}:root[data-theme=light] .auth-card,:root[data-theme=light] .dialog,:root[data-theme=light] .sheet{background:#f4f7fcef;color:#203556}:root[data-theme=light] .auth-card p{color:#536986}:root[data-theme=light] .auth-card input{color:#203556;background:#e4eaf8;border-color:#869acb55}:root[data-theme=light] .list-title .kicker,:root[data-theme=light] .panel-page .kicker{color:#7750b8}:root[data-theme=light] .rail button.active{color:#6745b0}:root[data-theme=light] .cosmos-mini-planet{filter:none}
@media(min-width:1500px){.app-shell{padding:20px;gap:15px;grid-template-columns:86px minmax(350px,405px) minmax(0,1fr)}.chat-area:before{background-size:cover,760px auto,cover,cover;background-position:center,calc(100% + 200px) -350px,center,center}.message{max-width:min(71%,610px)}}
@media(max-width:1100px) and (min-width:851px){.app-shell{padding:10px;gap:9px;grid-template-columns:72px minmax(280px,310px) minmax(0,1fr)}.rail{padding:18px 6px}.rail button{font-size:9px}.chat-head{padding:0 10px;margin:8px 8px 0;max-width:calc(100% - 16px)}.chat-head .person-info b{font-size:14px}.head-actions .icon-btn{width:32px}.cosmos-setting-row{gap:15px}.cosmos-setting-row>span{font-size:12px}.setting-row select{max-width:180px}}
@media(max-width:850px){.app-shell{padding:0;gap:0;display:grid;grid-template-columns:minmax(0,1fr);background:transparent}.rail{display:none}.people-list{border:0;border-radius:0;background:linear-gradient(#04102845,#08143170);backdrop-filter:none}.chat-area{border:0;border-radius:0;background:transparent!important}.list-head{height:70px;margin:10px 10px 8px;padding:0 12px;background:var(--glass);border:1px solid #8a9cdd55;border-radius:21px;box-shadow:0 8px 30px #0003}.list-title h1{font-size:25px}.list-controls .icon-btn:last-child{height:34px;width:34px}.list-title .kicker{display:none}.chat-row{min-height:76px;margin:3px 8px;padding:10px 9px}.chat-row .avatar.large{width:49px;height:49px}.story-strip{padding-top:3px;padding-bottom:12px;max-height:96px;min-height:74px;gap:12px}.story-avatar{width:53px;height:53px;padding:2px}.story-avatar .avatar{width:47px;height:47px}.story{min-width:55px;max-width:60px;gap:5px;font-size:10px}.people-list .chatlist{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:65px;border-radius:24px;background:var(--glass)!important;border:1px solid #9d88e777;box-shadow:0 -3px 26px #7a4fff1a,0 9px 30px #0005;backdrop-filter:blur(25px)}.mobile-nav button.active{color:#c1a4ff;text-shadow:0 0 13px #9a6cff66}.mobile-nav button{position:relative;font-size:10px}.mobile-nav button.active:after{content:'';width:27px;height:2px;position:absolute;bottom:1px;left:50%;transform:translateX(-50%);background:#c4a0ff;box-shadow:0 0 9px #a178ff;border-radius:2px}.chat-head{height:66px;min-height:66px;margin:9px 9px 3px;max-width:calc(100% - 18px);padding:0 8px;border-radius:20px;gap:6px}.chat-head .person-info b{font-size:14px}.head-actions .icon-btn{width:32px}.chat-timeline{padding:20px 12px 13px}.chat-area .message{max-width:86%;font-size:var(--cosmos-font);padding:11px 13px 8px}.composer-shell{margin:0 8px 8px;padding:4px 0 calc(5px + env(safe-area-inset-bottom))}.composer{border-radius:24px;padding:5px;gap:2px}.send-btn{width:41px;height:41px;border-radius:50%}.composer .icon-btn{width:33px}.panel-page{padding:27px 16px calc(110px + env(safe-area-inset-bottom));background:#07102844}.panel-page h2{font-size:32px}.settings-section{border-radius:19px;padding:19px 16px}.cosmos-section-heading{gap:12px}.cosmos-section-heading h3{font-size:18px;line-height:1.35}.cosmos-section-heading p{font-size:11px}.cosmos-mini-planet{height:54px;width:54px}.cosmos-wallpapers{gap:10px}.cosmos-wallpaper-image{aspect-ratio:.85;border-radius:12px}.cosmos-setting-row>span{font-size:12px}.cosmos-setting-row small{font-size:10px}.setting-row select{max-width:150px;font-size:11px}.setting-row{gap:12px}.cosmos-save-status{font-size:11px}.auth-card{padding:28px 23px}.auth-shell:before{background-position:calc(100% + 100px) -140px,0 100%;background-size:330px auto,110px auto}.auth-card h1{font-size:29px}:root[data-theme=light] .mobile-nav button.active{color:#7950be}:root[data-theme=light] .list-head,:root[data-theme=light] .chat-head{background:var(--glass)}}
@media(max-width:380px){.list-title h1{font-size:23px}.list-head{padding:0 9px}.list-title{gap:7px}.list-controls{gap:1px}.mobile-menu-toggle{width:31px}.story-strip{gap:9px}.cosmos-setting-row>span{font-size:11px}.cosmos-setting-row small{font-size:10px}.setting-row select{max-width:139px}.settings-section{padding:18px 14px}.cosmos-wallpapers{gap:8px}.cosmos-wallpaper{font-size:11px}.head-actions .icon-btn{width:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body:after{content:"";position:fixed;right:-15vw;top:-10vh;width:70vw;height:40vh;border:1px solid #8996ff46;border-radius:50%;transform:rotate(-25deg);z-index:-1;pointer-events:none}:root[data-cosmos-planets=false] body:after,:root[data-cosmos-wallpaper=quiet] body:after,:root[data-cosmos-wallpaper=landscape] body:after{display:none}:root[data-theme=light][data-cosmos-glass=false]{--cosmos-panel:#f7f9ff;--glass:#f5f8ff}