:root{--bg:#06070b;--bg-2:#0b0c12;--panel:#ffffff0b;--border:#ffffff14;--text:#f5f7fb;--muted:#aab2c5;--pink:#ff63c3;--blue:#59d7ff;--shadow:0 24px 80px #0000006b}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;color:var(--text);background:radial-gradient(circle at top,#5c3aff1c,#0000 25%),radial-gradient(circle at 20% 15%,#ff63c314,#0000 20%),linear-gradient(#06070b 0%,#040509 100%);margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,video{max-width:100%}.app-shell{min-height:100vh}.screen-shell{width:min(100%,980px);max-width:100%;margin:0 auto;padding:24px 16px 210px}.session-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06070bd1;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.session-header-inner{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1200px);margin:0 auto;padding:16px 18px;display:flex}.session-brand-pill{color:#ffd1eb;letter-spacing:.12em;background:#ff63c314;border:1px solid #ff63c33d;border-radius:999px;align-items:center;min-height:40px;padding:0 18px;font-size:13px;font-weight:800;display:inline-flex}.session-nav{align-items:center;gap:12px;display:flex}.session-nav-btn{color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;place-items:center;width:56px;height:56px;transition:all .2s;display:grid}.session-nav-btn.active{background:linear-gradient(135deg,#ff63c329,#59d7ff1f);border-color:#ffffff1f}.feed-card{width:100%;max-width:100%;box-shadow:var(--shadow);background:linear-gradient(#12131bf5,#0a0b12f5);border:1px solid #ffffff14;border-radius:28px;padding:16px;overflow:hidden}.feed-caption{color:var(--muted);font-size:17px;line-height:1.6}.feed-caption strong{color:#fff}.feed-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(94vw,420px);min-height:68px;box-shadow:var(--shadow);z-index:9999;background:#0f1016e0;border:1px solid #ffffff0f;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}.bottom-nav-item{color:#ffffffdb;background:0 0;border-radius:18px;place-items:center;height:52px;transition:all .2s;display:grid}.bottom-nav-item.active{color:#fff;background:#ffffff14}.bottom-nav-avatar{object-fit:cover;border:1px solid #ffffff1f;border-radius:999px;width:34px;height:34px}.auth-page{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{width:min(100%,720px);box-shadow:var(--shadow);background:#12131bf5;border:1px solid #ffffff14;border-radius:32px;padding:28px}.auth-mode-switch{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.auth-button{background:linear-gradient(135deg, var(--blue), var(--pink));color:#fff;cursor:pointer;border:1px solid #59d7ff47;border-radius:999px;width:100%;min-height:58px;font-size:20px;font-weight:800}.auth-message{border-radius:16px;padding:14px 16px;font-size:14px}.auth-message.error{color:#ffd0d0;background:#ff5a5a1f;border:1px solid #ff5a5a33}.auth-message.success{color:#d1fae5;background:#34d3991f;border:1px solid #34d39933}.reels-shell{scroll-snap-type:y mandatory;background:#000;height:calc(100vh - 110px);overflow-y:auto}.reel-slide{scroll-snap-align:start;background:#000;min-height:calc(100vh - 110px);position:relative}.reel-video-full{object-fit:cover;background:#000;width:100%;height:calc(100vh - 110px)}@media (width<=860px){.screen-shell{padding:18px 14px 220px}.session-header-inner{padding:14px}.session-nav-btn{border-radius:16px;width:52px;height:52px}.session-brand-pill{min-height:38px;padding:0 16px;font-size:12px}}@media (width<=640px){.screen-shell{padding:18px 14px 190px}.bottom-nav{border-radius:24px;width:min(94vw,400px);min-height:70px;padding:8px}.bottom-nav-item{height:52px}.auth-card{padding:22px}.auth-mode-switch{grid-template-columns:1fr 1fr}}.story-viewer{z-index:2000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.story-progress-row{z-index:3;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;top:14px;left:14px;right:14px}.story-progress-track{background:#ffffff38;border-radius:999px;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:999px;height:100%}.story-topbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:16px;right:16px}.story-user{color:#fff;align-items:center;gap:10px;display:flex}.story-avatar{background:#ffffff1f;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;overflow:hidden}.story-avatar img{object-fit:cover;width:100%;height:100%}.story-username{font-weight:700}.story-time{color:#ffffffb8;font-size:12px}.story-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.story-media-wrap{flex:1;display:flex;position:relative}.story-media{object-fit:cover;width:100%;height:100%}.story-caption{color:#fff;z-index:3;text-shadow:0 2px 16px #000000a6;font-size:16px;line-height:1.5;position:absolute;bottom:28px;left:18px;right:18px}.story-tap-zone{z-index:2;background:0 0;border:none;width:50%;position:absolute;top:0;bottom:0}.story-tap-zone.left{left:0}.story-tap-zone.right{right:0}.stories-row{gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.feed-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.feed-card-user{align-items:center;gap:12px;min-width:0;display:flex}.feed-card-avatar{background:#ffffff14;border-radius:999px;flex-shrink:0;place-items:center;width:56px;height:56px;font-weight:800;display:grid;overflow:hidden}.feed-card-avatar img{object-fit:cover;width:100%;height:100%}.feed-card-username{font-size:20px;font-weight:800;line-height:1.05}.feed-card-name{color:var(--muted);margin-top:4px;font-size:16px}.feed-follow-btn{color:#ffd1eb;background:#ff63c314;border:1px solid #ff63c359;border-radius:999px;min-height:48px;padding:0 22px;font-size:16px;font-weight:800}.feed-card-media{margin-bottom:14px}.feed-actions{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.feed-action-btn{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:52px;min-height:52px;padding:0 18px;font-size:16px;display:inline-flex}.feed-caption{color:#d7dbe4;margin:0;line-height:1.6}