:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--color-text);font-family:var(--font-body);background:radial-gradient(1200px 500px at -10% -5%,#2f7cff3d,#0000 60%),radial-gradient(900px 460px at 120% 15%,#00d5ff24,#0000 60%),linear-gradient(#050608 0%,#090b10 58%,#06070a 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-body{min-height:100vh}.shell-background{justify-content:center;min-height:100vh;padding:clamp(8px,2vw,24px);display:flex}.mobile-shell{border:1px solid var(--color-border);width:min(100%,420px);min-height:calc(100vh - clamp(16px,4vw,48px));box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#080a0ef0 0%,#07090dfa 100%);border-radius:40px;flex-direction:column;display:flex;overflow:hidden}.shell-header{padding:calc(env(safe-area-inset-top,0px) + var(--space-md))var(--space-lg)var(--space-sm);justify-content:space-between;align-items:center;display:flex}.shell-brand{font-family:var(--font-display);letter-spacing:.03em;font-size:.95rem;font-weight:700}.shell-badge{color:#a4c2ff;border-radius:var(--radius-pill);background:#2f7cff1f;border:1px solid #2f7cff99;justify-content:center;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.shell-content{padding:0 var(--space-lg)calc(74px + env(safe-area-inset-bottom,0px));animation:shell-content-in var(--motion-slow)ease both;flex:1}.page{gap:var(--space-md);flex-direction:column;display:flex}.hero,.card,.feed-card,.user-list-row{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:linear-gradient(#171a22f2 0%,#13161ef2 100%)}.hero{padding:clamp(var(--space-md),3vw,var(--space-lg));gap:var(--space-sm);display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,2.5rem);line-height:1.05}.hero p,.muted{color:var(--color-text-muted);margin:0;line-height:1.45}.card{padding:var(--space-md);gap:var(--space-sm);display:grid}.status-chip{border-radius:var(--radius-pill);color:#8ef0b9;background:#40d98024;border:1px solid #40d98073;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:700}.inline-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.auth-form{gap:var(--space-sm);display:grid}.auth-form label{color:var(--color-text-muted);gap:6px;font-size:.9rem;display:grid}.auth-form input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel-soft);color:var(--color-text);transition:border-color var(--motion-fast)ease;outline:none;padding:12px}.auth-form textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel-soft);color:var(--color-text);resize:vertical;min-height:88px;transition:border-color var(--motion-fast)ease;outline:none;padding:12px}.auth-form input:focus-visible,.auth-form textarea:focus-visible{border-color:var(--color-brand)}.field-error{color:#ff9b9b;font-size:.8rem}.auth-form-inline{grid-template-columns:1fr}.primary-action{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:transform var(--motion-fast)ease,filter var(--motion-fast)ease;background:linear-gradient(#2f7cff,#1f55c6);border:1px solid #0000;padding:12px 16px;font-weight:700}.primary-action:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.primary-action:disabled{opacity:.65;cursor:not-allowed}.social-auth-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-panel);cursor:pointer;transition:border-color var(--motion-fast)ease,transform var(--motion-fast)ease;justify-content:center;align-items:center;gap:12px;padding:13px 14px;font-weight:700;display:inline-flex}.social-auth-btn:hover:not([disabled]){border-color:#4a5670;transform:translateY(-1px)}.social-auth-btn[aria-disabled=true]{opacity:.7;pointer-events:none}.social-auth-btn-accent{background:linear-gradient(#2f7cff47,#131e36f2);border-color:#2f7cff99}.social-auth-icon{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:inline-flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.82rem;font-weight:900;display:inline-flex}.brand-google{background:linear-gradient(135deg,#ea4335,#fbbc05 50%,#34a853 85%)}.brand-meta{background:linear-gradient(135deg,#0076ff,#62b5ff)}.brand-telegram{background:linear-gradient(135deg,#27a8ea,#0c7ec6)}.welcome-screen{gap:var(--space-sm)}.welcome-hero{text-align:center;padding-top:var(--space-lg)}.welcome-ufo-wrap{place-items:center;min-height:96px;display:grid;position:relative}.welcome-ufo-glow{filter:blur(8px);background:radial-gradient(circle,#00d5ff70 0%,#2f7cff2e 58%,#0000 82%);border-radius:50%;width:120px;height:54px;animation:2.4s ease-in-out infinite pulse-glow;position:absolute}.welcome-ufo{font-size:3rem;animation:2.8s ease-in-out infinite float-ufo;position:relative}.welcome-tagline{margin-top:var(--space-xs);font-size:1.95rem;font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text)}.welcome-subtitle{color:var(--color-text-muted);margin-top:-2px}.welcome-provider-list{gap:var(--space-sm);margin-top:var(--space-xs);display:grid}.welcome-legal{margin-top:var(--space-xs);color:var(--color-text-soft);font-size:.82rem;line-height:1.4}.welcome-local-hint{text-align:center}.welcome-error{text-align:left}.auth-page{gap:var(--space-sm)}.auth-hero{gap:var(--space-md)}.auth-provider-row{gap:var(--space-sm);display:grid}.onboarding-page{gap:var(--space-sm)}.onboarding-editor{gap:var(--space-md)}.onboarding-top-row{justify-content:flex-start;display:flex}.onboarding-avatar-wrap{justify-items:center;gap:var(--space-sm);display:grid}.onboarding-avatar{color:#d6e3ff;cursor:pointer;background:linear-gradient(#2f7cff3d,#121826f2);border:2px solid #2f7cffa6;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;font-size:2rem;display:inline-flex;overflow:hidden}.onboarding-avatar img{object-fit:cover;width:100%;height:100%}.onboarding-photo-link{color:#5da2ff;cursor:pointer;background:0 0;border:0;font-weight:700}.onboarding-form{gap:var(--space-md)}.onboarding-helper{font-size:.85rem}.onboarding-section-title{font-size:1.15rem;font-family:var(--font-display);margin:0}.onboarding-network-grid{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-network-chip{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel-soft);color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.onboarding-network-chip.is-selected{color:#dbe7ff;background:#2f7cff2e;border-color:#2f7cffbf}.onboarding-handle-row{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel-soft);grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.onboarding-handle-row input{background:0 0;border:0}.onboarding-handle-row input:focus-visible{outline:none}.onboarding-handle-preview{color:#59a0ff;white-space:nowrap;padding:0 12px;font-weight:700}.onboarding-done{letter-spacing:.03em;width:100%}.profile-page{gap:var(--space-sm)}.profile-hero-card{padding:0;overflow:hidden}.profile-cover{background:radial-gradient(120% 90% at 15% 0,#ffaa966b,#0000 56%),radial-gradient(130% 110% at 90% 100%,#a867ff57,#0000 62%),linear-gradient(145deg,#f08b95 0%,#cd7fb4 44%,#8f67d4 100%);min-height:360px;position:relative}.profile-cover-image{object-fit:cover;width:100%;height:100%;min-height:360px;display:block}.profile-cover-fallback{color:#fff;min-height:360px;font-size:clamp(4rem,16vw,5rem);font-family:var(--font-display);letter-spacing:-.04em;place-items:center;font-weight:800;display:grid}.profile-cover-gradient{background:linear-gradient(#0000 0%,#06080ee0 64%,#07090dfa 100%);height:150px;position:absolute;inset:auto 0 0}.profile-cover-meta{padding:0 var(--space-md);z-index:1;position:absolute;bottom:18px;left:0;right:0}.profile-cover-meta h1{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.04}.profile-network-row{padding:0 var(--space-md)var(--space-md);align-items:center;gap:var(--space-xs);z-index:2;flex-wrap:wrap;margin-top:-26px;display:flex;position:relative}.profile-network-chip{color:#fff;background:#0b0e189e;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:800;display:inline-flex}.profile-network-chip.network-youtube{background:linear-gradient(145deg,#ff2f2f,#cd0f0f)}.profile-network-chip.network-instagram{background:linear-gradient(145deg,#f77737,#c13584 55%,#5b51d8)}.profile-network-chip.network-telegram{background:linear-gradient(145deg,#2ea8ff,#1173d6)}.profile-network-chip.network-x{background:linear-gradient(145deg,#16181f,#06070b)}.profile-network-chip.network-add{color:#121624;background:linear-gradient(145deg,#edf0f6,#cad1df);border-color:#0000;font-size:1.65rem}.profile-network-chip.is-static{cursor:default}.profile-network-hint{font-size:.86rem}.profile-identity-card{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:var(--space-md);gap:var(--space-md);background:linear-gradient(#171a22f2 0%,#13161ef2 100%);display:grid}.profile-identity-row{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.profile-label{color:var(--color-text-muted);text-transform:lowercase;margin:0;font-size:.84rem}.profile-username{color:#4c9bff;letter-spacing:-.01em;margin:2px 0 0;font-size:1.25rem;font-weight:800}.profile-meta-icons{color:#4c9bff;align-items:center;gap:10px;font-size:1.02rem;font-weight:700;display:inline-flex}.profile-metrics{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-metric{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff08;gap:6px;padding:10px;display:grid}.profile-metric-value{letter-spacing:-.01em;margin:0;font-size:1.06rem;font-weight:700}.profile-bio-wrap{gap:6px;display:grid}.profile-bio{color:#d9deea;margin:0;line-height:1.45}.profile-action-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.profile-follow-button{min-width:132px}.profile-action-link{font-weight:700}.profile-action-link.is-hidden{display:none}.bottom-nav{gap:var(--space-xs);border-top:1px solid var(--color-border);padding:var(--space-xs)var(--space-sm)calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background:#0b0d12f0;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.bottom-nav-item{min-height:52px;color:var(--color-text-soft);transition:color var(--motion-fast)ease,background var(--motion-fast)ease;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.bottom-nav-item.is-active{color:#c7dbff;background:#2f7cff2e}.bottom-nav-icon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:inline-flex}.bottom-nav-label{letter-spacing:.04em;font-size:.67rem}.user-list-row{justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.user-list-row-main{gap:10px;min-width:0;display:flex}.user-avatar{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:inline-flex}.user-list-text{min-width:0}.user-handle{align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.verified-dot{color:#fff;background:#2f7cff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;display:inline-flex}.user-subtitle{color:var(--color-text-muted);margin:2px 0 0;font-size:.86rem}.follow-action{border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;padding:8px 14px;font-weight:700}.follow-action-light{color:#11131a;background:#f2f4f7;border-color:#0000}.follow-action-dark{color:#c7dbff;background:#2f7cff2e}.profile-action-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-panel-soft);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.profile-action-chip.is-selected{color:#d9e7ff;background:#2f7cff33;border-color:#2f7cffcc}.profile-action-chip-icon{background:#ffffff17;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;display:inline-flex}.feed-list{gap:var(--space-sm);display:grid}.feed-card{animation:card-reveal var(--motion-base)ease both;gap:12px;padding:14px;display:grid}.feed-card-header h3{margin:0;font-size:1rem}.feed-card-body{color:#d2d8e7;margin:0;line-height:1.45}.feed-card-media{border-radius:var(--radius-sm);overflow:hidden}.feed-card-media img{object-fit:cover;width:100%;display:block}.feed-card-actions{flex-wrap:wrap;gap:8px;display:flex}.feed-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff08;padding:10px}.page-link{color:#9cc2ff;text-decoration:underline}.provider-chip-row{flex-wrap:wrap;gap:8px;display:flex}.feed-page{gap:var(--space-sm)}.feed-top-tabs,.network-tabs{border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feed-top-tab,.network-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 6px 8px;font-weight:700}.feed-top-tab.is-active,.network-tab.is-active{color:#dbe7ff;border-bottom-color:#2f7cff}.feed-controls{gap:var(--space-xs);display:grid}.feed-freshness{font-size:.82rem}.feed-message{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;padding:10px 12px}.feed-error{border-color:#ff787866;justify-content:space-between;align-items:center;gap:10px;display:flex}.feed-stream{gap:10px;display:grid}.feed-loading,.feed-empty,.search-empty-state{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff08;padding:14px}.search-error-state{border-color:#ff787866}.timeline-card{border-radius:var(--radius-sm);background:linear-gradient(#151821fa,#10131bfa);border:1px solid #ffffff1f;gap:10px;padding:10px;display:grid}.timeline-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.timeline-provider-wrap{gap:4px;display:grid}.timeline-provider-badge{border-radius:var(--radius-pill);border:1px solid #fff3;width:fit-content;padding:2px 10px;font-size:.74rem;font-weight:800}.provider-all{background:#58627a33}.provider-telegram{background:#1e94ff38}.provider-instagram{background:#d45fa03d}.provider-youtube{background:#ff505042}.timeline-card-meta{color:var(--color-text-muted);margin:0;font-size:.82rem}.timeline-more{color:var(--color-text-soft);font-weight:700}.timeline-media{border:1px solid #ffffff1f;border-radius:12px;min-height:168px;overflow:hidden}.timeline-media-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:168px}.timeline-media-fallback{color:#eef3ff;place-items:center;font-weight:700;display:grid}.timeline-body{color:#d9deea;margin:0;line-height:1.42}.timeline-stats{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:.85rem;display:flex}.feed-end{text-align:center;font-size:.82rem}.feed-disconnected{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);padding:var(--space-md);gap:var(--space-xs);background:linear-gradient(#171a22f2 0%,#13161ef2 100%);display:grid}.feed-disconnected h1{margin:0}.search-page,.network-page{gap:var(--space-sm)}.search-header-card,.network-toolbar{gap:var(--space-sm);display:grid}.search-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-panel-soft);color:var(--color-text);outline:none;padding:12px 14px}.search-input::placeholder{color:var(--color-text-soft)}.search-input:focus-visible{border-color:#2f7cff}.search-results,.network-list{gap:8px;display:grid}.search-action-error,.network-action-error{margin-top:4px}.follow-action:disabled{opacity:.6;cursor:not-allowed}@keyframes shell-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-ufo{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.92)}50%{opacity:.95;transform:scale(1.05)}to{opacity:.4;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (min-width:960px){.shell-background{padding:24px}.mobile-shell{border-radius:30px;width:min(100%,960px)}.shell-content{padding:0 22px 96px}.grid,.auth-form-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-hero-card{grid-template-columns:minmax(320px,1.15fr) minmax(0,1fr);align-items:stretch;display:grid}.profile-cover,.profile-cover-image,.profile-cover-fallback{min-height:420px}.profile-network-row{padding:var(--space-md);background:linear-gradient(#0a0d14e0 0%,#0b0f16f0 100%);align-content:center;margin-top:0}}