@import url(https://fonts.googleapis.com/css2?family=Jaro&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#242629;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-list{background:#242629;border-right:1px solid #2e3035;display:flex;flex-direction:column;height:100%;width:350px}.chat-list-header{background:#17191c;border-bottom:1px solid #2e3035;padding:20px}.chat-list-header h2{color:#f0f0f0;font-size:24px;font-weight:600;margin:0}.chat-list-content{flex:1 1;overflow-y:auto}.no-chats{color:#9e9e9e;padding:40px 20px;text-align:center}.no-chats p{font-size:16px;font-weight:500;margin:0 0 8px}.no-chats span{font-size:14px}.chat-item{border-bottom:1px solid #2e3035;cursor:pointer;display:flex;padding:16px 20px;transition:background .2s}.chat-item:hover{background:#2e3035}.chat-item.active{background:#1a3230}.chat-avatar{flex-shrink:0;margin-right:12px}.chat-avatar img{object-fit:cover}.avatar-placeholder,.chat-avatar img{border-radius:50%;height:50px;width:50px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#64cec3,#3a9e95);color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.chat-info{flex:1 1;min-width:0}.chat-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.chat-name{color:#f0f0f0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#9e9e9e;flex-shrink:0;font-size:12px;margin-left:8px}.chat-last-message{align-items:center;display:flex;justify-content:space-between}.last-message-text{color:#9e9e9e;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#64cec3;border-radius:12px;color:#17191c;flex-shrink:0;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.user-link{align-items:center;cursor:pointer;display:inline-flex;gap:8px;transition:opacity .2s}.user-link:hover{opacity:.8}.user-link__avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-link__username{color:inherit;font-weight:500}.message-bubble{display:flex;margin-bottom:12px;position:relative}.message-bubble.own{flex-direction:row-reverse}.message-content-wrapper{display:flex;flex-direction:column;max-width:60%}.message-bubble.own .message-content-wrapper{align-items:flex-end}.message-sender-name{color:#9e9e9e;font-size:12px;margin-bottom:4px;padding-left:12px}.message-actions{display:flex;gap:4px;position:absolute;right:-10px;top:-10px}.message-action-btn{align-items:center;background:#2e3035;border:1px solid #3e4045;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#f0f0f0;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.message-action-btn:hover{background:#3e4045;transform:scale(1.1)}.message-action-btn.delete:hover{background:#3a1a1a;border-color:#ef5350}.message-content{word-wrap:break-word;background:#2e3035;border-radius:18px;color:#f0f0f0;padding:10px 14px;position:relative}.message-bubble.own .message-content{background:#64cec3;color:#17191c}.message-content.deleted{font-style:italic;opacity:.6}.message-attachments{margin-bottom:8px}.message-attachment{margin-bottom:4px}.message-image{border-radius:12px;cursor:pointer;max-height:300px;max-width:300px;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.message-text{font-size:15px;line-height:1.4;white-space:pre-wrap}.message-footer{align-items:center;display:flex;gap:6px;margin-top:4px}.message-time{font-size:11px;opacity:.7}.message-bubble.own .message-time{color:#17191cb3}.edited-label{font-size:11px;font-style:italic;opacity:.7}@media (max-width:768px){.message-content-wrapper{max-width:75%}.message-image{max-height:200px;max-width:200px}.message-actions{display:none}}.message-sender-link{margin-bottom:4px}.message-sender-link .user-link__avatar{border-radius:50%;height:32px;width:32px}.message-sender-link .user-link__username{font-size:14px;font-weight:500}.trash-icon{color:#f0f0f0;height:14px;width:14px}.message-input-container{background:#17191c;border-top:1px solid #2e3035}.image-preview-container{border-bottom:1px solid #2e3035;padding:12px 20px 0}.image-preview{display:inline-block;max-width:200px;position:relative}.image-preview img{border-radius:8px;display:block;height:auto;width:100%}.remove-image-btn{align-items:center;background:#ef5350;border:2px solid #17191c;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s;width:24px}.remove-image-btn:hover{background:#d32f2f;transform:scale(1.1)}.message-input-wrapper{align-items:flex-end;display:flex;gap:12px;padding:12px 20px}.attach-btn{align-items:center;background:none;border:none;border-radius:8px;color:#f0f0f0;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.attach-btn:hover{background:#2e3035;transform:scale(1.1)}.message-input{background:#242629;border:1px solid #2e3035;border-radius:20px;color:#f0f0f0;flex:1 1;font-family:inherit;font-size:15px;max-height:120px;overflow-y:auto;padding:10px 16px;resize:none}.message-input::placeholder{color:#9e9e9e}.message-input:focus{border-color:#64cec3;outline:none}.send-btn{align-items:center;background:#64cec3;border:none;border-radius:50%;color:#17191c;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.send-btn:hover:not(:disabled){background:#4db8ac;transform:scale(1.05)}.send-btn:disabled{background:#2e3035;color:#9e9e9e;cursor:not-allowed}@media (max-width:768px){.message-input-wrapper{padding:10px 15px}}.attach-icon{color:#f0f0f0;height:22px;width:22px}.chat-window{background:#242629;display:flex;flex:1 1;flex-direction:column}.chat-window-empty{align-items:center;background:#242629;display:flex;flex:1 1;justify-content:center}.empty-state h3{color:#f0f0f0;font-size:24px;font-weight:600;margin:0 0 10px}.empty-state p{font-size:16px;margin:0}.chat-window-header{background:#17191c;border-bottom:1px solid #2e3035;padding:20px}.chat-user-info{align-items:center;display:flex}.chat-user-avatar{object-fit:cover}.chat-user-avatar,.chat-user-avatar-placeholder{border-radius:50%;height:40px;margin-right:12px;width:40px}.chat-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#64cec3,#3a9e95);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.chat-user-info h3{color:#f0f0f0;font-size:18px;font-weight:600;margin:0}.typing-indicator{align-items:center;color:#64cec3;display:flex;font-size:13px;gap:4px;margin-top:2px}.typing-dots{display:inline-flex;gap:2px}.typing-dots span{animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-messages{background:#17191c;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.load-more-btn{align-self:center;background:#2e3035;border:1px solid #3e4045;border-radius:20px;color:#9e9e9e;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:background .2s}.load-more-btn:hover{background:#3e4045}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.chat-window{height:100%}}.chat-header-user-link{align-items:center;display:flex;gap:10px}.chat-header-user-link .user-link__avatar{border-radius:50%;height:40px;width:40px}.chat-header-user-link .user-link__username{font-size:18px;font-weight:600}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.chat-messages:hover::-webkit-scrollbar-thumb{background:#3e4045}.chat-page{height:calc(100vh - 64px);overflow:hidden}.chat-container,.chat-page{background:#242629;width:100%}.chat-container{display:flex;height:100%}.chat-page-loading{align-items:center;color:#9e9e9e;display:flex;font-size:18px;height:calc(100vh - 64px);justify-content:center}@media (max-width:768px){.chat-container{flex-direction:column}}.search-button{align-items:center;background:none;border:none;border-radius:8px;color:#9e9e9e;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.search-button:hover{background:#ffffff0f;color:#f0f0f0}.search-dropdown{background:#17191c;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 24px #0006;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:400px}.search-dropdown__input-wrapper{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;padding:16px}.search-dropdown__input{background:#0000;border:none;color:#f0f0f0;flex:1 1;font-size:15px;outline:none}.search-dropdown__input::placeholder{color:#9e9e9e}.search-dropdown__content{max-height:400px;overflow-y:auto}.search-dropdown__section{padding:12px 0}.search-dropdown__section-title{color:#9e9e9e;font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.search-dropdown__history-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .2s}.search-dropdown__history-item:hover{background:#ffffff0d}.search-dropdown__history-item span{color:#f0f0f0;font-size:14px}.search-dropdown__user-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .2s}.search-dropdown__user-item:hover{background:#ffffff0d}.search-dropdown__user-avatar{align-items:center;background:#2d3035;border-radius:50%;color:#9e9e9e;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;object-fit:cover;width:40px}.search-dropdown__user-info{flex:1 1;min-width:0}.search-dropdown__user-name{color:#f0f0f0;font-size:14px;font-weight:600}.search-dropdown__user-meta,.search-dropdown__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dropdown__user-meta{color:#9e9e9e;font-size:12px}.search-dropdown__empty,.search-dropdown__loading{color:#9e9e9e;font-size:14px;padding:20px 16px;text-align:center}.search-dropdown__show-all{background:#0000;border:none;border-top:1px solid #ffffff14;color:#64cec3;cursor:pointer;font-size:14px;font-weight:600;padding:14px 16px;transition:background .2s;width:100%}.search-dropdown__show-all:hover{background:#64cec314}.search-dropdown__history-icon{color:#f0f0f0;flex-shrink:0}.header{background:#17191c;height:64px;justify-content:center;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header-logo{align-items:center;display:flex}.header-logo{gap:8px;text-decoration:none}.header-logo__icon{height:28px;width:28px}.header-logo__text{color:#fff;font-family:Jaro,sans-serif;font-size:28px;letter-spacing:.05em}.header-actions{gap:16px}.header-actions,.login-button{align-items:center;display:flex}.login-button{background:none;border:none;color:#9e9e9e;cursor:pointer;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;gap:8px;padding:8px 0;transition:opacity .2s}.login-button:hover{opacity:.7}.login-button__icon{color:#9e9e9e;height:24px;width:24px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#333;border-radius:50%;color:#fff;font-weight:600;height:36px;justify-content:center;width:36px}.logout-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:8px;transition:opacity .2s}.logout-button:hover{opacity:.7}.logout-button__icon{height:22px;width:22px}.create-post-button{background:#3a3a3a;border-radius:8px;color:#fff;font-size:14px;font-weight:500;padding:8px 18px;text-decoration:none;transition:background .2s}.create-post-button:hover{background:#4a4a4a}.header-search-wrapper{position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between;max-width:1400px;padding:0 24px;width:100%}.post-card{background:#17191c;border-radius:10px;margin-bottom:12px;overflow:hidden}.post-card__content{display:flex;flex-direction:column;gap:12px;padding:18px 24px}.post-card__header{align-items:center;display:flex;gap:12px}.post-card__avatar-wrap{flex-shrink:0;position:relative;width:-webkit-fit-content;width:fit-content}.post-card__avatar-img{border-radius:50%;display:block;flex-shrink:0;height:40px;object-fit:cover;width:40px}.post-card__category-badge{border:2px solid #17191c;border-radius:50%;bottom:-2px;display:block;height:20px;object-fit:cover;position:absolute;right:-2px;width:20px}.post-card__header-meta{display:flex;flex-direction:column;gap:2px}.post-card__author .user-link__avatar,.post-card__author .user-link__name{display:none}.post-card__author .user-link__username{color:#f0f0f0;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.post-card__header-sub{align-items:center;display:flex;gap:6px}.post-card__category{color:#9e9e9e;font-family:Inter,sans-serif;font-size:13px;font-weight:400;text-decoration:none}.post-card__category:hover{color:#f0f0f0}.post-card__date{color:#9e9e9e;font-family:Inter,sans-serif;font-size:13px;font-weight:400}.post-card__edit-icon{color:#9e9e9e;flex-shrink:0}.post-card__title{color:#f0f0f0;cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:1.3;margin:0}.post-card__image{border-radius:8px;max-height:450px;object-fit:cover;width:100%}.post-card__preview{cursor:default}.post-card__show-more{align-items:center;background:none;border:none;color:#64cec3;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:4px;padding:0}.post-card__show-more:hover{opacity:.8}.post-card__footer{align-items:center;border-top:1px solid #2a2d31;display:flex;justify-content:space-between;padding-top:12px}.post-card__footer-left{gap:8px}.post-card__footer-left,.post-card__footer-right,.post-card__stat{align-items:center;display:flex}.post-card__stat{background:#242629;border:none;border-radius:20px;box-sizing:border-box;color:#9e9e9e;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;gap:6px;height:34px;padding:6px 14px;transition:background .2s}.post-card__stat:hover{background:#2e3136}.post-card__comments{border-top:1px solid #2a2d31;cursor:pointer;padding-top:12px}.post-card__comment-content{flex:1 1;min-width:0}.post-card__comment-likes{color:#9e9e9e;font-size:13px;white-space:nowrap}.post-card .image-group-grid{grid-gap:8px;display:grid;gap:8px}.post-card .image-group-grid--layout-2{grid-template-columns:repeat(2,1fr)}.post-card .image-group-grid--layout-3plus{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr)}.post-card .image-group-grid--layout-3plus .image-group-item:first-child{grid-row:1/span 2}.post-card .image-group-item{background:#242629;border-radius:8px;overflow:hidden;position:relative}.post-card .image-group-item img{height:100%;object-fit:cover;width:100%}.post-card__comment-avatar-link{flex-shrink:0}.post-card__comment{align-items:center;display:flex;gap:10px}.post-card__comment-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.post-card__comment-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden;word-break:break-word}.image-modal{animation:fadeIn .3s ease-out forwards;background:#0000;cursor:zoom-out;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.image-modal.closing{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{to{background:#000000e6}}@keyframes fadeOut{0%{background:#000000e6}to{background:#0000}}.image-modal__image{cursor:default;display:block;object-fit:contain}.image-modal__close{background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:40px;line-height:1;padding:5px 15px;position:fixed;right:20px;top:20px;transition:opacity .2s;z-index:10000}.image-modal__close:hover{opacity:.7}.image-modal__nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:48px;height:64px;justify-content:center;line-height:1;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .2s;width:64px;z-index:10000}.image-modal__nav:hover{opacity:.7}.image-modal__nav--prev{left:20px}.image-modal__nav--next{right:20px}.image-modal__counter{background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:10000}.image-viewer{cursor:zoom-in}.rating-buttons{align-items:center;background:#242629;border-radius:20px;box-sizing:border-box;display:flex;gap:8px;height:34px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.rating-buttons__btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;line-height:1;padding:0;transition:color .2s}.rating-buttons__btn--up{color:#64cec3}.rating-buttons__btn--up svg{transform:rotate(180deg)}.rating-buttons__btn--down{color:#e8820c}.rating-buttons__btn:hover:not(:disabled){opacity:.8}.rating-buttons__score{color:#9e9e9e;font-size:14px;font-weight:500;min-width:20px;text-align:center}.comment-card{background:#17191c;border-radius:8px;margin-bottom:12px;padding:16px}.comment-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.comment-card__meta{align-items:center;display:flex;gap:4px;min-width:0}.comment-card__in-post,.comment-card__post-title{color:#9e9e9e;font-size:13px;white-space:nowrap}.comment-card__post-title{max-width:200px;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.comment-card__post-title:hover{color:#f0f0f0}.comment-card__date{color:#9e9e9e;font-size:12px;margin-left:auto;white-space:nowrap}.comment-card__text{color:#f0f0f0;line-height:1.5;margin:0 0 8px;word-break:break-word}.comment-card__image{border-radius:4px;cursor:pointer;max-width:100%}.comment-card__footer{margin-top:10px}.time-range-dropdown{display:inline-block;position:relative}.time-range-dropdown__toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#9e9e9e;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:flex-start;min-width:200px;padding:6px 12px}.time-range-dropdown__arrow{color:#9e9e9e;flex-shrink:0;height:14px;transition:none;width:14px}.time-range-dropdown__arrow.open{transform:rotate(180deg)}.time-range-dropdown__menu{background:#17191c;border-radius:8px;display:flex;flex-direction:column;gap:6px;left:0;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.time-range-dropdown__item{background:#0000;border:none;border-radius:6px;color:#9e9e9e;cursor:pointer;font-size:14px;padding:6px;text-align:left;transition:background .15s;white-space:nowrap;width:100%}.time-range-dropdown__item:hover{background:#ffffff0d}.time-range-dropdown__item.active{background:#d3d3d31a;color:#f0f0f0}.subs-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.subs-modal{background:#17191c;border:1px solid #2e3035;border-radius:12px;display:flex;flex-direction:column;max-height:520px;overflow:hidden;width:400px}.subs-modal__header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 0}.subs-modal__tabs{display:flex;gap:4px}.subs-modal__tab{background:none;border:none;color:#9e9e9e;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:color .15s}.subs-modal__tab:hover{color:#f0f0f0}.subs-modal__tab.active{color:#64cec3}.subs-modal__tab.active:after{background:#64cec3;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.subs-modal__close{background:none;border:none;border-radius:6px;color:#9e9e9e;cursor:pointer;font-size:16px;margin-bottom:12px;padding:4px 8px;transition:color .15s}.subs-modal__close:hover{color:#f0f0f0}.subs-modal__body{overflow-y:auto;padding:8px 0}.subs-modal__empty{color:#9e9e9e;font-size:14px;padding:48px 20px;text-align:center}.subs-modal__item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 20px;transition:background .15s}.subs-modal__item:hover{background:#ffffff0a}.subs-modal__avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.subs-modal__cat-cover{border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.subs-modal__cat-img{height:100%;object-fit:cover;width:100%}.subs-modal__cat-placeholder{background:#2e3035;height:100%;width:100%}.subs-modal__name{color:#f0f0f0;font-size:14px;font-weight:500}.subs-modal__username{color:#9e9e9e;font-size:13px;margin-left:auto}.profile-container{margin:0 auto;max-width:1200px;padding:0}.profile-cover{background:linear-gradient(135deg,#1a2a3a,#2a1a3a);border-radius:0 0 16px 16px;height:240px;overflow:hidden;position:relative;width:100%}.profile-cover img{height:100%;object-fit:cover;width:100%}.profile-header{background:#17191c;border-bottom:1px solid #ffffff0f;margin-top:-80px;padding:0 40px 24px;position:relative}.profile-avatar-section{align-items:flex-end;display:flex;gap:24px;padding-top:24px}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{background:#2e3035;border:4px solid #17191c;border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-info{flex:1 1;padding-bottom:8px}.profile-name{align-items:center;display:flex;gap:8px;margin:0 0 4px}.profile-name h1{color:#f0f0f0;font-size:24px;font-weight:700;margin:0}.verified-badge{color:#64cec3;font-size:18px}.profile-meta{color:#9e9e9e;font-size:13px;margin-bottom:8px}.profile-bio{color:silver;font-size:15px;line-height:1.5;margin:8px 0}.profile-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}.stat-item{align-items:center;color:#9e9e9e;cursor:default;display:flex;font-size:13px;gap:6px}.stat-item.clickable{cursor:pointer;transition:color .15s}.stat-item.clickable:hover{color:#64cec3}.stat-value{color:#f0f0f0;font-weight:600}.profile-actions{align-items:center;display:flex;gap:10px;margin-left:auto}.subscribe-button{background:#0000;border:1px solid #64cec3;border-radius:8px;color:#64cec3;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:background .2s,color .2s;white-space:nowrap}.subscribe-button:hover:not(:disabled){background:#64cec31f}.subscribe-button.subscribed{background:#0000;border-color:#ffffff1a;color:#9e9e9e}.subscribe-button.subscribed:hover:not(:disabled){background:#0000;border-color:#fff3;color:#f0f0f0}.subscribe-button:disabled{cursor:not-allowed;opacity:.5}.message-button{align-items:center;background:#2e3035;border:1px solid #ffffff1a;border-radius:8px;color:#f0f0f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:9px 20px;transition:border-color .2s,color .2s;white-space:nowrap}.message-button:hover:not(:disabled){border-color:#64cec3;color:#64cec3}.message-button:disabled{cursor:not-allowed;opacity:.5}.settings-button{align-items:center;background:#2e3035;border:1px solid #ffffff1a;border-radius:8px;color:#9e9e9e;cursor:pointer;display:flex;font-size:14px;padding:9px 14px;transition:border-color .2s,color .2s}.settings-button:hover{border-color:#64cec3;color:#64cec3}.drafts-link-btn{background:#2e3035;border:1px solid #ffffff1a;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:500;padding:9px 16px;transition:border-color .2s;white-space:nowrap}.drafts-link-btn:hover{border-color:#ffffff40}.profile-tabs{align-items:center;background:#17191c;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:0 40px}.profile-tabs__buttons{display:flex;gap:4px}.tab-button{background:none;border:none;color:#9e9e9e;cursor:pointer;font-size:15px;font-weight:500;padding:16px;position:relative;transition:color .15s}.tab-button:hover{color:#f0f0f0}.tab-button.active{color:#64cec3}.tab-button.active:after{background:#64cec3;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.profile-content{background:#242629;min-height:400px;padding:24px 0}.loading-state{padding:40px}.empty-state,.loading-state{color:#9e9e9e;text-align:center}.empty-state{padding:80px 20px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state p{font-size:15px}.comments-list,.posts-list{display:flex;flex-direction:column;gap:16px}.settings-icon{color:#f0f0f0;height:18px;width:18px}.sidebar{background:#242629;flex-shrink:0;height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;width:226px;z-index:100}.sidebar__nav{padding:13px 0}.sidebar__items,.sidebar__nav{display:flex;flex-direction:column}.sidebar__items{gap:4px;padding:0 13px}.sidebar__item{align-items:center;background:none;border:none;border-radius:8px;color:#9e9e9e;cursor:pointer;display:flex;gap:9px;padding:8px;text-align:left;transition:background .15s;width:100%}.sidebar__item:hover{background:#d3d3d312}.sidebar__item--active{background:#d3d3d31a;box-shadow:0 2px 2px #00000040;color:#f0f0f0}.sidebar__item--active .sidebar__icon{color:#64cec3}.sidebar__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.sidebar__icon,.sidebar__icon svg{height:20px;width:20px}.sidebar__text{color:inherit;font-family:Roboto,sans-serif;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__divider{background:#ffffff0f;height:1px;margin:8px 13px}.sidebar__section-title{color:#fff;font-family:Inter,sans-serif;font-size:14px;margin-bottom:11px;padding:0 13px}.sidebar__topics{display:flex;flex-direction:column;gap:8px;padding:0 13px}.sidebar__avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.auth-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#17191c;border-radius:8px;box-shadow:0 4px 20px #0006;font-family:Roboto,sans-serif;max-width:95vw;min-height:520px;padding:16px;position:relative;width:520px}.auth-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:56px}.auth-modal .back-button,.auth-modal .close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.auth-modal .modal-icon{color:#9e9e9e;height:28px;transition:color .2s;width:28px}.auth-modal .back-button:hover .modal-icon,.auth-modal .close-button:hover .modal-icon{color:#f0f0f0}.auth-modal h2{color:#f0f0f0;font-size:24px;font-weight:600;margin:0 0 64px;text-align:center}.auth-modal .auth-form{align-items:center;display:flex;flex-direction:column;gap:12px}.auth-modal .form-group{border-radius:8px;overflow:hidden;width:256px}.auth-modal .form-input{background:#212329;border:none;border-radius:8px;box-sizing:border-box;caret-color:#64cec3;color:#f0f0f0;font-size:14px;height:48px;outline:none;padding:0 14px;transition:background .2s;width:100%}.auth-modal .form-input::placeholder{color:#9e9e9e}.auth-modal .form-input:focus{background:#212329;outline:none}.auth-modal .form-input:-webkit-autofill{-webkit-text-fill-color:#f0f0f0;border-radius:8px;-webkit-box-shadow:inset 0 0 0 100px #212329;outline:none;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth-modal .submit-button{background:#64cec3;border:none;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:600;margin-top:36px;padding:15px 14px;transition:opacity .2s;width:256px}.auth-modal .submit-button:hover{opacity:.85}.auth-modal .submit-button:disabled{cursor:not-allowed;opacity:.5}.auth-modal .switch-mode{color:#9e9e9e;font-size:14px;margin-top:16px;text-align:center}.auth-modal .switch-mode button{background:none;border:none;color:#64cec3;cursor:pointer;font-size:14px;text-decoration:underline}.auth-modal .error-message{color:#ff5252;font-size:14px;text-align:center}.auth-modal .forgot-password{text-align:center}.auth-modal .forgot-password a{color:#64cec3;font-size:14px;text-decoration:none}.pixel-editor .ce-toolbar{left:-19px!important;opacity:0;right:auto!important;transition:opacity .2s}.pixel-editor .ce-toolbar__plus,.pixel-editor .ce-toolbar__settings-btn{background:#0000!important;color:#fff!important}.pixel-editor .ce-toolbar__plus:hover,.pixel-editor .ce-toolbar__settings-btn:hover{background:#ffffff1a!important}.pixel-editor:hover .ce-toolbar{opacity:1}.pixel-editor.focused-empty .ce-toolbar__settings-btn,.pixel-editor.focused-nonempty .ce-toolbar__plus{display:none!important}.pixel-editor ::selection{background:#fff3}.pixel-editor .codex-editor__redactor{padding-bottom:0!important;padding-right:0!important}.pixel-editor .codex-editor--narrow .codex-editor__redactor{margin-right:0!important}.category-select{font-family:Roboto,Arial,sans-serif;font-size:14px;position:relative;width:100%}.category-select__trigger{align-items:center;background:#0000;border:1px solid #43464a5c;border-radius:16px;box-sizing:border-box;color:#f0f0f0;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:5px 12px;transition:border-color .2s;width:100%}.category-select__trigger--open{border-color:#64cec3}.category-select__placeholder{color:#9e9e9e}.category-select__arrow{color:#9e9e9e;flex-shrink:0;transition:transform .2s}.category-select__arrow--up{transform:rotate(180deg)}.category-select__dropdown{background:#17191c;border:1px solid #43464a80;border-radius:12px;box-shadow:0 8px 24px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.category-select__search-wrapper{align-items:center;border-bottom:1px solid #43464a5c;display:flex;gap:8px;padding:10px 12px}.category-select__search-icon{color:#9e9e9e;flex-shrink:0}.category-select__search{background:#0000;border:none;color:#f0f0f0;font-family:Roboto,Arial,sans-serif;font-size:14px;outline:none;width:100%}.category-select__search::placeholder{color:#9e9e9e}.category-select__list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:6px 0}.category-select__item{color:#f0f0f0;cursor:pointer;padding:10px 16px;transition:background .15s}.category-select__item:hover{background:#ffffff0d}.category-select__item--selected{color:#64cec3}.category-select__empty{color:#9e9e9e;padding:10px 16px}.create-post-container{background:#17191c;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;font-family:Roboto,Arial,sans-serif;gap:16px;margin:61px auto;max-width:700px;padding:33px 38px}.create-post-container h1{color:#333;font-size:28px;font-weight:600;margin:0;text-align:center}.form-input{background:#0000;border:1px solid #43464a5c;border-radius:16px;box-sizing:border-box;color:#f0f0f0;font-size:14px;height:40px;padding:5px 12px;transition:border-color .2s;width:100%}.form-input:focus{background:#0000;border-color:#64cec3}.form-input option{background:#17191c}.editor-wrapper{background:#0000;border:1px solid #43464a5c;border-radius:16px;min-height:469px;overflow:visible;padding:12px;position:relative}.submit-button{background:#242629;border:1px solid #212329;border-radius:8px;color:#64cec3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s}.submit-button:hover{opacity:.8}.submit-button:disabled{cursor:not-allowed;opacity:.4}.create-post-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.create-post-header h1{margin:0}.save-status{border-radius:6px;font-size:13px;padding:4px 10px}.save-status--saved{background:#64cec326;color:#64cec3}.save-status--error{background:#e5737326;color:#e57373}.autosave-hint{color:#9e9e9e;font-size:12px;margin:-8px 0 8px}.create-post-actions{display:flex;gap:10px;margin-top:0}.draft-button{background:#242629;border:1px solid #212329;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s}.draft-button:hover:not(:disabled){opacity:.8}.schedule-button{background:#242629;border:1px solid #212329;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s}.schedule-button:hover:not(:disabled){opacity:.8}.schedule-picker{align-items:center;display:flex;gap:12px;margin-top:12px}.sort-dropdown{display:inline-block;position:relative}.sort-dropdown__toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#9e9e9e;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:flex-start;min-width:200px;padding:6px 12px}.sort-dropdown__arrow{color:#9e9e9e;flex-shrink:0;height:14px;width:14px}.sort-dropdown__arrow.open{transform:rotate(180deg)}.sort-dropdown__menu{background:#242629;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:6px;left:0;overflow:hidden;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.sort-dropdown__item{background:#0000;border:none;border-radius:6px;color:#9e9e9e;cursor:pointer;font-size:14px;padding:6px;text-align:left;transition:background .15s;white-space:nowrap;width:100%}.sort-dropdown__item:hover{background:#ffffff0d}.sort-dropdown__item.active{background:#d3d3d31a;color:#f0f0f0}.home-page{background:#242629;min-height:calc(100vh - 64px)}.home-page__container{margin:0 auto;max-width:800px;padding:20px}.home-page__toolbar{background:#242629;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.home-page__clear-filter{background:#2e2e2e;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:all .2s}.home-page__clear-filter:hover{background:#3a3a3a}.home-page__posts{display:flex;flex-direction:column;gap:16px}.home-page__loader{padding:20px}.home-page__end,.home-page__loader{color:#999;font-size:14px;text-align:center}.home-page__end{padding:30px}.home-page__empty{color:#999;font-size:16px;padding:60px 20px;text-align:center}.post-page{background:#242629;min-height:100vh;padding:20px 0}.post-page__container{margin:0 auto;max-width:800px;padding:0 20px}.post{background:#17191c;border-radius:10px;margin-bottom:12px;padding:18px 24px}.post__header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post__avatar-wrap{flex-shrink:0;position:relative;width:-webkit-fit-content;width:fit-content}.post__avatar-img{height:40px;width:40px}.post__avatar-img,.post__category-badge{border-radius:50%;display:block;object-fit:cover}.post__category-badge{border:2px solid #17191c;bottom:-2px;height:20px;position:absolute;right:-2px;width:20px}.post__header-meta{display:flex;flex-direction:column;gap:2px}.post__author .user-link__avatar{display:none}.post__author .user-link__username{color:#f0f0f0;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.post__header-sub{align-items:center;display:flex;gap:6px}.post__category-link{color:#9e9e9e;font-family:Inter,sans-serif;font-size:13px;font-weight:400;text-decoration:none}.post__category-link:hover{color:#f0f0f0}.post__date{color:#9e9e9e;font-size:13px}.post__edited{color:#9e9e9e;flex-shrink:0;font-size:14px}.post-subscribe-button{background:#64cec3;border:none;border-radius:20px;color:#17191c;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:6px 16px;transition:opacity .2s;white-space:nowrap}.post__title{color:#f0f0f0;font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.post__cover{border-radius:8px;margin-bottom:20px;max-height:500px;object-fit:cover;width:100%}.post__content{color:#d0d0d0;font-family:Inter,sans-serif;font-size:16px;line-height:1.7;margin-bottom:20px}.post__content p{margin:0 0 16px}.post__content h1,.post__content h2,.post__content h3{color:#f0f0f0;font-weight:600;margin:24px 0 12px}.post__content img{border-radius:6px;margin:16px 0;max-width:100%}.post__content figure{margin:24px 0}.post__content figcaption{color:#9e9e9e;font-size:14px;margin-top:8px;text-align:center}.post__content ol,.post__content ul{margin:16px 0;padding-left:24px}.post__content li{margin:8px 0}.post__footer{border-top:1px solid #2a2d31;justify-content:space-between;padding-top:12px}.post__footer,.post__views{align-items:center;display:flex}.post__views{color:#9e9e9e;font-family:Inter,sans-serif;font-size:14px;gap:6px}.comments-section{background:#17191c;border-radius:10px;padding:24px}.comments-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comments-section__title{color:#f0f0f0;font-family:Inter,sans-serif;font-size:18px;font-weight:700;margin:0}.comment-form{background:#242629;border-radius:8px;margin-bottom:24px;padding:12px 16px}.comment-form__reply-to{align-items:center;color:#9e9e9e;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.comment-form__reply-to button{background:none;border:none;color:#9e9e9e;cursor:pointer;font-size:16px;line-height:1;padding:0}.comment-form__textarea{background:#0000;border:none;box-sizing:border-box;color:#f0f0f0;font-family:Inter,sans-serif;font-size:15px;outline:none;resize:none;width:100%}.comment-form__textarea::placeholder{color:#9e9e9e}.comment-form__bottom{align-items:center;border-top:1px solid #2a2d31;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.comment-form__icons{align-items:center;display:flex;gap:4px}.comment-form__icon-btn{background:none;border:none;border-radius:6px;color:#9e9e9e;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:background .15s}.comment-form__icon-btn:hover{background:#ffffff0d}.comment-form__image-preview{display:inline-block;margin-top:10px;position:relative}.comment-form__image-preview img{border-radius:6px;max-height:200px;max-width:200px}.comment-form__image-preview button{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:22px;position:absolute;right:4px;top:4px;width:22px}.comment-form__submit{background:#64cec3;border:none;border-radius:20px;color:#17191c;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:opacity .2s}.comment-form__submit:hover{opacity:.85}.comments{display:flex;flex-direction:column}.comment{border-bottom:1px solid #2a2d31;padding:16px 0}.comment:last-child{border-bottom:none}.comment__header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.comment__header .user-link__avatar{height:32px;width:32px}.comment__date{color:#9e9e9e;font-size:12px}.comment__content{color:#d0d0d0;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;margin-bottom:10px}.comment__image{border-radius:6px;cursor:pointer;margin-bottom:10px;max-height:400px;max-width:100%}.comment__actions{align-items:center;display:flex;gap:8px}.comment__reply-btn{background:#242629;border:none;border-radius:20px;color:#9e9e9e;cursor:pointer;font-size:13px;padding:6px 14px;transition:background .15s}.comment__reply-btn:hover{background:#2e3136}.comments__load-more{background:#242629;border:none;border-radius:8px;color:#9e9e9e;cursor:pointer;font-size:14px;margin-top:16px;padding:12px;transition:background .15s;width:100%}.comments__load-more:hover{background:#2e3136}.error,.loading{color:#9e9e9e;font-size:16px;padding:40px;text-align:center}.image-group{grid-gap:8px;display:grid;gap:8px;margin:16px 0}.image-group--single{grid-template-columns:1fr}.image-group--multiple,.image-group--two{grid-template-columns:repeat(2,1fr)}.image-group--multiple{grid-auto-rows:200px}.image-group--multiple .image-group__item--main{grid-row:span 2}.image-group__item{background:#242629;border-radius:8px;overflow:hidden;position:relative}.image-group__item img{height:100%;object-fit:cover;width:100%}.category-page{width:100%}.category-page__header{border-radius:8px;margin-bottom:20px;overflow:hidden;padding:40px 20px;position:relative}.category-page__header:before{background:linear-gradient(135deg,#0000004d,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-page__header-content{gap:16px;position:relative;z-index:1}.category-page__cover{border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.category-page__title{color:#fff;font-size:32px;font-weight:700;margin:0}.category-page__description{color:#ffffffe6;font-size:16px;line-height:1.5;margin:16px 0 0;max-width:800px;position:relative;z-index:1}.category-page__container{margin:0 auto;max-width:680px;padding:0 20px}.category-page__toolbar{display:flex;justify-content:flex-start;margin-bottom:20px}.category-page__posts{display:flex;flex-direction:column;gap:20px}.category-page__loader{color:#999;padding:40px;text-align:center}.category-page__end{color:#666;font-size:14px;padding:40px;text-align:center}.category-page__empty{color:#666;padding:80px 20px;text-align:center}.category-page__header-content{align-items:center;display:flex;gap:15px}.category-subscribe-button{background:#242629;border:1px solid #64cec3;border-radius:8px;color:#64cec3;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:9px 20px;transition:background .2s,color .2s;white-space:nowrap}.category-subscribe-button:hover:not(:disabled){background:#64cec31f}.category-subscribe-button.subscribed{background:#0000;border-color:#ffffff1a;color:#9e9e9e}.category-subscribe-button.subscribed:hover:not(:disabled){background:#0000;border-color:#fff3;color:#f0f0f0}.category-subscribe-button:disabled{cursor:not-allowed;opacity:.5}.search-page{background:#f5f5f5;min-height:calc(100vh - 60px);padding:24px 0}.search-page__container{margin:0 auto;max-width:800px;padding:0 16px}.search-page__header{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:24px;padding:24px}.search-page__search-form{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.search-page__search-input{background:none;border:none;color:#333;flex:1 1;font-size:16px;outline:none}.search-page__search-input::placeholder{color:#999}.search-page__count{color:#999;font-size:14px}.search-page__filters{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px}.search-page__filter-group{display:flex;flex-direction:column;gap:12px}.search-page__filter-label{color:#666;font-size:13px;font-weight:600;text-transform:uppercase}.search-page__period-buttons,.search-page__sort-buttons{display:flex;flex-wrap:wrap;gap:8px}.search-page__period-btn,.search-page__sort-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.search-page__period-btn:hover,.search-page__sort-btn:hover{border-color:#2196f3;color:#2196f3}.search-page__period-btn.active,.search-page__sort-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.search-page__checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.search-page__checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.search-page__checkbox span{color:#333;font-size:14px}.search-page__content,.search-page__results{display:flex;flex-direction:column;gap:16px}.search-page__empty,.search-page__loading{background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#999;font-size:14px;padding:40px 24px;text-align:center}.search-page__load-more{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#2196f3;cursor:pointer;font-size:14px;font-weight:600;padding:14px;transition:all .2s;width:100%}.search-page__load-more:hover:not(:disabled){background:#f5f5f5}.search-page__load-more:disabled{cursor:not-allowed;opacity:.5}.rating-page{margin:0 auto;max-width:900px;padding:24px 16px}.admin-panel{align-items:center;background:#1e1e1e;background:var(--surface,#1e1e1e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.recalculate-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 18px}.recalculate-btn:disabled{cursor:not-allowed;opacity:.6}.recalculate-msg.success{color:#2ecc71}.recalculate-msg.error{color:#e74c3c}.rating-page__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.rating-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.rating-list__item{align-items:center;background:#1e1e1e;background:var(--surface,#1e1e1e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;display:flex;gap:16px;padding:12px 16px}.rating-list__position{color:#888;color:var(--text-muted,#888);font-size:18px;font-weight:700;min-width:24px}.rating-list__karma{color:#888;color:var(--text-muted,#888);font-size:14px;margin-left:auto}.drafts-page{margin:0 auto;max-width:800px;padding:32px 16px}.drafts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.drafts-header h1{color:#f0f0f0;font-size:24px;font-weight:600;margin:0}.drafts-create-btn{background:#64cec3;border:none;border-radius:8px;color:#17191c;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:opacity .2s}.drafts-create-btn:hover{opacity:.85}.drafts-empty,.drafts-loading{color:#9e9e9e;padding:60px 0;text-align:center}.drafts-empty__icon{font-size:48px;margin-bottom:16px}.drafts-empty p{font-size:16px;margin-bottom:24px}.drafts-list{display:flex;flex-direction:column;gap:12px}.draft-card{align-items:flex-start;background:#17191c;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:20px}.draft-card__body{flex:1 1;min-width:0}.draft-card__title{color:#f0f0f0;font-size:16px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card__untitled{color:#9e9e9e;font-style:italic;font-weight:400}.draft-card__preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9e9e9e;display:-webkit-box;font-size:13px;margin:0 0 10px;overflow:hidden}.draft-card__meta{align-items:center;color:#9e9e9e;display:flex;font-size:12px;gap:12px}.draft-card__category{background:#242629;border-radius:4px;color:#64cec3;font-weight:500;padding:2px 8px}.draft-card__actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.draft-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:opacity .2s;white-space:nowrap}.draft-btn:hover{opacity:.8}.draft-btn--edit{background:#2e3035;color:#f0f0f0}.draft-btn--publish{background:#64cec3;color:#17191c;font-weight:600}.draft-btn--delete{background:#0000;border:1px solid #2e3035;color:#9e9e9e}.draft-btn--delete:hover{border-color:#e57373;color:#e57373;opacity:1}.settings-page{margin:0 auto;max-width:720px;padding:32px 24px}.settings-page__back{align-items:center;background:none;border:none;color:#9e9e9e;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:0;transition:color .15s}.settings-page__back:hover{color:#f0f0f0}.settings-page__title{color:#f0f0f0;font-size:22px;font-weight:700;margin:0 0 28px}.settings-section{background:#17191c;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:24px}.settings-section__title{color:#9e9e9e;font-size:13px;font-weight:600;letter-spacing:.06em;margin:0 0 20px;text-transform:uppercase}.settings-avatar-row{align-items:center;display:flex;gap:20px}.settings-avatar-img{background:#2e3035;border:3px solid #ffffff14;border-radius:50%;flex-shrink:0;height:80px;object-fit:cover;width:80px}.settings-avatar-actions{display:flex;flex-direction:column;gap:8px}.settings-avatar-hint{color:#9e9e9e;font-size:12px}.settings-cover-preview{background:linear-gradient(135deg,#1a2a3a,#2a1a3a);border-radius:8px;height:120px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.settings-cover-preview img{height:100%;object-fit:cover;width:100%}.settings-bio-textarea{background:#242629;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#f0f0f0;font-family:inherit;font-size:15px;line-height:1.5;min-height:100px;padding:12px 14px;resize:vertical;transition:border-color .15s;width:100%}.settings-bio-textarea:focus{border-color:#64cec3;outline:none}.settings-bio-textarea::placeholder{color:#9e9e9e}.settings-bio-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.settings-bio-count{color:#9e9e9e;font-size:12px}.settings-btn-primary{background:#64cec3;border:none;border-radius:8px;color:#17191c;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:opacity .2s}.settings-btn-primary:hover:not(:disabled){opacity:.85}.settings-btn-primary:disabled{cursor:not-allowed;opacity:.5}.settings-btn-secondary{background:#2e3035;border:1px solid #ffffff1a;border-radius:8px;color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:border-color .2s}.settings-btn-secondary:hover:not(:disabled){border-color:#ffffff40}.settings-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.settings-save-status{color:#64cec3;font-size:13px}input[type=file]{display:none}*{box-sizing:border-box;margin:0;padding:0}.App{background:inherit;min-height:100vh}main{min-width:0}.app{background:inherit;min-height:100vh}.app__layout{display:flex}.app__main{flex:1 1;min-height:calc(100vh - 64px);min-width:0}.page-placeholder{color:#999;font-size:18px;padding:40px;text-align:center}.app__inner{margin:0 auto;max-width:1400px;padding:0 24px;position:relative}.app__spacer{flex-shrink:0;width:226px}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}:hover::-webkit-scrollbar-thumb{background:#3e4045}
/*# sourceMappingURL=main.183b04c4.css.map*/