.navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:.65rem 0;position:sticky;top:0;z-index:110}.navbar-container{max-width:960px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:800;color:#0f172a;text-decoration:none;text-align:center}.navbar-side{display:flex;align-items:center;gap:.5rem;min-height:32px}.navbar-side-actions{justify-content:flex-end;gap:.6rem}.navbar-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#0f172a;font-size:1rem}.navbar-icon-btn:hover{background:#eef2ff;border-color:#c7d2fe}.navbar-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#007aff,#34c759);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border:1px solid #c7d2fe}.tabbar{position:fixed;bottom:0;left:0;right:0;height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 18px #0f172a0f;z-index:90}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .12s ease,font-weight .12s ease,color .12s ease,box-shadow .12s ease}.tabbar-item-create{transform:translateY(-8px)}.tabbar-item-create .tabbar-icon{background:#fff;color:#111;border:1px solid #d4d4d4;width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000014;font-size:1.4rem}.tabbar-item-active{color:#000;font-weight:800}.tabbar-icon{font-size:1.2rem}.tabbar-item:hover{transform:translateY(-2px);font-weight:800;color:#000}@media(min-width:960px){.tabbar{max-width:960px;margin:0 auto;left:50%;transform:translate(-50%);border-radius:18px 18px 0 0}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:80px}.feed-item{background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:1.25rem}.feed-item-header{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.25rem .6rem}.feed-item-avatar-wrap{flex-shrink:0;display:block}.feed-item-avatar{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--border-color);border:1px solid #e5e7eb}.feed-item-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.feed-item-username{font-size:1rem;font-weight:700;color:var(--text-color);text-decoration:none}.feed-item-username:hover{text-decoration:underline}.feed-item-time{font-size:.85rem;color:var(--text-secondary)}.feed-item-body{display:block;text-decoration:none;color:inherit;padding:0 1.25rem .9rem}.feed-item-content{font-size:1rem;line-height:1.4;color:var(--text-color);margin:0 0 .75rem;white-space:pre-wrap;word-break:break-word}.feed-item-read-more{margin-left:.25rem;background:none;border:none;color:var(--secondary-color);font-size:inherit;font-weight:600;cursor:pointer;padding:0}.feed-item-read-more:hover{text-decoration:underline}.feed-item-media{border-radius:10px;overflow:hidden;background:var(--background);margin-top:.5rem}.feed-item-media-img{width:100%;max-height:400px;object-fit:cover;display:block}.feed-item-footer{display:flex;align-items:center;gap:1rem;padding:.65rem 1.25rem 1.05rem;border-top:1px solid var(--border-color)}.feed-item-action{border:none;background:transparent;padding:.35rem .4rem;border-radius:8px;cursor:pointer;color:#444;font-weight:700;font-size:.95rem;transition:transform .1s ease,color .1s ease,font-weight .1s ease}.feed-item-action:hover:not(:disabled){transform:translateY(-1px);color:#111;font-weight:800}.feed-item-action:disabled{opacity:.6;cursor:not-allowed}.feed-item-action-active{color:#111}.feed-item-stat{font-size:.9rem;color:var(--text-secondary)}.feed-item-link{margin-left:auto;font-size:.9rem;font-weight:600;color:var(--secondary-color);text-decoration:none}.feed-item-link:hover{text-decoration:underline}.home{padding:1rem 1.5rem 2.5rem;max-width:920px;margin:0 auto}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.home-title{font-size:1.5rem;font-weight:800;color:var(--text-color);margin:0}.home-refresh{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.home-refresh:hover:not(:disabled){background:#ffffff14}.home-refresh:disabled{opacity:.6;cursor:not-allowed}.home-error{padding:.75rem 1rem;margin-bottom:1rem;background:#ef444426;border-radius:10px;color:#fca5a5;font-size:.95rem}.home-loading,.home-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-secondary)}.home-spinner{width:36px;height:36px;margin:0 auto 1rem;border:3px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:home-spin .8s linear infinite}@keyframes home-spin{to{transform:rotate(360deg)}}.home-feed{display:flex;flex-direction:column;gap:0}.language-selector{display:flex;align-items:center;gap:.5rem}.language-selector-label{font-size:1.2rem;cursor:pointer}.language-selector-select{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.language-selector-select:hover{background:#ffffff26;border-color:#ffffff4d}.language-selector-select:focus{outline:none;border-color:#fff6;background:#ffffff26}.language-selector-select option{background:#1a1a1a;color:#fff}.auth-code-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.auth-code-bg-canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-container{position:relative;z-index:2;background:var(--card-background);padding:2rem;border-radius:16px;width:100%;max-width:420px;box-shadow:0 10px 28px #0f172a1f;border:1px solid #e5e7eb}.login-header{text-align:center;margin-bottom:1.75rem}.login-title{margin:0 0 .5rem;font-size:1.9rem;font-weight:500;letter-spacing:-.02em;color:var(--text-color);line-height:1.2;font-family:Pacifico,Brush Script MT,cursive,Segoe UI,sans-serif}.login-tagline{margin:0;font-size:.95rem;font-weight:400;color:var(--text-secondary);letter-spacing:.01em;line-height:1.4;max-width:18rem;margin-inline:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-color);font-size:1rem;width:100%}.login-input:focus{outline:none;border-color:var(--secondary-color)}.login-input:disabled{opacity:.7;cursor:not-allowed}.login-password-wrap{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--background);overflow:hidden}.login-input-password{flex:1;border:none;border-radius:0;min-width:0}.login-input-password:focus{border:none;box-shadow:none}.login-password-wrap:focus-within{border-color:var(--secondary-color)}.login-password-toggle{display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.login-password-toggle:hover:not(:disabled){color:var(--text-color)}.login-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-button{padding:.75rem 1rem;background:var(--secondary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:.25rem}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-loading{text-align:center;padding:.75rem;color:var(--text-secondary);font-size:.95rem}.login-error{color:#f44;text-align:center;padding:.5rem .75rem;background:#ff44441a;border-radius:6px;font-size:.9rem}.login-links{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.login-link{background:none;border:none;color:#cfd8ff;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:.25rem}.login-link:hover:not(:disabled){color:#e8eeff}.login-link:disabled{opacity:.5;cursor:not-allowed}.login-register{display:block;text-align:center;padding:.75rem 1rem;margin-top:1rem;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:transparent;color:var(--text-color);font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.login-register:hover{background:#ffffff14;border-color:#fffc}.login-language-selector{position:absolute;top:.5rem;right:.5rem}.login-language-selector .language-selector{gap:.25rem}.login-language-selector .language-selector-label{font-size:.85rem}.login-language-selector .language-selector-select{padding:.25rem .4rem;font-size:.75rem;min-height:unset}.login-disabled{pointer-events:none}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:1.5rem 0}.register-container{position:relative;z-index:2;background:var(--card-background);padding:1.5rem 2rem;border-radius:16px;width:100%;max-width:420px;box-shadow:0 10px 28px #0f172a1f;border:1px solid #e5e7eb}.register-language-selector{position:absolute;top:.5rem;right:.5rem}.register-language-selector .language-selector{gap:.25rem}.register-language-selector .language-selector-label{font-size:.85rem}.register-language-selector .language-selector-select{padding:.25rem .4rem;font-size:.75rem;min-height:unset}.register-header{text-align:center;margin-bottom:1.5rem}.register-title{margin:0 0 .5rem;font-size:1.9rem;font-weight:500;letter-spacing:-.02em;color:var(--text-color);line-height:1.2;font-family:Pacifico,Brush Script MT,cursive,Segoe UI,sans-serif}.register-tagline{margin:0;font-size:.95rem;font-weight:400;color:var(--text-secondary);letter-spacing:.01em;line-height:1.4;max-width:18rem;margin-inline:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.register-form{display:flex;flex-direction:column;gap:.5rem}.register-input{padding:.65rem 1rem;border:1px solid var(--border-color);border-radius:10px;background:var(--background);color:var(--text-color);font-size:1rem;width:100%}.register-input:focus{outline:none;border-color:var(--secondary-color)}.register-input.register-input-valid{border-color:#22c55e}.register-input.register-input-invalid{border-color:#ef4444}.register-input:disabled{opacity:.7;cursor:not-allowed}.register-input::placeholder{color:var(--text-secondary)}.register-field-wrap{position:relative;display:flex;align-items:center}.register-field-wrap .register-input{padding-right:2.5rem}.register-spinner{position:absolute;right:.75rem;display:inline-block;width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:register-spin .7s linear infinite}@keyframes register-spin{to{transform:rotate(360deg)}}.register-icon{position:absolute;right:.75rem;font-size:1rem;font-weight:700}.register-icon.ok{color:#22c55e}.register-icon.err{color:#ef4444}.register-helper{font-size:.8rem;color:var(--text-secondary);margin-left:.25rem;margin-top:-.25rem;margin-bottom:.25rem}.register-helper.err{color:#ef4444}.register-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;margin-bottom:.25rem}.register-pill{background:#007aff26;border:1px solid rgba(0,122,255,.4);border-radius:14px;padding:.4rem .75rem;color:#93c5fd;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.register-pill:hover:not(:disabled){background:#007aff40;border-color:#007aff99}.register-pill:disabled{opacity:.6;cursor:not-allowed}.register-phone-row{display:flex;align-items:center;gap:.5rem;position:relative}.register-phone-code{width:5.5rem;min-width:5.5rem}.register-phone-number{flex:1;min-width:0;padding-right:2.25rem}.register-phone-row .register-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.register-password-wrap{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:10px;background:var(--background);overflow:hidden}.register-password-wrap .register-input{border:none;border-radius:0}.register-password-wrap .register-input:focus{border:none;box-shadow:none}.register-password-wrap:focus-within{border-color:var(--secondary-color)}.register-password-toggle{display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.register-password-toggle:hover:not(:disabled){color:var(--text-color)}.register-password-toggle:disabled{opacity:.5;cursor:not-allowed}.register-error{color:#f44;text-align:center;padding:.5rem .75rem;background:#ff44441a;border-radius:8px;font-size:.9rem;margin-top:.25rem}.register-button{padding:.75rem 1rem;background:var(--secondary-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:.5rem}.register-button:hover:not(:disabled){opacity:.9}.register-button:disabled{opacity:.7;cursor:not-allowed}.register-login-link{text-align:center;margin-top:1rem;font-size:.95rem;color:var(--text-secondary)}.register-login-link a{color:var(--secondary-color);text-decoration:none}.register-login-link a:hover{text-decoration:underline}.recovery-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7ff,#eaf2ff);padding:1.5rem}.recovery-container{background:#fff;padding:1.5rem 2rem;border-radius:16px;width:100%;max-width:400px;box-shadow:0 8px 32px #0f172a14;border:1px solid #e5e7eb}.recovery-title{text-align:center;margin-bottom:1.25rem;font-size:1.35rem;font-weight:800}.recovery-segment-row{display:flex;gap:.5rem;margin-bottom:1rem}.recovery-segment-btn{flex:1;padding:.6rem 1rem;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.recovery-segment-btn:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.recovery-segment-btn:disabled{opacity:.6;cursor:not-allowed}.recovery-segment-active{border-color:#007aff;background:#007aff1f;color:#0f172a}.recovery-segment-channel-active{border-color:#5856d6;background:#5856d61f;color:#1f2937}.recovery-input{width:100%;padding:.75rem 1rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#0f172a;font-size:1rem}.recovery-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.recovery-input:disabled{opacity:.7;cursor:not-allowed}.recovery-input::placeholder{color:#9ca3af}.recovery-helper{font-size:.85rem;color:var(--text-secondary);margin:-.25rem 0 .75rem;text-align:center}.recovery-result{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;margin-bottom:1rem;background:#f8fafc}.recovery-result-label{display:block;color:#6b7280;font-size:.9rem;margin-bottom:.5rem;text-align:center}.recovery-result-value{display:block;color:#0f172a;font-size:1.25rem;font-weight:800;text-align:center}.recovery-error{color:#f44;font-size:.9rem;text-align:center;padding:.5rem .75rem;margin-bottom:1rem;background:#ff44441a;border-radius:8px}.recovery-loading{text-align:center;padding:.75rem;color:var(--text-secondary);font-size:.95rem}.recovery-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.recovery-btn{padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s;text-align:center;text-decoration:none;display:block;border:none}.recovery-btn:disabled{opacity:.6;cursor:not-allowed}.recovery-btn-primary{background:var(--secondary-color);color:#fff}.recovery-btn-primary:hover:not(:disabled){opacity:.95}.recovery-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.5);color:var(--text-color)}.recovery-btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#fffc}.recovery-btn-back{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);margin-top:.5rem}.recovery-btn-back:hover{background:#ffffff0f;color:var(--text-color)}.interests-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f4f7ff,#eaf2ff)}.interests-scroll{flex:1;overflow-y:auto;padding:1rem 1rem 6rem}.interests-card{background:#fffffff0;border-radius:18px;padding:1.25rem;max-width:560px;margin:0 auto;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.08)}.interests-title{color:#111;font-size:1.35rem;font-weight:800;margin:0 0 .5rem}.interests-subtitle{color:#444;margin:0 0 1rem;line-height:1.4;font-size:.95rem}.interests-counter-wrap{margin-bottom:1rem}.interests-counter{color:#333;font-size:.95rem}.interests-counter strong{color:#111;font-weight:900}.interests-section{margin-top:1.25rem}.interests-section-title{color:#111;font-size:1rem;font-weight:800;margin:0 0 .6rem}.interests-chips-wrap{display:flex;flex-direction:column;gap:.6rem}.interests-parent-wrap{width:100%}.interests-parent-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.interests-chip{flex:1;min-width:120px;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#ffffffd9;color:#111;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.interests-chip:hover{border-color:#0078fe80;background:#0078fe0f}.interests-chip-active{border-color:#0078fe;background:#0078fe1a;color:#003a86;font-weight:900}.interests-chip-inactive{border-color:#00000024;background:#ffffffd9}.interests-more-pill{padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#ffffffd9;color:#111;font-size:.8rem;font-weight:800;cursor:pointer;transition:border-color .2s,background .2s}.interests-more-pill:hover,.interests-more-pill-active{border-color:#0078fe;background:#0078fe1a;color:#003a86}.interests-sub-wrap{margin-top:.6rem;padding-left:.5rem;border-left:2px solid rgba(0,120,254,.2)}.interests-sub-section{margin-top:.75rem}.interests-sub-title{color:#111;font-size:.85rem;font-weight:900;margin:0 0 .5rem}.interests-sub-chips{display:flex;flex-wrap:wrap;gap:.5rem}.interests-chip-small{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#ffffffeb;color:#111;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.interests-chip-small:hover{border-color:#0078fe80;background:#0078fe0f}.interests-chip-small-active{border-color:#0078fe;background:#0078fe1f;color:#003a86;font-weight:900}.interests-chip-small-inactive{border-color:#00000024;background:#ffffffeb}.interests-consent-row{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.25rem}.interests-checkbox{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:1px solid #0b0b0b;background:#fff;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.interests-checkbox:hover,.interests-checkbox-active{background:#0b0b0b}.interests-consent-text{flex:1;text-align:left;background:none;border:none;color:#111;font-size:.85rem;line-height:1.35;cursor:pointer;padding:0}.interests-consent-note{font-size:.8rem;color:#555;margin:.5rem 0 0}.interests-footer{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.75rem;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid rgba(0,0,0,.08)}.interests-btn{padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;transition:opacity .2s}.interests-btn:disabled{opacity:.6;cursor:not-allowed}.interests-btn-secondary{width:110px;flex-shrink:0;border:1px solid rgba(0,0,0,.18);background:#ffffffe6;color:#111}.interests-btn-secondary:hover:not(:disabled){background:#fff}.interests-btn-primary-wide{flex:1;background:linear-gradient(135deg,#0078fe,#00bfff);border:none;color:#fff}.interests-btn-primary-wide:hover:not(:disabled){opacity:.95}.interests-btn-primary-wide:disabled{opacity:.55}.interests-btn-primary{padding:.75rem 1.25rem;background:var(--secondary-color);border:none;color:#fff}.interests-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.interests-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:interests-spin .7s linear infinite}@keyframes interests-spin{to{transform:rotate(360deg)}}.interests-muted{margin-top:.75rem;color:var(--text-secondary);font-size:.95rem}.terms-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7ff,#eaf2ff);padding:1.5rem}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff8c;pointer-events:none}.terms-container{position:relative;z-index:1;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 8px 32px #0f172a14;overflow:hidden;border:1px solid #e5e7eb}.terms-scroll{flex:1;overflow-y:auto;padding:1.5rem 1.25rem 8rem}.terms-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#111827;letter-spacing:.02em}.terms-section{font-size:1.1rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem;color:#007aff;letter-spacing:.02em}.terms-section:first-of-type{margin-top:0}.terms-text{font-size:1rem;line-height:1.5;margin-bottom:.75rem;color:#1f2937;font-weight:500}.terms-list{margin:0 0 0 .75rem;padding-left:.5rem;list-style:none}.terms-bullet{font-size:.95rem;line-height:1.4;margin-bottom:.5rem;color:#1f2937;font-weight:500}.terms-checkbox-wrap{display:flex;align-items:center;margin-top:1.25rem;padding:.5rem 0;cursor:pointer;gap:.6rem}.terms-checkbox{width:22px;height:22px;accent-color:#4da8ff;cursor:pointer;flex-shrink:0}.terms-checkbox:disabled{cursor:not-allowed;opacity:.6}.terms-checkbox-label{font-size:1rem;color:#111827;font-weight:500}.terms-error{color:#b91c1c;text-align:center;padding:.5rem .75rem;margin:0 1rem;background:#ef444414;border-radius:8px;font-size:.9rem}.terms-actions{display:flex;gap:.75rem;padding:1rem 1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.terms-btn{flex:1;padding:.85rem 1rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s;border:none;letter-spacing:.02em}.terms-btn:disabled{opacity:.6;cursor:not-allowed}.terms-btn-back{background:transparent;color:#111827;border:1px solid #d1d5db}.terms-btn-back:hover:not(:disabled){background:#0000000a}.terms-btn-continue{background:linear-gradient(135deg,#007aff,#34c759);color:#fff}.terms-btn-continue:hover:not(:disabled){opacity:.95}.terms-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.terms-spinner{width:28px;height:28px;border:3px solid var(--border-color, rgba(255, 255, 255, .2));border-top-color:var(--secondary-color, #4da8ff);border-radius:50%;animation:terms-spin .7s linear infinite}@keyframes terms-spin{to{transform:rotate(360deg)}}.terms-muted{margin-top:.75rem;color:var(--text-secondary, #94a3b8);font-size:.95rem}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7ff,#eaf2ff);padding:1.5rem}.verify-container,.verify-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.verify-container{align-items:stretch;background:#fff;padding:1.5rem 2rem;border-radius:16px;width:100%;max-width:400px;box-shadow:0 8px 32px #0f172a14;border:1px solid #e5e7eb}.verify-title{font-size:1.35rem;font-weight:700;margin-bottom:1rem;color:#0f172a}.verify-segment-row{display:flex;gap:.5rem;margin-bottom:1rem}.verify-segment-btn{flex:1;padding:.6rem 1rem;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.verify-segment-btn:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.verify-segment-btn:disabled{opacity:.6;cursor:not-allowed}.verify-segment-active{border-color:#007aff;background:#007aff1f;color:#0f172a}.verify-input{width:100%;padding:.75rem 1rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#0f172a;font-size:1rem}.verify-input:focus{outline:none;border-color:var(--secondary-color, #3b82f6)}.verify-input::placeholder{color:var(--text-secondary, #94a3b8)}.verify-input:disabled{opacity:.7;cursor:not-allowed}.verify-dev-banner{font-size:.85rem;color:#86efac;background:#22c55e26;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem;text-align:center}.verify-error{padding:.5rem .75rem;margin-bottom:.75rem;background:#ef444426;border-radius:8px;color:#fca5a5;font-size:.9rem;text-align:center}.verify-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.verify-btn{padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s;text-align:center;border:none}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.verify-btn-primary{background:var(--secondary-color, #3b82f6);color:#fff}.verify-btn-primary:hover:not(:disabled){opacity:.95}.verify-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.5);color:var(--text-color, #fff)}.verify-btn-secondary:hover:not(:disabled){background:#ffffff14}.verify-btn-back{margin-top:.25rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--text-secondary, #94a3b8)}.verify-btn-back:hover:not(:disabled){background:#ffffff0f;color:var(--text-color, #fff)}.verify-spinner{width:32px;height:32px;border:3px solid var(--border-color, rgba(255, 255, 255, .2));border-top-color:var(--secondary-color, #3b82f6);border-radius:50%;animation:verify-spin .8s linear infinite}@keyframes verify-spin{to{transform:rotate(360deg)}}.verify-muted{margin-top:.75rem;color:var(--text-secondary, #94a3b8);font-size:.95rem}.success-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f7ff,#eaf2ff);padding:2rem;opacity:0;transition:opacity .7s ease-out}.success-page.success-visible{opacity:1}.success-icon{width:120px;height:120px;color:var(--secondary-color, #3b82f6);margin-bottom:.5rem}.success-icon svg{width:100%;height:100%}.success-title{font-size:1.6rem;font-weight:700;margin-top:.5rem;text-align:center;color:#0f172a}.success-subtitle{font-size:1.05rem;text-align:center;margin-top:.6rem;opacity:.85;color:#4b5563}.success-spinner{width:32px;height:32px;margin-top:1.5rem;border:3px solid rgba(15,23,42,.1);border-top-color:var(--secondary-color, #3b82f6);border-radius:50%;animation:success-spin .8s linear infinite}@keyframes success-spin{to{transform:rotate(360deg)}}.profile-page{max-width:940px;margin:0 auto;padding:1.5rem 1rem 3rem}.profile-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px #0f172a0f;margin-bottom:1.25rem}.profile-identity{display:flex;gap:1rem;align-items:center}.profile-avatar{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-username{margin:0;font-size:1.2rem;font-weight:800;color:#0f172a}.profile-name{margin:.1rem 0;color:#334155}.profile-bio{margin:.15rem 0 .5rem;color:#4b5563;line-height:1.4}.profile-stats{display:flex;gap:1rem;margin:.35rem 0 .6rem;color:#0f172a;font-size:.95rem}.profile-stats strong{font-weight:800}.profile-follow-btn{padding:.55rem .9rem;border-radius:10px;border:none;background:linear-gradient(135deg,#007aff,#34c759);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #007aff2e}.profile-follow-btn:disabled{opacity:.6;cursor:not-allowed}.profile-followback{display:inline-block;margin-left:.5rem;color:#6b7280;font-size:.9rem}.profile-posts h2{margin:0 0 .75rem;color:#0f172a}.profile-feed{display:flex;flex-direction:column;gap:1rem}.profile-loading,.profile-error,.profile-empty{text-align:center;color:#4b5563}.profile-spinner{width:32px;height:32px;margin:0 auto .75rem;border:3px solid #e5e7eb;border-top-color:#007aff;border-radius:50%;animation:profile-spin .7s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.post-page{max-width:820px;margin:0 auto;padding:1.5rem 1rem 3rem}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px #0f172a0f;margin-bottom:1.5rem}.post-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.post-author{display:flex;align-items:center;gap:.75rem}.post-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#e5e7eb}.post-username{margin:0;font-weight:800;color:#111827}.post-time{display:block;font-size:.9rem;color:#6b7280}.post-like-btn,.post-save-btn{padding:.5rem .6rem;border-radius:10px;border:none;background:transparent;cursor:pointer;font-weight:700;color:#444;transition:transform .1s ease,color .1s ease,font-weight .1s ease}.post-like-btn:hover:not(:disabled),.post-save-btn:hover:not(:disabled){transform:translateY(-1px);color:#111;font-weight:800}.post-header-actions{display:flex;gap:.5rem;align-items:center}.post-content{margin:1rem 0;font-size:1.05rem;line-height:1.55;color:#0f172a;white-space:pre-wrap}.post-media{border-radius:14px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;margin-bottom:.75rem}.post-media img{display:block;width:100%;height:auto}.post-stats{display:flex;gap:1rem;font-size:.95rem;color:#4b5563}.post-comments{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px #0f172a0f}.post-comments h2{margin:0 0 1rem;font-size:1.2rem;color:#0f172a}.post-comment-form{display:flex;gap:.6rem;margin-bottom:1rem}.post-comment-form input{flex:1;padding:.65rem .9rem;border-radius:10px;border:1px solid #e5e7eb;font-size:1rem}.post-comment-form input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.post-comment-form button{padding:.65rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#007aff,#34c759);color:#fff;font-weight:700;cursor:pointer}.post-comment-form button:disabled{opacity:.6;cursor:not-allowed}.post-comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.post-comment{display:flex;gap:.75rem}.post-comment-avatar{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#e5e7eb}.post-comment-body{flex:1}.post-comment-row{display:flex;gap:.5rem;align-items:baseline}.post-comment-username{font-weight:800;color:#0f172a}.post-comment-time{font-size:.9rem;color:#6b7280}.post-comment-text{margin:.15rem 0 .35rem;color:#111827;line-height:1.45}.post-comment-actions{display:flex;gap:.5rem;align-items:center}.post-comment-actions button{border:1px solid #e5e7eb;background:#f8fafc;padding:.35rem .6rem;border-radius:10px;cursor:pointer}.post-comment-delete{color:#b91c1c}.post-loading,.post-error,.post-empty,.post-loading-sm{text-align:center;color:#4b5563}.post-spinner{width:32px;height:32px;margin:0 auto .75rem;border:3px solid #e5e7eb;border-top-color:#007aff;border-radius:50%;animation:post-spin .7s linear infinite}@keyframes post-spin{to{transform:rotate(360deg)}}.chat-placeholder{max-width:640px;margin:0 auto;padding:2rem 1rem;text-align:center;color:#0f172a}.chat-placeholder h1{margin-bottom:.5rem;font-size:1.6rem}.chat-placeholder p{color:#4b5563;line-height:1.5}.security-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:#f6f8fb;padding:1.5rem}.security-page--unauth{min-height:100vh}.security-unauth-box{text-align:center;max-width:360px}.security-unauth-text{color:#111827;margin-bottom:1rem;font-size:1rem}.security-container{width:100%;max-width:420px;background:#fff;padding:1.5rem 1.4rem;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 32px #0f172a14}.security-title{font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#0f172a}.security-segment-row{display:flex;gap:.6rem;margin-bottom:.75rem}.security-segment-row--channel{margin-bottom:1rem}.security-segment-btn{flex:1;padding:.6rem .75rem;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;font-size:.95rem;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}.security-segment-btn:hover:not(:disabled){background:#eef2ff;border-color:#c7d2fe}.security-segment-btn:disabled{opacity:.6;cursor:not-allowed}.security-segment-active{border-color:#007aff;background:#007aff1a;color:#0f172a}.security-segment-channel-active{border-color:#5856d6;background:#5856d61f;color:#1f2937}.security-input{width:100%;padding:.85rem 1rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#0f172a;font-size:1rem}.security-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.security-input::placeholder{color:#9ca3af}.security-input:disabled{opacity:.7;cursor:not-allowed}.security-success{color:#166534;font-size:.95rem;text-align:center;padding:.5rem .75rem;margin-bottom:.75rem;background:#22c55e1f;border-radius:8px}.security-error{color:#b91c1c;font-size:.9rem;text-align:center;padding:.5rem .75rem;margin-bottom:.75rem;background:#ef444414;border-radius:8px}.security-loading{text-align:center;padding:.75rem;color:#64748b;font-size:.95rem}.security-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.security-btn{padding:.85rem 1rem;border-radius:25px;font-size:1rem;font-weight:800;cursor:pointer;transition:opacity .2s,box-shadow .2s;text-align:center;text-decoration:none;display:block;border:none;background:transparent;color:#0f172a}.security-btn:disabled{opacity:.6;cursor:not-allowed}.security-btn-primary{background:linear-gradient(135deg,#007aff,#34c759);color:#fff;box-shadow:0 6px 18px #007aff2e}.security-btn-primary:hover:not(:disabled){opacity:.95}.security-btn-secondary{background:#f8fafc;border:1px solid #e5e7eb}.security-btn-secondary:hover:not(:disabled){background:#eef2ff}.security-btn-back{margin-top:.25rem;border:1px solid #d1d5db;font-weight:700}.security-btn-back:hover:not(:disabled){background:#0000000a;border-color:#cbd5e1}.create-page{max-width:820px;margin:0 auto;padding:1.5rem 1rem 3rem}.create-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 8px 24px #0f172a0f}.create-card h1{margin:0 0 .25rem;color:#0f172a;font-size:1.4rem}.create-card textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:.9rem 1rem;font-size:1rem;resize:vertical;min-height:140px}.create-card textarea:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.create-upload{border:1px dashed #cbd5e1;border-radius:12px;padding:.9rem 1rem;color:#475569;cursor:pointer;background:#f8fafc;font-weight:600}.create-upload input{display:none}.create-error{color:#b91c1c;background:#ef444414;padding:.6rem .75rem;border-radius:10px;font-size:.95rem}.create-success{color:#166534;background:#22c55e1f;padding:.6rem .75rem;border-radius:10px;font-size:.95rem}.create-card button{align-self:flex-end;padding:.75rem 1.3rem;border-radius:12px;border:none;background:linear-gradient(135deg,#007aff,#34c759);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #007aff2e}.create-card button:disabled{opacity:.6;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}@media(max-width:768px){.app{padding:0}}@media(min-width:769px){.app{max-width:1200px;margin:0 auto;padding:0 20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007aff;--secondary-color: #5856d6;--text-color: #111111;--text-secondary: #6b7280;--background: #ffffff;--card-background: #f8f8f8;--border-color: #e5e5ea}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-color);min-height:100vh}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f2f2f7}::-webkit-scrollbar-thumb{background:#cfd2dc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aeb3c2}@media(hover:none)and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}}