.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background-color:var(--bg-card);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:48px 28px 40px;display:flex}.login-card__logo{letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.login-card__subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.875rem}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.login-form__input{border:1px solid var(--border);background-color:var(--bg-input);width:100%;color:var(--text);border-radius:10px;outline:none;padding:14px 16px;font-size:.9375rem;transition:border-color .2s}.login-form__input:focus{border-color:var(--accent)}.login-form__hint{color:var(--text-hint);font-size:.75rem;line-height:1.4}.login-form__btn{width:100%;color:var(--accent-text);background-color:var(--accent);border-radius:10px;padding:14px;font-size:.9375rem;font-weight:600;transition:opacity .2s}.login-form__btn:hover{opacity:.85}.login-form__btn:disabled{opacity:.5;cursor:not-allowed}.login-avatar{cursor:pointer;border-radius:50%;flex-shrink:0;width:100px;height:100px;margin-bottom:12px;transition:transform .2s;overflow:hidden}.login-avatar:hover{transform:scale(1.05)}.login-avatar__img{object-fit:cover;width:100%;height:100%}.login-avatar__placeholder{background-color:var(--bg-avatar);width:100%;height:100%;color:var(--text-hint);justify-content:center;align-items:center;display:flex}.login-avatar__input{display:none}.login-message{border-radius:10px;width:100%;margin-top:16px;padding:12px 16px;font-size:.8125rem;line-height:1.4}.login-message--error{background-color:var(--error-bg);color:var(--error-text)}.header{z-index:100;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:56px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.header__logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.header__avatar-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;overflow:hidden}.header__avatar-img{object-fit:cover;width:100%;height:100%}.header__avatar-initial{background-color:var(--accent);width:100%;height:100%;color:var(--accent-text);justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.card{background-color:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.card__media-wrapper{aspect-ratio:4/5;background-color:var(--bg-media);cursor:pointer;width:100%;position:relative;overflow:hidden}.card__media-placeholder{position:absolute;top:0;bottom:0;left:0;right:0}.card__media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.card__media--loaded{opacity:1}.card__media--video{aspect-ratio:auto}.card__footer{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card__user{align-items:center;gap:10px;min-width:0;display:flex}.card__user-avatar{background-color:var(--bg-avatar);width:30px;height:30px;color:var(--text-avatar);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.card__user-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.card__username{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.card__like{flex-shrink:0;align-items:center;gap:6px;display:flex}.card__like-btn{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .15s;display:flex}.card__like-btn:hover{background-color:var(--like-bg)}.card__like-btn--active{color:var(--like)}.card__like-count{color:var(--text-secondary);min-width:16px;font-size:.8125rem;font-weight:500}.card__date{color:var(--text-hint);justify-content:flex-start;align-items:center;gap:5px;padding:0 16px 10px;font-size:.6875rem;display:flex}.card__caption{color:var(--text-caption);word-break:break-word;padding:0 16px 14px;font-size:.8125rem;line-height:1.45}.add-media{z-index:100;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.add-media__btn{background-color:var(--accent);width:56px;height:56px;color:var(--accent-text);box-shadow:var(--shadow-fab);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.add-media__btn:hover{opacity:.85}.add-media__btn--disabled{opacity:.4;cursor:not-allowed}.add-media__input{display:none}.feed{min-height:100dvh;padding-top:56px;padding-bottom:100px}.feed__cards{flex-direction:column;gap:48px;max-width:480px;margin:0 auto;padding:16px;display:flex}.feed__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 24px;display:flex}.feed__empty-title{font-size:1.125rem;font-weight:600}.feed__empty-text{color:var(--text-muted);font-size:.875rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg, var(--bg-media) 0%, var(--bg-hover) 40%, var(--bg-media) 80%);background-size:800px 100%;animation:1.6s ease-in-out infinite shimmer}.skeleton-card{background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.skeleton-card__media{aspect-ratio:4/5;width:100%}.skeleton-card__footer{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.skeleton-card__left{align-items:center;gap:10px;display:flex}.skeleton-card__avatar{border-radius:50%;flex-shrink:0;width:30px;height:30px}.skeleton-card__name{border-radius:6px;width:90px;height:12px}.skeleton-card__like{border-radius:6px;width:46px;height:12px}.skeleton-card__caption{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.skeleton-card__line{border-radius:5px;width:100%;height:10px}.skeleton-card__line--short{width:55%}.feed__footer{text-align:center;color:var(--text-hint);padding:32px 16px 8px;font-size:.75rem}.lightbox{z-index:400;background-color:var(--backdrop);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox__close{color:#fff;z-index:1;background-color:#0006;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.lightbox__close:hover{background-color:#0009}.lightbox__img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:100%;max-height:85dvh}.composer{z-index:300;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.composer__backdrop{background-color:var(--backdrop);position:absolute;top:0;bottom:0;left:0;right:0}.composer__panel{background-color:var(--bg-card);border-radius:20px 20px 0 0;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:85dvh;padding:20px;display:flex;position:relative;overflow-y:auto}.composer__preview{object-fit:contain;background-color:var(--bg-preview);border-radius:10px;width:100%;max-height:300px}.composer__caption{border:1px solid var(--border);background-color:var(--bg-input);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;padding:12px 14px;font-size:.9375rem;transition:border-color .2s}.composer__caption:focus{border-color:var(--accent)}.composer__actions{gap:10px;display:flex}.composer__btn{border-radius:10px;flex:1;padding:14px;font-size:.9375rem;font-weight:600;transition:opacity .2s}.composer__btn--cancel{background-color:var(--bg-cancel);color:var(--text-secondary)}.composer__btn--cancel:hover{background-color:var(--bg-cancel-hover)}.composer__btn--publish{background-color:var(--accent);color:var(--accent-text)}.composer__btn--publish:hover{opacity:.85}.composer__btn--publish:disabled{opacity:.5;cursor:not-allowed}.profile-page{flex-direction:column;align-items:center;min-height:100dvh;padding:24px;display:flex}.profile__topbar{justify-content:space-between;align-items:center;width:100%;display:flex}.profile__back{color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.profile__back:hover{background-color:var(--bg-hover)}.profile__logout-btn{color:#fff;background-color:#e53935;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;transition:background-color .2s;display:flex}.profile__logout-btn:hover{background-color:#c62828}.profile__card{background-color:var(--bg-card);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:40px 28px;display:flex}.profile__avatar-wrapper{cursor:pointer;border-radius:50%;flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden}.profile__avatar-img{object-fit:cover;width:100%;height:100%}.profile__avatar-initial{background-color:var(--accent);width:100%;height:100%;color:var(--accent-text);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.profile__avatar-overlay{color:#fff;opacity:0;background-color:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.profile__avatar-wrapper:hover .profile__avatar-overlay{opacity:1}.profile__username{font-size:1.25rem;font-weight:700}.profile__hint{color:var(--text-hint);margin-top:8px;font-size:.75rem}.profile__uploading{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.profile__file-input{display:none}.logout-confirm{z-index:500;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.logout-confirm__backdrop{background-color:var(--backdrop);position:absolute;top:0;bottom:0;left:0;right:0}.logout-confirm__dialog{background-color:var(--bg-card);width:100%;max-width:320px;box-shadow:var(--shadow-md);text-align:center;border-radius:16px;padding:28px 24px 20px;position:relative}.logout-confirm__text{color:var(--text);margin-bottom:20px;font-size:1rem;font-weight:600;line-height:1.5}.logout-confirm__warning{color:var(--text-muted);font-size:.8125rem;font-weight:400}.logout-confirm__actions{gap:10px;display:flex}.logout-confirm__btn{border-radius:10px;flex:1;padding:12px;font-size:.875rem;font-weight:600;transition:opacity .2s,background-color .2s}.logout-confirm__btn--cancel{background-color:var(--bg-cancel);color:var(--text-secondary)}.logout-confirm__btn--cancel:hover{background-color:var(--bg-cancel-hover)}.logout-confirm__btn--confirm{color:#fff;background-color:#e53935}.logout-confirm__btn--confirm:hover{background-color:#c62828}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f5;--bg-card:#fff;--bg-input:#fafafa;--bg-hover:#f0f0f0;--bg-cancel:#f0f0f0;--bg-cancel-hover:#e0e0e0;--bg-avatar:#e8e8e8;--bg-preview:#f0f0f0;--bg-media:#e8e8e8;--text:#1a1a1a;--text-secondary:#555;--text-muted:#888;--text-hint:#aaa;--text-avatar:#555;--text-caption:#333;--border:#d0d0d0;--border-light:#e0e0e0;--accent:#1a1a1a;--accent-text:#fff;--accent-hover:#333;--like:#e53935;--like-bg:#fce4ec;--success-bg:#e8f5e9;--success-text:#2e7d32;--error-bg:#fce4ec;--error-text:#c62828;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 2px 12px #0000000f;--shadow-fab:0 4px 14px #00000040;--backdrop:#00000080}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0a;--bg-card:#161616;--bg-input:#1e1e1e;--bg-hover:#252525;--bg-cancel:#252525;--bg-cancel-hover:#303030;--bg-avatar:#303030;--bg-preview:#1e1e1e;--bg-media:#1e1e1e;--text:#ebebeb;--text-secondary:#aaa;--text-muted:#777;--text-hint:#555;--text-avatar:#bbb;--text-caption:#ccc;--border:#333;--border-light:#252525;--accent:#ebebeb;--accent-text:#0a0a0a;--accent-hover:#d0d0d0;--like:#ef5350;--like-bg:#ef535026;--success-bg:#2e7d3226;--success-text:#66bb6a;--error-bg:#c6282826;--error-text:#ef5350;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 2px 12px #0000004d;--shadow-fab:0 4px 14px #00000080;--backdrop:#000000b3}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}body{min-height:100dvh}img,video{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-loader{justify-content:center;align-items:center;min-height:100dvh;display:flex}.app-loader__text{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;animation:1.5s ease-in-out infinite app-pulse}@keyframes app-pulse{0%,to{opacity:.4}50%{opacity:.12}}