@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary: #a855f7;--primary-glow: rgba(168, 85, 247, .4);--secondary: #ec4899;--secondary-glow: rgba(236, 72, 153, .4);--accent: #FFAB40;--bg-dark: #0F021A;--bg-light: #1A0B2E;--text-main: #FFFFFF;--text-muted: #BDB2CF;--text-dim: #827597;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-thick: rgba(20, 10, 30, .8);--card-radius: 24px;--font-main: "Plus Jakarta Sans", sans-serif;--font-heading: "Outfit", sans-serif;--font-scale: 1;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);transition:background-color .3s ease,color .3s ease}.theme-light{--bg-dark: #f8f9fa;--bg-light: #ffffff;--text-main: #1a1a1a;--text-muted: #333333;--text-dim: #555555;--glass: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .1);--glass-thick: rgba(255, 255, 255, .95);--primary-glow: rgba(168, 85, 247, .2);--secondary-glow: rgba(236, 72, 153, .2)}.theme-light body{background-image:radial-gradient(at 0% 0%,hsla(253,100%,98%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,100%,98%,1) 0,transparent 50%),radial-gradient(at 50% 100%,hsla(273,100%,96%,1) 0,transparent 50%)}.theme-light .bottom-nav{background:linear-gradient(to top,rgba(255,255,255,.98) 60%,transparent)}.theme-light .nav-item{color:#666}.theme-light .nav-item.active{color:var(--primary)}.theme-light .glass-card{background:#00000005;border:1px solid rgba(0,0,0,.05)}.theme-light .glass-card:hover{background:#0000000a}.theme-light ::-webkit-scrollbar-thumb{background:#0000001a}.theme-light ::-webkit-scrollbar-thumb:hover{background:#0003}html{font-size:calc(16px * var(--font-scale))}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background:var(--bg-dark);background-image:radial-gradient(at 0% 0%,hsla(253,16%,12%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,15%,1) 0,transparent 50%),radial-gradient(at 50% 100%,hsla(273,67%,10%,1) 0,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.flare-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;display:flex;flex-direction:column}.page-content{padding:0 20px calc(100px + var(--safe-bottom));flex:1;width:100%}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--card-radius)}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0f;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff;padding:14px 28px;border-radius:18px;font-weight:700;font-family:var(--font-heading);cursor:pointer;box-shadow:0 10px 20px -5px var(--primary-glow);transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-primary:hover:after{opacity:1}.btn-primary:hover{transform:scale(1.02);box-shadow:0 15px 30px -5px var(--primary-glow)}.btn-primary:active{transform:scale(.98)}h1,h2,h3{font-family:var(--font-heading)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.pi-dashboard-shell{--pi-bg: #f4efe5;--pi-paper: rgba(255, 250, 240, .8);--pi-ink: #1d2a2f;--pi-muted: #5d6f73;--pi-line: rgba(29, 42, 47, .1);--pi-orange: #d96c3d;--pi-green: #2d7a66;--pi-blue: #3574a8;min-height:100vh;padding:32px 20px;background:radial-gradient(circle at top left,rgba(217,108,61,.18),transparent 28%),radial-gradient(circle at top right,rgba(53,116,168,.2),transparent 25%),linear-gradient(180deg,#f8f3ea 0%,var(--pi-bg) 100%);color:var(--pi-ink)}.pi-dashboard{width:min(1120px,100%);margin:0 auto;display:grid;gap:20px}.pi-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:28px;border-radius:28px;background:linear-gradient(135deg,#fff8eeeb,#f8eee2bf);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 70px #49372514}.pi-eyebrow{margin-bottom:10px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pi-orange);font-weight:800}.pi-hero h1{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1;margin-bottom:12px;color:var(--pi-ink)}.pi-subtitle{max-width:720px;color:var(--pi-muted);line-height:1.6;font-size:1rem}.pi-refresh-button{border:none;border-radius:999px;background:var(--pi-ink);color:#fffaf2;display:inline-flex;gap:10px;align-items:center;padding:14px 18px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 14px 30px #1d2a2f2e}.pi-status-strip{display:flex;flex-wrap:wrap;gap:10px}.pi-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:.95rem;border:1px solid transparent}.pi-pill-ok{background:#2d7a6624;color:#1f5d4f}.pi-pill-error{background:#d96c3d29;color:#8a4223}.pi-pill-neutral{background:#ffffff94;color:var(--pi-ink);border-color:#1d2a2f14}.pi-error-box,.pi-card,.pi-panel{background:var(--pi-paper);border:1px solid var(--pi-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 45px #4937250f}.pi-error-box{border-radius:22px;padding:18px 20px;color:#8a4223}.pi-error-box p{margin-top:6px}.pi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pi-card{border-radius:24px;padding:18px;display:flex;gap:14px;min-height:120px}.pi-card-warn{background:linear-gradient(180deg,#fff5ecf2,#ffecddeb)}.pi-card-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#ffffffd9;color:var(--pi-orange);flex:0 0 auto}.pi-card-copy{display:grid;gap:6px}.pi-card-copy span,.pi-usage-head span,.pi-facts dt{color:var(--pi-muted);font-size:.95rem}.pi-card-copy strong{font-size:1.5rem;line-height:1.1}.pi-card-copy small,.pi-usage small,.pi-facts dd{color:var(--pi-ink)}.pi-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.pi-panel{border-radius:28px;padding:22px}.pi-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.pi-panel-head h2{font-size:1.1rem}.pi-usage+.pi-usage{margin-top:16px}.pi-usage-head{display:flex;justify-content:space-between;margin-bottom:8px}.pi-usage-track{height:12px;border-radius:999px;overflow:hidden;background:#1d2a2f14;margin-bottom:8px}.pi-usage-fill{height:100%;border-radius:inherit}.pi-accent-memory{background:linear-gradient(90deg,#3f7cac,#61a5c2)}.pi-accent-disk{background:linear-gradient(90deg,#d96c3d,#ef9b5f)}.pi-facts{display:grid;gap:14px}.pi-facts div{padding-bottom:12px;border-bottom:1px solid var(--pi-line)}.pi-facts div:last-child{border-bottom:none;padding-bottom:0}.pi-facts dd{margin-top:4px;font-weight:700;word-break:break-word}.spin{animation:pi-spin 1s linear infinite}@keyframes pi-spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.pi-hero,.pi-detail-grid{grid-template-columns:1fr;display:grid}.pi-hero{gap:20px}}@media (max-width: 640px){.pi-dashboard-shell{padding:18px 14px 32px}.pi-hero,.pi-panel,.pi-card{border-radius:22px}.pi-refresh-button{width:100%;justify-content:center}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:12px 30px calc(12px + var(--safe-bottom));background:linear-gradient(to top,rgba(10,10,20,.98) 70%,transparent);display:flex;justify-content:space-between;align-items:flex-end;z-index:100;border:none;border-radius:0}.nav-item{color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:60px;height:50px}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";position:absolute;top:-6px;width:20px;height:3px;background:var(--primary);border-radius:2px;animation:navDotIn .3s ease}.nav-item:active{transform:scale(.9)}.soul-nav-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;width:54px;height:54px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-top:-24px;margin-bottom:2px;box-shadow:0 8px 15px var(--primary-glow);border:4px solid var(--bg-dark);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-item.active .soul-nav-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 30px var(--primary-glow)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-card{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--card-radius);min-height:120px}.skeleton-avatar{width:42px;height:42px;border-radius:50%}.skeleton-text{height:14px;border-radius:7px;width:60%}.skeleton-text-short{height:12px;border-radius:6px;width:40%}.skeleton-image{width:100%;aspect-ratio:4/3;border-radius:16px}.skeleton-feed-card{padding:16px;border-radius:var(--card-radius);background:var(--glass);border:1px solid var(--glass-border);margin-bottom:24px}.skeleton-feed-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-feed-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.skeleton-feed-footer{display:flex;gap:24px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.skeleton-btn{width:60px;height:22px;border-radius:11px}@keyframes heartBurst{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.95)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes heartPulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}.like-burst{animation:heartBurst .5s cubic-bezier(.175,.885,.32,1.275)}.like-pulse{animation:heartPulse .6s ease-out;border-radius:50%}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.page-transition-enter{animation:fadeSlideIn .3s ease forwards}.page-transition-exit{animation:fadeSlideOut .2s ease forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes navDotIn{0%{width:0;opacity:0}to{width:20px;opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:18px;height:18px;border-width:2px}.toast-container{position:fixed;top:calc(16px + var(--safe-top));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:440px;width:calc(100% - 32px)}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.empty-state-modern .empty-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff40811a,#7c4dff1a);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state-modern h3{font-size:1.1rem;font-weight:700;color:var(--text-main)}.empty-state-modern p{font-size:.9rem;color:var(--text-muted);line-height:1.5;max-width:280px}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;width:100px;height:100px;background:#ffffff26;border-radius:50%;transform:scale(0);pointer-events:none}.ripple:active:after{animation:ripple .5s linear}.btn-follow{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #7c4dff4d}.btn-follow:hover{transform:translateY(-2px);box-shadow:0 6px 15px #7c4dff80}.btn-follow.following{background:#ffffff1a;box-shadow:none;color:var(--text-main);border:1px solid rgba(255,255,255,.2)}.btn-follow.following:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:radial-gradient(at 0% 0%,hsla(253,16%,12%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,15%,1) 0,transparent 50%)}.auth-card{width:100%;max-width:400px;padding:32px 24px;display:flex;flex-direction:column;gap:24px}.auth-header{text-align:center;margin-bottom:8px}.auth-header h1{font-size:2rem;margin-bottom:8px;background:linear-gradient(135deg,white,var(--text-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-header p{color:var(--text-dim);font-size:.95rem}.auth-logo-container{margin-bottom:16px;display:flex;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 16px;color:var(--text-muted);transition:all .2s ease}.input-group:focus-within{border-color:var(--primary);background:#ff40810d;box-shadow:0 0 0 1px var(--primary-glow)}.input-group input{background:none;border:none;color:#fff;font-family:inherit;font-size:.95rem;width:100%;outline:none}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-textfield-decoration-container{visibility:hidden}input[type=password]::-webkit-contacts-auto-fill-button{visibility:hidden;position:absolute}.input-group input::placeholder{color:var(--text-dim)}.auth-error{background:#ef44441a;color:#ef4444;padding:12px;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:8px;border:1px solid rgba(239,68,68,.2)}.divider{display:flex;align-items:center;color:var(--text-dim);font-size:.8rem;gap:16px;margin:8px 0}.line{flex:1;height:1px;background:#ffffff1a}.social-login{display:flex;gap:12px}.social-btn{flex:1;height:48px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.social-btn:hover{background:#ffffff14;transform:translateY(-2px)}.social-icon-img{width:24px;height:24px}.switch-auth{margin-top:16px;text-align:center;font-size:.9rem;color:var(--text-dim)}.switch-auth span{color:var(--primary);font-weight:600;cursor:pointer;margin-left:6px}.switch-auth span:hover{text-decoration:underline}.moments-feed .header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;z-index:50;border-radius:0 0 24px 24px;background:#0f021ad9}.sticky-header{position:sticky;top:0;margin:-20px -20px 20px;padding-top:var(--safe-top)}.notification-bell-home{position:relative;cursor:pointer;color:#fff}.notif-dot-glow{position:absolute;top:0;right:0;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-dark);box-shadow:0 0 8px #ef4444}.feed{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.moment-card{overflow:visible;position:relative}.card-header{padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.user-info{display:flex;gap:12px;align-items:center}.user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.user-meta{display:flex;flex-direction:column}.user-meta h3{font-size:1rem;font-weight:700;color:#fff}.time{font-size:.75rem;color:var(--text-dim)}.more-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.more-btn:hover,.more-btn.active{background:#ffffff1a;color:#fff}.menu-dropdown{position:absolute;top:48px;right:16px;background:var(--bg-light);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:20;overflow:hidden;min-width:140px}.menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-size:.9rem;color:var(--text-main);transition:background .2s}.menu-item:hover{background:#ffffff0d}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef44441a}.card-content{padding:0 16px 16px;font-size:.95rem;line-height:1.5;color:var(--text-muted);white-space:pre-wrap}.card-image{width:100%;object-fit:cover;display:block}.card-footer{padding:12px 16px;display:flex;gap:24px;border-top:1px solid rgba(255,255,255,.05)}.action-btn{background:none;border:none;display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{color:#fff}.action-btn.liked{color:#ff4081}.comments-section{background:#0003;padding:16px;border-top:1px solid rgba(255,255,255,.05)}