.profile-header,.profile-info,.profile-main,.profile-stats{width:100%;display:flex}.profile-main{gap:20px;align-items:center}.profile-edit-main{padding:10px;border:1px dashed var(--5a);border-radius:10px;cursor:pointer;display:flex;gap:20px;max-width:300px;align-items:center}.profile-edit-main:hover{border:1px dashed var(--f5)}.profile-container{margin:10px auto auto;max-width:800px}.badge-cup,.verified-badge{margin-left:8px;font-size:1.8rem;vertical-align:middle}.verified-badge{color:#4ea0ff}.verified-badge_{color:#4ea0ff;font-size:1.8rem;vertical-align:middle}.verification-info{font-size:17px;color:var(--f5);margin-left:15px;margin-bottom:1.5rem;line-height:1.6}.weekly-top-badge{margin-left:8px;font-size:1.8rem;vertical-align:middle;color:#f285e2}.drinker-badge,.moderator-badge,.supporter-badge{margin-left:5px;font-size:1.8rem;vertical-align:middle}.activated{background:var(--accent-dark)!important;cursor:not-allowed!important}.verification-info ul{list-style:none;padding-left:0;margin:1rem 0}.verification-info li{display:flex;align-items:flex-start;margin-bottom:10px;font-size:16px;line-height:1.5}.verification-info i{color:var(--accent);margin-right:.5rem;font-size:20px;line-height:1.2;flex-shrink:0;margin-top:2px}.moderator-badge{color:#f4c542}.supporter-badge{color:#ff5722}.drinker-badge{color:#a18568}.profile-edit-form>input{max-width:400px;margin-top:10px;margin-bottom:10px}.profile-edit-form>textarea{max-width:700px;margin-top:10px;margin-bottom:10px}.profile-edit-page{margin:auto;max-width:800px;text-align:left;padding:5px}.profile-picture-container{display:flex;flex-direction:column}.user-rooms{text-align:left;height:200px}.profile-picture img{width:80px;height:80px;border-radius:50%}.ri-more-fill{color:#666;transition:color .3s;cursor:pointer;text-decoration:none;font-size:30px}.profile-info{flex-direction:column;text-align:left}.badges-container{position:relative;top:-2px}.profile-header{justify-content:space-between;align-items:center;color:var(--f5)}.profile-stats{justify-content:space-around;margin-top:10px;color:#5d5d5d;margin-bottom:20px}.profile-details{border-top:1px solid #5d5d5d;padding-top:15px;text-align:left}.info-tab,.stat{text-align:center}.stat{width:33%}.stat:not(:last-child){border-right:1px solid #7a7a7a}.stat span{display:block;font-size:18px;color:var(--f5)}h3>span{color:#777}.detail-item strong,.profile-extra-info.detail-item strong{color:#696262;font-weight:600}.action-btn{margin-right:1rem}.detail-item,.profile-extra-info.detail-item{font-size:1.6rem;margin-bottom:1rem}.color-picker{display:flex;align-items:center;gap:10px}.range{width:210px;position:relative}.color-preview{display:flex;align-items:center;justify-content:center;color:#000;width:40px;height:40px;border-radius:6px;margin-top:8px}.profile-avatar-color{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.avatar-upload{display:flex;align-items:center;gap:1rem}.custom-upload-btn{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;margin-top:3px;cursor:pointer;font-size:1.3rem;transition:background-color .3s}.custom-upload-btn:hover{background-color:#0056b3}.file-name{font-size:14px;color:#fff}.moderator-div{font-size:2rem;display:block!important;margin-top:5px;margin-bottom:5px}.info-tabs{display:flex;justify-content:space-around;margin-bottom:2rem}.info-tab{flex:1;padding:1rem 2rem;margin:5px;font-size:1.6rem;color:#ccd5e4;background-color:#444;border:2px solid #fff0;border-radius:4px;transition:background-color .3s,color .3s,transform .2s;cursor:pointer}.info-content,.profile-extra-info{background-color:#1e1e1e;color:#fff}.info-tab.active{background:#ccc;color:#000}.info-content{font-size:1.6rem;padding:1.5rem;border-radius:10px;border:1px solid #333}.profile-extra-info{margin-bottom:2rem;padding:1rem;border:1px solid #333;border-radius:10px}.profile-extra-info a{color:#ebc334;text-decoration:none}.profile-extra-info a:hover{text-decoration:underline}.profile-info-login{color:var(--a)}.profile-info-joined{color:var(--5a)}.activity-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:8px;margin-top:8px}.activity-button:hover{background:#a23b22}.activity-button{margin-bottom:5px;background:#3d3d3d;border-radius:25px;margin-right:10px;cursor:pointer;text-decoration:none;color:var(--f5);width:48%}.profile-www{color:var(--a);word-wrap:break-word}.disabled{background:var(--2);color:var(--a);cursor:not-allowed}.gender-icon,.gender-option,.gold,.pointer,.profile-gift-icon{cursor:pointer}.profile-about{text-align:left;font-size:16px;padding:10px 0 20px;margin-left:10px}.profile-public-actions{margin-bottom:15px;text-align:left;margin-top:25px}.f-s17{font-size:17px}.f-s30{font-size:30px}.active{background:#ccc}@media(max-width:768px){.activity-button,.info-tab{width:100%}.info-tabs{display:flex;flex-direction:column;gap:1rem}.profile-public-actions>*{display:block;width:100%;margin-bottom:10px;text-align:center}.profile-container{padding:5px}.info-tab{flex:none;font-size:1.4rem;padding:1rem;margin:0}.info-content li{flex-direction:column;align-items:flex-start}.info-content li.room-date{margin-top:.5rem}}.chatter-badge{color:#94c969;margin-left:6px;font-size:1.8rem;vertical-align:middle}.gold{background:linear-gradient(45deg,gold,#ffb700,#ffea70);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gold-number{color:var(--f5);margin-left:3px}.profile-message{font-size:17px;margin-left:10px;font-style:italic}.gold-beers{margin-top:15px}.challenge-badge{margin-left:8px;font-size:1.8rem;vertical-align:middle;color:var(--violet)}.avatar-upload{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:10px;border:1px dashed var(--c);border-radius:8px;width:200px}.profile-music-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-top:10px;opacity:.85;margin-bottom:15px}.profile-music-player iframe{border-radius:10px;overflow:hidden}.profile-music-toggle:hover{opacity:1}.profile-music-toggle .playing{animation:1.2s infinite pulse;color:var(--accent)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.gender-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.gender-icon{margin-left:6px;font-size:18px}.gender-icon.male{color:#eb7e60}.gender-icon.female{color:#ff5fa2}.profile-gifts{margin-top:20px;padding-left:10px}.profile-gift-icon{width:45px;height:45px;object-fit:contain;transition:transform .15s}.profile-gift-icon:hover{transform:scale(1.15)}.gift-badge{background:var(--3d);color:var(--f5);font-size:12px;font-weight:600;padding:2px 6px;border-radius:12px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.2)}.profile-gifts-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:12px;background:var(--1D);border-radius:10px}


.timeline {
  position: relative;
  padding-left: 35px;
}

.profile-timeline {
	margin-top: 20px;
}
.timeline::before {
content: "";
  position: absolute;
  left: 53px;
  top: 10px;
  bottom: 0;
  width: 3px;
  background: var(--1D);
}

.timeline-day {
  color: var(--accent);
  font-weight: 600;
  font-size: 16px;
  margin: 15px 0 10px 0;
  margin-left:30px
}


.timeline-row {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 18px;
}


.timeline-icon {
  width: 39px;
  height: 39px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  left: -2px;

  font-size: 18px;
  color: #fff;
}


.timeline-icon.blue {
  background: #3b82f6;
}
.timeline-icon.violet {
  background: #955dde;
}

.timeline-icon.green {
  background: #22c55e;
}
.timeline-icon.aquamarine {
	background:#4dbbd1;
}
.timeline-icon.orange_ {
  background: var(--accent);
}

.timeline-icon.gold_ {
  background: gold;
  color: #222;
}

.timeline-icon.purple {
  background: #8b5cf6;
}
.timeline-bubble {
  margin-left: 55px;
	background: var(--1D);
  border-radius: 12px;
  padding: 10px 14px;
  width: 100%;
  position: relative;
}


.timeline-bubble::before {
  content: "";
  position: absolute;

  left: -8px;
  top: 50%;
  transform: translateY(-50%);

  width: 0;
  height: 0;

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid rgba(255,255,255,0.04);
}

.timeline-title {
  font-size: 14px;
  color: #eee;
  font-weight: 600;
}

.timeline-desc {
  font-size: 12.5px;
  color: #aaa;
  margin-top: 3px;
}

/* ===== LOADING ===== */
.timeline-loading {
  padding: 15px;
  text-align: center;
  color: #888;
}


@media (max-width: 600px) {
  .timeline {
    padding-left: 10px;
  }

.timeline::before
	{
		left:25px;
	}
}

.profile-picture {
  position: relative;
    display: flex;          
  align-items: center;      
  justify-content: center;  
  border-radius: 50%;
}

/* 🔥 glow */
.profile-picture.online::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 50%;

  background: radial-gradient(circle, #ff7a18, #ff3d00);
  filter: blur(6px);

  z-index: 0;
  opacity: 0.8;

  animation: pulseGlow 2s infinite ease-in-out;
}

/* cienka obwódka */
.profile-picture.online::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 50%;
  border: 2px solid #ff6a00;
  z-index: 1;
}

/* avatar nad glow */
.profile-picture img {
  position: relative;
  z-index: 2;
}

/* animacja */
@keyframes pulseGlow {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(1); opacity: 0.7; }
}
.profile-quote {
  position: relative;
  padding: 16px 20px 16px 55px;
  background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.05);
  color: #cfd3dc;
  font-size: 16px;
  line-height: 1.6;
  font-style: italic;
}

/* 🔥 duży cudzysłów */
.profile-quote::before {
  content: "“";
  position: absolute;
  left: 15px;
  top: 8px;
  font-size: 42px;
  color: var(--accent);
  opacity: 0.9;
  font-weight: bold;
}

/* subtelny glow */
.profile-quote {
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}