:root{color-scheme:dark;--bg:#090a12;--panel:#131421;--panel2:#1b1b2b;--line:#2a293c;--text:#f7f5ff;--muted:#aaa9be;--purple:#9865fa;--violet:#6536d2;--green:#66d9a7;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 20% -10%,#4f2b9b 0%,transparent 26%),radial-gradient(circle at 100% 0%,#2d1658 0%,transparent 28%),radial-gradient(circle at 50% 120%,#1a0d35 0%,transparent 30%),linear-gradient(180deg,#070811 0%,#090a12 42%,#070811 100%)}
body::before,body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0}
body::before{opacity:.85;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.8) 0,transparent 60%),radial-gradient(1.6px 1.6px at 30% 70%,rgba(173,114,255,.9) 0,transparent 60%),radial-gradient(1.8px 1.8px at 70% 25%,rgba(255,255,255,.7) 0,transparent 60%),radial-gradient(2.2px 2.2px at 85% 60%,rgba(149,101,250,.9) 0,transparent 65%),radial-gradient(1.6px 1.6px at 55% 40%,rgba(255,255,255,.75) 0,transparent 60%),radial-gradient(1.4px 1.4px at 15% 85%,rgba(163,123,255,.9) 0,transparent 60%),radial-gradient(1.6px 1.6px at 92% 14%,rgba(255,255,255,.8) 0,transparent 60%);animation:twinkle 8s ease-in-out infinite alternate}
body::after{background:radial-gradient(circle at 75% 12%,#8748ff22 0,transparent 22%),radial-gradient(circle at 15% 30%,#5d2dd433 0,transparent 24%),radial-gradient(circle at 50% 75%,#8e56ff1a 0,transparent 28%);filter:blur(22px);animation:nebulaDrift 16s ease-in-out infinite alternate}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#app{position:relative;z-index:1;max-width:560px;margin:0 auto;min-height:100dvh;border-inline:1px solid #201f30;background:linear-gradient(180deg,rgba(9,10,18,.96) 0%,rgba(9,10,18,.98) 100%)}.shell{padding-bottom:calc(86px + env(safe-area-inset-bottom));min-height:100dvh}.top{position:sticky;z-index:10;top:0;background:#0a0a12f0;backdrop-filter:blur(15px);border-bottom:1px solid #252236;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:30px;line-height:1;font-weight:850;letter-spacing:-1.9px}.brand span{color:var(--purple)}.top-right{display:flex;gap:8px}.iconbtn{border:0;background:#201b31;color:#fff;border-radius:15px;min-width:39px;height:39px;font-size:19px;display:grid;place-items:center}.subbar{display:flex;gap:8px;padding:13px 16px 9px;overflow:auto;scrollbar-width:none}.chip{border:1px solid var(--line);background:#1b1a28;color:#cbc5df;padding:10px 16px;border-radius:22px;white-space:nowrap;font-size:13px}.chip.active{background:linear-gradient(100deg,#995ffa,#5935bf);border-color:#a674ff;color:white}.headrow{display:flex;justify-content:space-between;align-items:center;padding:18px 17px 11px;gap:9px}.headrow h2{font-size:20px;margin:0;letter-spacing:-.5px}.headrow small,.muted{color:var(--muted)}.story-strip{display:flex;overflow-x:auto;gap:13px;padding:10px 16px 17px;scrollbar-width:none}.story{flex:0 0 65px;text-align:center;cursor:pointer;font-size:11px;color:#c5c1d5}.av{height:44px;width:44px;border-radius:50%;background:linear-gradient(140deg,#a96afa,#3c2697);display:inline-grid;place-items:center;color:white;font-weight:700;border:2px solid #ab72ff;flex:none;object-fit:cover}.story .av{width:57px;height:57px;margin-bottom:5px}.post{border-top:1px solid #25233a;padding:17px 16px 18px}.byline{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.byline strong{font-size:14px}.small{font-size:12px;color:var(--muted)}.pill{font-size:10px;color:#d5c0ff;border:1px solid #65449d;background:#271a43;padding:5px 8px;border-radius:30px}.post-body{font-size:15px;line-height:1.5;margin:12px 0}.post-image{width:100%;max-height:460px;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:15px;background:#211c30}.actions{display:flex;align-items:center;gap:10px;margin-top:13px}.action{border:0;background:none;color:#ddd7ed;font-size:14px;padding:5px 3px}.action strong{font-size:12px;font-weight:500;color:#cbc1dd}.action.liked{color:#ff7da7}.action.save{margin-left:auto}.primary,.secondary{border:0;padding:13px 17px;border-radius:16px;color:#fff;font-weight:700;background:linear-gradient(110deg,#ad6fff,#6940da);box-shadow:0 5px 25px #6d35de33}.secondary{background:#242036;box-shadow:none;border:1px solid #3c335a}.block{width:100%}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);padding:10px 9px calc(9px + env(safe-area-inset-bottom));background:#100f1bec;border-top:1px solid #302943;display:flex;justify-content:space-around;backdrop-filter:blur(20px);z-index:20}.tab{border:none;background:none;color:#a5a1bb;min-width:57px;display:grid;gap:3px;justify-items:center;font-size:10px}.tab i{font-style:normal;font-size:23px}.tab.active{color:#b28cff}.tab.create i{background:#7c49e5;border-radius:16px;padding:1px 10px;color:white}.panel{margin:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px}.spacehead{height:140px;background:radial-gradient(ellipse at 75% 30%,#6241bb55,transparent 65%),#141226;position:relative;overflow:hidden}.spacehead:after{content:'◎';font-size:185px;color:#8f66ec28;position:absolute;right:12px;top:-56px}.profiletop{display:flex;gap:13px;align-items:center}.profiletop .av{height:76px;width:76px;font-size:25px}.stats{display:flex;justify-content:space-around;text-align:center;margin:17px 0}.stats strong{font-size:18px}.stats small{display:block;color:var(--muted);font-size:11px}.btnrow{display:flex;gap:9px}.btnrow>*{flex:1}.gridposts{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:12px}.tile{min-height:110px;aspect-ratio:1;overflow:hidden;background:linear-gradient(140deg,#22183d,#7a3894);border:0;color:white;padding:8px;text-align:left}.tile img{width:100%;height:100%;object-fit:cover}.sectiontitle{font-size:22px;margin:22px 17px 8px}.radarhero{margin:12px 16px;padding:18px;border:1px solid #534078;border-radius:22px;background:radial-gradient(circle at 90% 10%,#603ea378,transparent 58%),#19152a}.radarhero h2{margin:5px 0 7px;font-size:24px}.radarhero p{margin:0;color:#c8bede;font-size:13px;line-height:1.5}.discover{margin:13px 16px;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.discover img{width:100%;height:190px;object-fit:cover}.discover .info{padding:13px 15px}.tag{display:inline-block;border:1px solid #47395e;border-radius:15px;font-size:11px;color:#d0bfef;padding:5px 9px;margin:5px 5px 4px 0}.field{width:100%;border:1px solid #3a3250;background:#171422;border-radius:15px;color:white;padding:14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.field:focus{border-color:#a179ff}.label{font-size:12px;color:#c5bad9;margin:13px 0 7px;display:block}.composer{min-height:126px;resize:vertical}.upload{width:100%;display:grid;place-items:center;gap:8px;border:1px dashed #7754b0;background:#201a31;padding:20px;border-radius:17px;color:#cbbaff}.upload img{width:100%;max-height:230px;object-fit:contain}.comment{display:flex;gap:9px;margin:13px 0;align-items:flex-start}.comment p{margin:3px 0;font-size:13px;line-height:1.4}.commententry{display:flex;gap:7px}.commententry input{flex:1;min-width:0}.chatrow{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;text-align:left;padding:13px 16px;color:white;border-bottom:1px solid #252236}.chatrow .av{width:49px;height:49px}.conversation{display:flex;flex-direction:column;gap:10px;padding:17px;min-height:48vh}.bubble{border-radius:17px;padding:11px 13px;max-width:82%;font-size:14px;line-height:1.45;background:#28243a;align-self:flex-start}.bubble.me{background:#6239b8;align-self:flex-end}.sendbar{display:flex;gap:8px;padding:12px 16px}.sendbar input{flex:1;min-width:0}.activityitem{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #262334}.activityitem:last-child{border:0}.notice{font-size:12px;line-height:1.5;color:#bcb4ce;background:#211b30;border:1px solid #383049;border-radius:14px;padding:12px;margin:12px 16px}.empty{text-align:center;color:#c3b8d9;padding:42px 19px}.empty .big{font-size:45px}.landing{position:relative;padding:32px 23px 30px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:16px}.landing h1{font-size:38px;letter-spacing:-1.7px;line-height:1.06;margin:0;max-width:11ch}.landing p{color:#c5bbda;line-height:1.7;margin:0;max-width:31ch}.hero-stage{position:relative;align-self:center;width:min(82vw,310px);aspect-ratio:1/1;display:grid;place-items:center;margin:6px 0 10px;border-radius:34px;background:radial-gradient(circle at 50% 45%,rgba(123,76,255,.28) 0%,rgba(29,17,55,.2) 42%,rgba(13,12,24,.02) 70%,transparent 72%)}.hero-stage::before{content:'';position:absolute;inset:-8% -4%;border-radius:50%;border:1px solid rgba(175,132,255,.18);transform:rotate(-18deg);box-shadow:0 0 90px rgba(119,66,242,.18)}.hero-stage::after{content:'';position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.05);filter:blur(.2px);animation:orbitPulse 5s ease-in-out infinite}.heroicon{position:relative;z-index:1;width:min(72vw,250px);height:min(72vw,250px);object-fit:contain;align-self:center;filter:drop-shadow(0 0 26px rgba(119,57,235,.55));animation:planetFloat 7.5s ease-in-out infinite}.eyebrow{display:inline-flex;gap:8px;align-items:center;align-self:flex-start;padding:8px 12px;border-radius:999px;border:1px solid rgba(146,107,255,.32);background:rgba(19,17,34,.74);color:#d9c8ff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(12px)}.hero-badges{display:flex;gap:9px;flex-wrap:wrap}.mini-badge{padding:8px 12px;border-radius:999px;background:#181526;border:1px solid rgba(137,95,244,.26);color:#d2c4ee;font-size:12px}.loginbox{background:linear-gradient(180deg,rgba(23,19,35,.9),rgba(17,15,27,.94));border:1px solid rgba(82,62,123,.72);padding:18px;border-radius:24px;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.24)}.switch{background:none;border:none;color:#bb90ff;text-decoration:underline;font-size:13px}.tiny{text-align:center;color:#8e899e;font-size:11px}.switchrow{display:flex;justify-content:space-between;align-items:center}.toggle{width:48px;height:28px;background:#484152;border:0;border-radius:20px;padding:3px;text-align:left}.toggle span{display:block;background:#fff;width:22px;height:22px;border-radius:50%;transition:transform .2s}.toggle.on{background:#8247e2}.toggle.on span{transform:translateX(20px)}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;border-radius:14px;padding:12px 16px;background:#322451;color:white;max-width:90%;font-size:13px;display:none;box-shadow:0 12px 40px #0008}.alert{color:#d4bcff;padding:9px;font-size:12px}.intro{font-size:13px;color:#aaa3bc;line-height:1.5;padding:0 17px}.hr{border:0;border-top:1px solid var(--line);margin:15px 0}a{color:#b79aff}.pagepad{padding:8px 16px}.messagebtn{border:0;background:transparent;color:#ac82fb;font-weight:700}.counter{display:inline-block;padding:3px 7px;border-radius:9px;background:#34224f;color:#caafff;font-size:11px}.image-preview{width:100%;max-height:210px;object-fit:cover;border-radius:14px;margin-top:10px}@keyframes planetFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes orbitPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes twinkle{0%{opacity:.45}50%{opacity:.95}100%{opacity:.6}}@keyframes nebulaDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-14px,0) scale(1.03)}}@media(min-width:750px){body{padding:18px 0}#app{border-radius:23px;overflow:hidden;box-shadow:0 0 85px #6b3bb61d}.bottom{bottom:18px;border-radius:0 0 23px 23px}}