:root{--bg:#0d1117;--panel:#161b22;--panel2:#1c232c;--line:#2b3540;--text:#e6edf3;--muted:#9aa7b4;--accent:#3fb950;--accent2:#2ea043;--mono:Consolas,"JetBrains Mono",monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent)}
.hw-container{max-width:1160px;margin:0 auto;padding:0 16px}
.hw-header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hw-header__inner{display:flex;align-items:center;gap:16px;min-height:64px}
.hw-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.hw-brand__logo{width:36px;height:36px;background:var(--accent);color:#0d1117;font-weight:800;display:grid;place-items:center;border-radius:6px;font-family:var(--mono)}
.hw-brand__text{font-weight:700;font-size:18px}
.hw-brand__sub{color:var(--muted);font-weight:500;font-size:12px;margin-left:8px;font-family:var(--mono);text-transform:uppercase}
.hw-nav{display:flex;gap:4px;flex:1}
.hw-nav__link{padding:8px 12px;border-radius:6px;color:var(--text);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.hw-nav__link:hover{background:var(--panel2)}
.hw-nav__link.is-active{color:var(--accent)}
.hw-nav__link.is-stub{opacity:.55}
.hw-dropdown{position:relative}
.hw-dropdown__menu{display:none;position:absolute;top:100%;left:0;background:var(--panel2);border:1px solid var(--line);border-radius:8px;min-width:200px;padding:6px;z-index:60}
.hw-dropdown:hover .hw-dropdown__menu,.hw-dropdown:focus-within .hw-dropdown__menu{display:block}
.hw-dropdown__item{display:block;padding:8px 10px;border-radius:6px;color:var(--text);text-decoration:none}
.hw-dropdown__item:hover{background:var(--panel)}
.hw-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.hw-lang{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:6px 10px;font-family:var(--mono);cursor:pointer}
.hw-btn{display:inline-block;background:var(--accent);color:#0d1117;border:0;border-radius:6px;padding:9px 16px;font-weight:700;cursor:pointer;text-decoration:none}
.hw-btn:hover{background:var(--accent2)}
.hw-burger{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 10px;cursor:pointer}
.hw-hero{background:linear-gradient(180deg,#10161d,#0d1117);border-bottom:1px solid var(--line);padding:40px 0}
.hw-hero__inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.hw-hero__title{margin:0 0 8px;font-size:30px}
.hw-hero__note{color:var(--muted);margin:0;max-width:520px}
.hw-hero__ip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:12px 16px;border-radius:10px;font-family:var(--mono);flex-wrap:wrap}
.hw-online{color:var(--muted);font-size:13px}
.hw-main{padding:32px 0}
.hw-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}
.hw-speedbar{color:var(--muted);font-size:13px;margin-bottom:12px}
.hw-side-block{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}
.hw-side-title{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--mono)}
.hw-side-note{color:var(--muted);font-size:13px;margin:0 0 10px}
.hw-footer{border-top:1px solid var(--line);background:var(--panel);padding:20px 0;margin-top:40px}
.hw-footer__inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.hw-footer__links a{color:var(--muted);text-decoration:none;margin-left:12px}
.hw-footer__links a:hover{color:var(--accent)}
@media(max-width:900px){
.hw-layout{grid-template-columns:1fr}
.hw-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--panel);flex-direction:column;padding:10px;border-bottom:1px solid var(--line)}
.hw-nav.is-open{display:flex}
.hw-burger{display:block}
.hw-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px;display:grid;grid-template-columns:260px 1fr}
.hw-card__media{display:block;background-size:cover;background-position:center;background-color:var(--panel2);min-height:190px}
.hw-card__body{padding:16px 20px;display:flex;flex-direction:column}
.hw-card__meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);font-family:var(--mono);margin-bottom:8px}
.hw-card__cat{text-transform:uppercase}
.hw-card__cat a{color:var(--accent);text-decoration:none}
.hw-card__title{margin:0 0 8px;font-size:20px;line-height:1.3}
.hw-card__title a{color:var(--text);text-decoration:none}
.hw-card__title a:hover{color:var(--accent)}
.hw-card__text{color:var(--muted);font-size:14px;flex:1}
.hw-card__text img{display:none}
.hw-card__foot{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px;margin-top:14px;font-family:var(--mono);flex-wrap:wrap}
.hw-card__foot a{color:var(--muted)}
.hw-btn--more{padding:6px 12px;font-size:13px;margin-left:auto}
.hw-card__edit{margin-left:8px}
@media(max-width:760px){.hw-card{grid-template-columns:1fr}.hw-card__media{min-height:160px}}
.hw-side-block summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
.hw-side-block summary::-webkit-details-marker{display:none}
.hw-side-block img{width:40px;height:40px;border-radius:50%}
.hw-side-block a{color:var(--text)}
}

/* ===== ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - ИСПРАВЛЕННЫЕ СТИЛИ ===== */

/* Основной контейнер */
section.panel.profile {
    background: var(--panel) !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

/* Шапка профиля - аватар + имя + действия */
section.panel.profile header.profile__head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--line) !important;
}

section.panel.profile header.profile__head img.avatar--xl {
    width: 112px !important;
    height: 112px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}

section.panel.profile .profile__ident {
    flex: 1 !important;
}

section.panel.profile .profile__name {
    margin: 0 0 8px 0 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
}

section.panel.profile .profile__status {
    color: var(--muted) !important;
    font-size: 14px !important;
    margin: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

section.panel.profile .profile__status .is-online {
    color: var(--accent) !important;
    font-weight: 600 !important;
}

section.panel.profile .profile__group {
    display: inline-block !important;
    padding: 2px 8px !important;
    background: var(--panel2) !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    color: var(--muted) !important;
}

/* Действия профиля (Персональное сообщение, RSS) */
section.panel.profile .profile__actions {
    display: flex !important;
    gap: 16px !important;
    margin-top: 12px !important;
    flex-wrap: wrap !important;
}

section.panel.profile .profile__action-content {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--accent) !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

section.panel.profile .profile__action-content:hover {
    text-decoration: underline !important;
}

section.panel.profile .profile__action-content svg {
    width: 16px !important;
    height: 16px !important;
    fill: var(--accent) !important;
}

/* Сетка фактов */
section.panel.profile .profile__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}

section.panel.profile .profile__facts {
    margin: 0 !important;
    padding: 0 !important;
}

section.panel.profile .profile__facts dt {
    color: var(--muted) !important;
    font-size: 13px !important;
    margin-bottom: 4px !important;
    font-weight: 500 !important;
}

section.panel.profile .profile__facts dd {
    color: var(--text) !important;
    font-size: 14px !important;
    margin: 0 0 12px 0 !important;
}

section.panel.profile .profile__link {
    color: var(--accent) !important;
    text-decoration: none !important;
}

section.panel.profile .profile__link:hover {
    text-decoration: underline !important;
}

/* Секции "О себе" и "Подпись" */
section.panel.profile .profile__about {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--line) !important;
}

section.panel.profile .profile__about:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section.panel.profile .profile__about h2 {
    font-size: 18px !important;
    color: var(--text) !important;
    margin: 0 0 12px 0 !important;
    font-weight: 600 !important;
}

section.panel.profile .profile__about .text {
    color: var(--muted) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Настройки профиля - ИСПРАВЛЕНИЕ ОГРОМНОЙ СЕРОЙ КНОПКИ */
section.panel.profile details.profile-settings {
    margin-top: 20px !important;
}

section.panel.profile details.profile-settings summary.soft-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    background: var(--panel2) !important;
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    list-style: none !important;
    width: auto !important;
    max-width: fit-content !important;
    transition: background 0.2s !important;
}

section.panel.profile details.profile-settings summary.soft-button:hover {
    background: var(--line) !important;
}

section.panel.profile details.profile-settings summary.soft-button::-webkit-details-marker {
    display: none !important;
}

section.panel.profile details.profile-settings summary.soft-button svg {
    width: 16px !important;
    height: 16px !important;
    fill: var(--text) !important;
}

/* Форма настроек */
section.panel.profile .form-body {
    margin-top: 16px !important;
    padding: 20px !important;
    background: var(--bg) !important;
    border-radius: 8px !important;
}

section.panel.profile .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
}

section.panel.profile .form-grid--three {
    grid-template-columns: repeat(3, 1fr) !important;
}

section.panel.profile .form-row {
    margin-bottom: 16px !important;
}

section.panel.profile .form-row--check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

section.panel.profile .form-label {
    display: block !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
    font-weight: 500 !important;
}

section.panel.profile .form-input {
    width: 100% !important;
    padding: 10px 12px !important;
    background: var(--panel) !important;
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    color: var(--text) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    transition: border-color 0.2s !important;
}

section.panel.profile .form-input:focus {
    outline: none !important;
    border-color: var(--accent) !important;
}

section.panel.profile .form-input--file {
    padding: 8px !important;
}

section.panel.profile textarea.form-input {
    resize: vertical !important;
    min-height: 80px !important;
    font-family: inherit !important;
}

section.panel.profile .form-check {
    margin-top: 6px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
}

section.panel.profile .form-check-input {
    margin-right: 6px !important;
}

section.panel.profile .form-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    color: var(--muted) !important;
    font-size: 13px !important;
}

section.panel.profile .form-sep {
    font-size: 16px !important;
    color: var(--text) !important;
    margin: 20px 0 12px 0 !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--line) !important;
    font-weight: 600 !important;
}

section.panel.profile .form-actions {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--line) !important;
    flex-wrap: wrap !important;
}

section.panel.profile .form-req {
    color: #d4a0a0 !important;
    margin-left: 2px !important;
}

/* Кнопки */
section.panel.profile button.primary-button {
    padding: 10px 20px !important;
    background: var(--accent) !important;
    color: #0d1117 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    font-family: inherit !important;
}

section.panel.profile button.primary-button:hover {
    background: var(--accent2) !important;
}

section.panel.profile .soft-button--danger {
    color: #d4a0a0 !important;
    border-color: rgba(212,160,160,0.3) !important;
}

section.panel.profile .soft-button--danger:hover {
    background: rgba(212,160,160,0.1) !important;
}

/* Социальные сети */
section.panel.profile .soc-links {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 12px !important;
}

section.panel.profile .soc-links__item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: var(--panel2) !important;
    border: 1px solid var(--line) !important;
    border-radius: 6px !important;
    transition: background 0.2s !important;
    text-decoration: none !important;
}

section.panel.profile .soc-links__item:hover {
    background: var(--line) !important;
}

section.panel.profile .soc-links__item svg.icon--brand {
    width: 18px !important;
    height: 18px !important;
    fill: var(--muted) !important;
}

/* Уведомления */
section.panel.profile .notice--warn {
    padding: 12px 16px !important;
    background: rgba(212,160,160,0.1) !important;
    border: 1px solid rgba(212,160,160,0.3) !important;
    border-radius: 6px !important;
    color: #d4a0a0 !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    section.panel.profile header.profile__head {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    section.panel.profile .profile__grid,
    section.panel.profile .form-grid,
    section.panel.profile .form-grid--three {
        grid-template-columns: 1fr !important;
    }
    
    section.panel.profile .form-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    section.panel.profile button.primary-button,
    section.panel.profile .soft-button {
        width: 100% !important;
        justify-content: center !important;
    }
/* Компактная шапка профиля с фактами */
.profile__head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--line) !important;
}

.profile__facts-compact {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin-top: 16px !important;
    padding-top: 16px !important;
}

.profile__facts-compact .profile__facts {
    margin: 0 !important;
}

.profile__facts-compact .profile__facts dt {
    color: var(--muted) !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
    font-weight: 500 !important;
}

.profile__facts-compact .profile__facts dd {
    color: var(--text) !important;
    font-size: 13px !important;
    margin: 0 0 8px 0 !important;
}

/* Скрываем кнопку "Настройки профиля" */
.profile-settings {
    display: none !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .profile__facts-compact {
        grid-template-columns: 1fr !important;
    }
}
/* Профиль: снимаем внешнюю рамку колонки контента и её отступы,
   чтобы не было полосы между двумя границами */
.hw-layout__content{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important}
/* Карточка профиля: убираем внешний отступ, чтобы она прилегала к краям без зазора */
section.panel.profile{margin:0!important}