@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,sans-serif;color:#f7f7ff;background:#080810;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--bg: #080810;--surface: #11111d;--surface-light: #191927;--border: #252538;--purple: #792cff;--purple-light: #a46bff;--muted: #9292aa;--text: #f7f7ff}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.fx-app{min-height:100vh}.fx-logo{font-size:34px;font-weight:900;font-style:italic;letter-spacing:-3px;color:#fff}.fx-logo span{color:var(--purple-light)}.fx-sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:28px 18px;background:#0d0d18;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.fx-sidebar>.fx-logo{margin:0 12px 45px}.sidebar-heading{margin:0 12px 15px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:2px}.side-link{display:flex;align-items:center;gap:15px;padding:14px 15px;margin-bottom:7px;border-radius:13px;color:#b4b4c8;font-size:14px;font-weight:600;transition:.2s}.side-link span{font-size:21px;width:24px}.side-link:hover,.side-link.active{background:linear-gradient(100deg,#7022ee,#5420ba);color:#fff;box-shadow:0 5px 20px #7022ee30}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{color:var(--muted);font-size:11px;padding:12px}.fx-content{margin-left:245px;min-height:100vh}.fx-topbar{height:76px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0c0c17;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:15}.fx-topbar>.fx-logo{display:none}.topbar-search{display:flex;align-items:center;gap:12px;width:min(520px,65%);background:var(--surface-light);border:1px solid var(--border);padding:12px 17px;border-radius:30px;color:var(--muted)}.topbar-search input{width:100%;background:transparent;border:none;outline:none;color:#fff}.topbar-actions{display:flex;align-items:center;gap:18px}.topbar-actions button{background:var(--surface-light);color:#fff;border:1px solid var(--border);border-radius:50%;width:42px;height:42px;font-size:20px;position:relative}.topbar-actions i{position:absolute;top:-5px;right:-4px;background:#f04468;border-radius:50%;font-size:10px;padding:4px;font-style:normal}.small-avatar,.post-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#a54bff,#4820a9);font-weight:900}.small-avatar{width:40px;height:40px}.fx-main{display:grid;grid-template-columns:minmax(0,680px) 270px;justify-content:center;gap:28px;padding:30px}.feed-column{min-width:0}.welcome-banner{min-height:175px;padding:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;border:1px solid #6231b8;border-radius:20px;background:radial-gradient(circle at 85% 20%,#812aff66,transparent 40%),linear-gradient(120deg,#1a1032,#101020)}.welcome-banner small,.feature-heading small{color:#c29cff;font-size:10px;font-weight:800;letter-spacing:2px}.welcome-banner h1{font-size:clamp(22px,3vw,30px);margin:12px 0}.welcome-banner p{color:#b6b3c9;font-size:13px}.welcome-symbol{font-size:75px;font-weight:900;font-style:italic;color:#a56bff;opacity:.8;transform:rotate(-12deg)}.stories-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:19px;margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:16px}.section-heading button,.text-action{background:transparent;border:none;color:var(--purple-light)}.stories-list{display:flex;gap:20px;overflow-x:auto;padding:12px 0 5px}.story-item{border:none;background:transparent;color:#fff;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:9px}.story-ring{width:61px;height:61px;border-radius:50%;padding:3px;display:grid;place-items:center;background:linear-gradient(135deg,#9b39ff,#e343a4)}.story-ring span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#242038;font-weight:800}.story-add{background:#363646}.story-blue{background:linear-gradient(135deg,#299eff,#713cff)}.story-orange{background:linear-gradient(135deg,#ff9d35,#f04468)}.story-green{background:linear-gradient(135deg,#2fda9b,#2575fc)}.story-pink{background:linear-gradient(135deg,#ff44ac,#863bff)}.story-item small{font-size:10px;color:#c4c4d4}.create-post-box{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:19px}.create-post-top{display:flex;align-items:center;gap:13px}.create-post-top input{flex:1;min-width:0;background:var(--surface-light);border:1px solid transparent;border-radius:30px;padding:15px 18px;color:#fff;outline:none}.create-post-top input:focus{border-color:var(--purple)}.create-post-actions{display:flex;justify-content:space-between;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.create-post-actions button{background:transparent;border:none;color:#c5c3d5;padding:9px;font-size:12px;border-radius:9px}.create-post-actions button:hover{background:var(--surface-light);color:#fff}.create-post-actions button[type=submit]{background:var(--purple);color:#fff;padding:9px 20px}.feed-tabs{display:flex;gap:10px;margin:23px 0 15px}.feed-tabs button{padding:10px 18px;border:1px solid var(--border);background:var(--surface);border-radius:25px;color:#b5b5c7;font-size:12px}.feed-tabs button.selected{background:var(--purple);border-color:var(--purple);color:#fff}.fx-post{padding:20px;margin-bottom:18px;border:1px solid var(--border);border-radius:19px;background:var(--surface)}.post-author{display:flex;align-items:center;gap:12px}.post-avatar{width:46px;height:46px}.post-author-info{display:flex;flex-direction:column;gap:5px}.post-author-info strong{font-size:13px}.post-author-info small{color:var(--muted);font-size:10px}.verified{color:#45a9ff}.more-button{margin-left:auto;background:transparent;color:var(--muted);border:none}.post-text{font-size:13px;line-height:1.7;margin:18px 0}.post-art{min-height:220px;border-radius:15px;background:radial-gradient(circle at 70% 30%,#803aff80,transparent 40%),linear-gradient(135deg,#15102a,#28204b,#100f1c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:20px}.post-art span{font-size:13px;letter-spacing:5px;color:#c7b2ff}.post-art strong{font-size:clamp(22px,4vw,35px);font-weight:900}.post-art small{color:#c8b8ff;letter-spacing:2px;font-size:9px}.post-stat-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}.post-buttons{display:flex;justify-content:space-around;padding-top:12px;gap:5px}.post-buttons button{background:transparent;border:none;color:#c1bfd0;padding:9px;font-size:12px}.post-buttons button:hover,.post-buttons button.liked{color:#bd80ff}.right-panel{display:flex;flex-direction:column;gap:18px}.right-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:19px}.right-card h3{font-size:14px;margin-top:0}.right-card p{font-size:12px;color:#c3c0d4;padding:7px 0;border-bottom:1px solid var(--border)}.fx-promo{background:linear-gradient(140deg,#27114b,#151225);border-color:#6334a5}.fx-promo strong{font-size:13px;color:#d5b8ff}.feature-page{max-width:1050px;margin:auto;padding:45px 35px}.feature-heading h1{font-size:35px;margin:12px 0}.feature-heading p,.feature-placeholder p{color:var(--muted);font-size:13px}.feature-placeholder{margin-top:35px;min-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.feature-icon{width:75px;height:75px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#812aff,#431aab);font-size:25px;font-weight:900;font-style:italic}.feature-placeholder h2{margin-bottom:5px}.fx-bottom-nav{display:none}@media(max-width:1100px){.fx-main{grid-template-columns:minmax(0,680px)}.right-panel{display:none}}@media(max-width:760px){.fx-sidebar{display:none}.fx-content{margin-left:0;padding-bottom:85px}.fx-topbar{height:65px;padding:0 15px;gap:10px}.fx-topbar>.fx-logo{display:block;font-size:28px}.topbar-search{flex:1;width:auto;padding:10px 12px}.topbar-search input{font-size:11px}.topbar-actions{gap:7px}.topbar-actions button{width:35px;height:35px;font-size:16px}.topbar-actions .small-avatar{display:none}.fx-main{display:block;padding:14px 12px}.welcome-banner{min-height:145px;padding:19px;border-radius:16px}.welcome-banner h1{font-size:21px}.welcome-banner p{font-size:11px}.welcome-symbol{font-size:53px}.stories-panel{padding:14px}.stories-list{gap:15px}.create-post-box,.fx-post{padding:14px;border-radius:15px}.create-post-actions button{font-size:10px;padding:7px 4px}.post-art{min-height:190px}.feature-page{padding:28px 17px}.feature-heading h1{font-size:29px}.fx-bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:0;left:0;right:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#0d0d18;border-top:1px solid var(--border);z-index:30}.bottom-link{display:flex;flex-direction:column;align-items:center;gap:5px;color:#88889e;min-width:45px}.bottom-link span{font-size:21px}.bottom-link small{font-size:9px}.bottom-link.active{color:#b987ff}}@media(max-width:370px){.topbar-search{max-width:150px}.topbar-search input{font-size:10px}.create-post-actions{gap:2px}}.explore-page{width:100%;max-width:1100px;min-width:0;margin:0 auto;padding:32px 30px 60px;overflow:hidden}.explore-page *{box-sizing:border-box}.explore-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.explore-eyebrow{display:block;color:#a879ff;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:10px}.explore-header h1{font-size:clamp(28px,4vw,38px);font-weight:900;margin:0;letter-spacing:-1.5px}.explore-header h1 span{color:#a879ff}.explore-header p{color:#a6a5bb;font-size:13px;line-height:1.6}.explore-search{width:100%;min-width:0;min-height:58px;display:flex;align-items:center;gap:13px;padding:0 19px;border:1px solid #34304c;border-radius:17px;background:linear-gradient(110deg,#191629,#12121f);box-shadow:0 8px 25px #00000025;transition:border-color .2s,box-shadow .2s}.explore-search:focus-within{border-color:#8b48ff;box-shadow:0 0 0 3px #842cff20}.explore-search span{color:#ae80ff;font-size:25px}.explore-search input{flex:1;width:100%;min-width:0;border:none;outline:none;background:transparent;color:#fff;font-size:14px}.explore-search input::placeholder{color:#77758e}.explore-search input:focus{outline:none}.explore-tabs{display:flex;gap:9px;overflow-x:auto;padding:20px 0;scrollbar-width:none}.explore-tabs::-webkit-scrollbar{display:none}.explore-tabs button{flex-shrink:0;padding:10px 20px;border:1px solid #302b43;border-radius:30px;background:#151522;color:#c4c1d5;font-size:12px;font-weight:600;transition:.2s}.explore-tabs button.active{background:linear-gradient(110deg,#8d36ff,#5b22d5);border-color:transparent;color:#fff;box-shadow:0 5px 18px #792cff35}.explore-section{margin-top:28px}.explore-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.explore-section-heading h2{margin:5px 0 0;font-size:20px;font-weight:800}.explore-live{color:#4ee5a2;font-size:9px;font-weight:800;letter-spacing:1px}.explore-see-all{border:none;background:transparent;color:#b78bff;font-size:12px;font-weight:700}.topic-grid{display:flex;flex-wrap:wrap;gap:10px}.topic-chip{border:1px solid #302c43;border-radius:30px;background:#151522;color:#c7c3d8;padding:11px 17px;font-size:12px;font-weight:600;transition:.2s}.topic-chip:hover,.topic-chip.selected{background:#7029df;border-color:#9654ff;color:#fff}.people-discovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.discovery-person{min-width:0;padding:21px 14px;text-align:center;border:1px solid #302a45;border-radius:19px;background:linear-gradient(145deg,#191627,#11111d);transition:transform .2s,border-color .2s}.discovery-person:hover{transform:translateY(-3px);border-color:#8042dc}.discovery-avatar{width:65px;height:65px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900;border:3px solid #a879ff}.explore-purple{background:linear-gradient(135deg,#8d37ff,#371b7d)}.explore-blue{background:linear-gradient(135deg,#258cff,#242c80)}.explore-pink{background:linear-gradient(135deg,#f04ba7,#7025a8)}.discovery-person h3{font-size:13px;margin:5px 0}.discovery-person h3 span{color:#54a9ff}.discovery-person>small{color:#a879ff;font-size:10px}.discovery-person p{color:#aaa8bd;font-size:11px;line-height:1.5;min-height:34px}.discovery-person>strong{display:block;color:#d4d0e5;font-size:10px;margin:12px 0}.discovery-follow{width:100%;padding:11px;border:none;border-radius:11px;background:linear-gradient(100deg,#8b35ff,#6025d5);color:#fff;font-size:11px;font-weight:700}.discovery-follow.following{background:#282438;border:1px solid #7041bb;color:#d0b4ff}.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.discover-card{min-width:0;overflow:hidden;border-radius:18px;border:1px solid #302b43;background:#141421}.discover-art{min-height:135px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.discover-art span{font-size:37px;font-weight:900;color:#fff}.discover-art small{color:#eee6ff;font-size:10px;letter-spacing:2px;text-transform:uppercase}.discover-purple{background:radial-gradient(circle,#7940dc,#211339)}.discover-green{background:radial-gradient(circle,#168f76,#102b29)}.discover-pink{background:radial-gradient(circle,#bc438f,#32132d)}.discover-blue{background:radial-gradient(circle,#3568ca,#172344)}.discover-card-content{padding:16px}.discover-card-content>span{color:#b98cff;font-size:10px;font-weight:700}.discover-card-content h3{font-size:14px;line-height:1.5;margin:8px 0}.discover-card-content p{color:#aaa8bd;font-size:11px;line-height:1.5}.discover-card-content button{margin-top:8px;padding:9px 14px;border:1px solid #7441c0;border-radius:9px;background:#281a43;color:#d6baff;font-size:11px}.explore-empty{padding:45px 20px;text-align:center;border:1px solid #302b43;border-radius:16px;background:#141421}.explore-empty h3{font-size:17px}.explore-empty p{color:#9996ae;font-size:12px}@media(max-width:900px){.explore-page{padding:25px 22px 50px}.people-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.explore-page{width:100%;max-width:100%;margin:0;padding:25px 16px 45px;overflow-x:hidden}.explore-header h1{font-size:29px}.explore-header p{font-size:12px}.explore-search{min-height:53px;border-radius:15px;padding:0 14px}.explore-search input{font-size:12px}.explore-tabs{gap:8px;padding:17px 0}.explore-tabs button{padding:10px 16px;font-size:11px}.explore-section{margin-top:24px}.explore-section-heading h2{font-size:17px}.topic-grid{gap:8px}.topic-chip{padding:10px 13px;font-size:10px}.people-discovery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-person{padding:17px 10px}.discovery-avatar{width:57px;height:57px}.discover-grid{grid-template-columns:minmax(0,1fr);gap:13px}.discover-art{min-height:120px}}@media(max-width:360px){.explore-page{padding-left:12px;padding-right:12px}.topic-chip{padding:9px 11px;font-size:9px}.explore-header h1{font-size:26px}}:root{--bg: #000000;--surface: #101014;--surface-light: #191920;--border: #292432;--purple: #792cff;--purple-light: #b276ff;--muted: #9995a8;--text: #f7f7ff}.fx-logo{display:flex;flex-direction:column;align-items:center;font-size:58px;line-height:1;letter-spacing:-5px;text-shadow:0 0 25px #872cff80}.fx-logo small{margin-top:9px;font-size:9px;letter-spacing:5px;font-style:normal;font-weight:700;color:#d4c5f5}.fx-welcome{min-height:100vh;min-height:100svh;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;background:#030207}.welcome-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(to bottom,#08031120 5%,#08031110 35%,#050309 78%,#030207),radial-gradient(ellipse at 50% 30%,#7532c9 0%,transparent 55%),linear-gradient(135deg,#17132b,#090811 65%);animation:fx-photo-glow 8s ease-in-out infinite alternate}.welcome-glow{position:absolute;z-index:-2;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.28;pointer-events:none}.welcome-glow-one{background:#792cff;top:5%;left:-180px;animation:fx-float-one 9s ease-in-out infinite alternate}.welcome-glow-two{background:#bd35ff;right:-180px;bottom:5%;animation:fx-float-two 11s ease-in-out infinite alternate}.welcome-content{width:100%;max-width:520px;padding:45px 25px 35px;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-content>.fx-logo{margin-bottom:35px;animation:fx-logo-enter 1s ease both}.welcome-copy{width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:35px}.welcome-line{margin:0;font-size:clamp(20px,5vw,29px);font-weight:800;opacity:0;transform:translateY(18px);animation:fx-text-enter .8s ease forwards;text-shadow:0 3px 20px #000}.line-one{animation-delay:.8s}.line-two{animation-delay:2.8s}.line-three{animation-delay:4.8s}.fx-primary-button{min-height:57px;padding:14px 24px;border:1px solid #c18aff;border-radius:40px;background:linear-gradient(110deg,#a72cff,#6511e9);color:#fff;font-size:16px;font-weight:800;box-shadow:0 8px 35px #852cff55;transition:transform .2s,box-shadow .2s}.fx-primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #852cff80}.welcome-button{width:100%;max-width:390px;margin-top:5px;font-size:19px;animation:fx-button-enter .8s ease 6s both}.welcome-button span{float:right;font-size:23px;line-height:20px}@keyframes fx-logo-enter{0%{opacity:0;transform:translateY(-25px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fx-text-enter{to{opacity:1;transform:translateY(0)}}@keyframes fx-button-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fx-photo-glow{0%{filter:brightness(.85)}to{filter:brightness(1.15)}}@keyframes fx-float-one{to{transform:translate(100px,80px)}}@keyframes fx-float-two{to{transform:translate(-100px,-70px)}}.fx-auth-page{min-height:100vh;min-height:100svh;padding:30px 16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#54218a35,transparent 55%),#000}.fx-auth-card{width:100%;max-width:440px;padding:30px;position:relative;border:1px solid #30243f;border-radius:25px;background:linear-gradient(145deg,#15121d,#09090e);box-shadow:0 20px 80px #00000080,0 0 35px #762aff15}.auth-back-button{border:none;background:transparent;color:#b98aff;font-size:13px;margin-bottom:20px}.fx-auth-card>.fx-logo{font-size:43px}.fx-auth-card>.fx-logo small{font-size:8px}.auth-heading{text-align:center;margin:30px 0 23px}.auth-heading h1{font-size:25px;margin:0 0 9px}.auth-heading p{color:#a5a0b4;font-size:12px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:13px;background:#09080f;margin-bottom:23px}.auth-tabs button{padding:12px 5px;border:none;border-radius:10px;background:transparent;color:#aaa4ba;font-size:12px;font-weight:700}.auth-tabs button.selected{background:linear-gradient(100deg,#812cff,#5d20c4);color:#fff}.fx-auth-form{display:flex;flex-direction:column;gap:17px}.fx-auth-form label{display:flex;flex-direction:column;gap:8px;color:#e6e1ef;font-size:12px;font-weight:600}.fx-auth-form input{width:100%;min-width:0;min-height:49px;padding:13px 14px;border:1px solid #34303f;border-radius:11px;outline:none;background:#0b0a11;color:#fff;font-size:13px}.fx-auth-form input:focus{border-color:#9b55ff;box-shadow:0 0 0 3px #8d37ff20}.fx-auth-form input::placeholder{color:#777184}.password-field{display:flex;align-items:center;gap:8px;padding-right:10px;border:1px solid #34303f;border-radius:11px;background:#0b0a11}.password-field input{border:none;background:transparent}.password-field button{border:none;background:transparent;color:#b98aff;font-size:11px;font-weight:700}.forgot-password{align-self:flex-end;margin-top:-8px;border:none;background:transparent;color:#b98aff;font-size:11px}.auth-submit{width:100%;margin-top:5px}.auth-divider{display:flex;align-items:center;gap:12px;margin:23px 0;color:#9992a8;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#34303f}.google-sign-in{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #77717f;border-radius:30px;background:transparent;color:#fff;font-size:13px;font-weight:600}.google-sign-in strong{font-size:21px;color:#4285f4}.auth-switch{margin:23px 0 0;text-align:center;color:#aaa4b7;font-size:11px}.auth-switch button{margin-left:7px;border:none;background:transparent;color:#b77aff;font-weight:800}.auth-error,.auth-success{margin:0;padding:11px;border-radius:9px;font-size:11px;line-height:1.5}.auth-error{background:#421b29;color:#ff9eb0}.auth-success{background:#123727;color:#8de7b5}.feed-empty{margin-top:25px;padding:45px 20px;text-align:center;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.feed-empty h2{font-size:19px}.feed-empty p{color:var(--muted);font-size:12px;line-height:1.6}.settings-card{margin-top:25px;padding:22px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.settings-card h2{font-size:16px}.settings-card p{color:var(--muted);font-size:12px;line-height:1.6}.theme-options{display:flex;gap:12px;margin-top:20px}.theme-options button,.sign-out-button{padding:11px 22px;border:1px solid var(--border);border-radius:10px;background:var(--surface-light);color:var(--text);font-size:12px;font-weight:700}.theme-options button.selected{background:var(--purple);border-color:var(--purple);color:#fff}.sign-out-button{margin-top:20px;color:#ff9cae}.fx-loading{min-height:100vh;display:grid;place-items:center;background:#000;color:#a56bff;font-size:45px;font-weight:900;font-style:italic;animation:fx-loading-pulse 1.2s ease-in-out infinite alternate}@keyframes fx-loading-pulse{to{opacity:.4;transform:scale(.95)}}:root[data-theme=light]{--bg: #f5f4f9;--surface: #ffffff;--surface-light: #efedf5;--border: #ded9e8;--text: #191522;--muted: #777184}:root[data-theme=light] body{background:var(--bg);color:var(--text)}:root[data-theme=light] .fx-sidebar,:root[data-theme=light] .fx-topbar,:root[data-theme=light] .fx-bottom-nav{background:#fff}:root[data-theme=light] .side-link{color:#514b60}:root[data-theme=light] .topbar-search input{color:#191522}:root[data-theme=light] .settings-card,:root[data-theme=light] .feed-empty,:root[data-theme=light] .feature-placeholder{background:#fff}:root[data-theme=light] .settings-card p,:root[data-theme=light] .feed-empty p{color:#777184}@media(max-width:600px){.welcome-content{padding:35px 22px 30px}.welcome-content>.fx-logo{margin-bottom:28px}.welcome-copy{gap:19px;margin-bottom:30px}.welcome-line{font-size:21px}.welcome-button{min-height:55px}.fx-auth-page{padding:16px;align-items:center}.fx-auth-card{padding:23px 19px;border-radius:20px}.auth-heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.welcome-photo,.welcome-glow,.welcome-content *,.fx-loading{animation:none!important}.welcome-line{opacity:1;transform:none}.welcome-button{opacity:1}}.fx-mobile-nav{display:none}@media(max-width:768px){.fx-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;justify-content:space-around;align-items:center;gap:4px;padding:10px 5px calc(10px + env(safe-area-inset-bottom));background:#11111d;border-top:1px solid #29293b;overflow-x:auto}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:48px;color:#9292aa;text-decoration:none;font-size:19px}.mobile-nav-link small{font-size:9px;white-space:nowrap}.mobile-nav-link.active{color:#a46bff}.fx-content{padding-bottom:85px}}:root{--bg: #090910;--surface: #12121d;--surface-light: #1b1b29;--border: #29283a;--purple: #792cff;--purple-light: #b184ff;--muted: #9997ad;--text: #f7f6fc;--success: #36d399;--danger: #ff5577;--radius-card: 18px;--shadow-card: 0 8px 30px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}button:active{transform:scale(.97)}input,textarea,select{color:var(--text)}::selection{background:#792cff66;color:#fff}:focus-visible{outline:2px solid var(--purple-light);outline-offset:3px}.fx-app{min-height:100vh;background:var(--bg)}.fx-sidebar{background:#0e0e18;border-right:1px solid var(--border);box-shadow:5px 0 25px #00000014}.side-link{border:1px solid transparent;transition:.2s ease}.side-link:hover{background:#211832;color:#fff;transform:translate(3px)}.side-link.active{background:linear-gradient(110deg,#792cff,#5420ba);box-shadow:0 5px 20px #792cff30}.fx-topbar{background:#0c0c17f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.topbar-search{transition:.2s ease}.topbar-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #792cff20}.stories-panel,.create-post-box,.fx-post,.right-card,.settings-card,.feature-placeholder,.feed-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.fx-post{transition:border-color .2s ease}.fx-post:hover{border-color:#494064}.story-item{transition:transform .2s ease}.story-item:hover{transform:translateY(-3px)}.story-ring{box-shadow:0 0 0 2px var(--surface)}.create-post-top input{transition:.2s ease}.create-post-top input:focus{background:#211a30;border-color:var(--purple)}.create-post-actions{flex-wrap:wrap}.create-post-actions button{transition:.2s ease}.create-post-actions button:hover{background:var(--surface-light)}.post-buttons{border-top:1px solid var(--border);margin-top:12px}.post-buttons button{flex:1;border-radius:10px;transition:.2s ease}.post-buttons button:hover{background:var(--surface-light)}.more-button{width:38px;height:38px;border-radius:50%;font-size:20px}.more-button:hover{background:var(--surface-light);color:#fff}input,textarea,select{max-width:100%}input:focus,textarea:focus,select:focus{outline:none}.feature-page,.explore-page{animation:fx-page-enter .3s ease both}@keyframes fx-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fx-primary-button,.discovery-follow,.auth-submit{transition:.2s ease}.fx-primary-button:hover,.discovery-follow:hover,.auth-submit:hover{filter:brightness(1.12);box-shadow:0 8px 25px #792cff35}*{scrollbar-width:thin;scrollbar-color:#49366b transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#49366b;border-radius:20px}*::-webkit-scrollbar-track{background:transparent}.fx-mobile-nav{background:#0f0f19f7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);padding-left:7px;padding-right:7px}.mobile-nav-link{transition:color .2s ease}.mobile-nav-link.active{color:var(--purple-light)}:root[data-theme=light]{--bg: #f3f2f8;--surface: #ffffff;--surface-light: #f0eef6;--border: #e3dfeb;--text: #191522;--muted: #777184}:root[data-theme=light] .fx-sidebar,:root[data-theme=light] .fx-topbar,:root[data-theme=light] .fx-mobile-nav{background:#fffffff5}:root[data-theme=light] .fx-post,:root[data-theme=light] .stories-panel,:root[data-theme=light] .create-post-box,:root[data-theme=light] .right-card,:root[data-theme=light] .settings-card{background:#fff}:root[data-theme=light] .post-buttons button,:root[data-theme=light] .create-post-actions button{color:#514b60}:root[data-theme=light] .topbar-search input,:root[data-theme=light] .create-post-top input{color:#191522}@media(max-width:760px){.fx-post,.create-post-box,.stories-panel{box-shadow:0 4px 18px #0000001f}.fx-main{padding-left:11px;padding-right:11px}.fx-content{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.fx-mobile-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.post-buttons button{font-size:11px;padding:10px 3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fx-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;background:#080810}.fx-loading-logo{display:flex;align-items:center;justify-content:center;animation:fx-logo-breathe 1.5s ease-in-out infinite}.fx-loading-logo .fx-logo{font-size:54px;line-height:1}.fx-loading-dots{display:flex;align-items:center;justify-content:center;gap:8px}.fx-loading-dots span{width:7px;height:7px;border-radius:50%;background:#a879ff;animation:fx-dot-bounce 1.1s ease-in-out infinite}.fx-loading-dots span:nth-child(2){animation-delay:.18s}.fx-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes fx-logo-breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.06)}}@keyframes fx-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-7px);opacity:1}}