/* --- Pylaas Global Core Style --- */
:root { 
    --pylaas-main: #4a90e2; 
    --pylaas-dark: #2c3e50; 
    --pylaas-bg: #f4f7f6;
}

body { background: var(--pylaas-bg); overflow-x: hidden; font-family: 'Inter', sans-serif; }

/* Akış ve Yerleşim */
.feed-wrapper { max-width: 700px; margin: 0 auto; }

/* Paylaşım Kartı */
.share-box {
    background: #fff; border-radius: 20px; padding: 20px;
    border: 1px solid #e0e0e0; margin-bottom: 40px;
}
.live-timer {
    background: var(--pylaas-main); color: #fff; border-radius: 15px;
    padding: 10px; min-width: 100px; text-align: center; cursor: pointer;
    transition: transform 0.3s;
}
.live-timer:hover { transform: translateY(-3px); }

/* Gönderi Yapısı */
.post-entry { display: flex; gap: 20px; margin-bottom: 50px; position: relative; }
.timeline-side { flex: 0 0 80px; display: flex; flex-direction: column; align-items: center; }

.big-calendar {
    background: var(--pylaas-dark); color: #fff; border-radius: 18px;
    padding: 10px 5px; width: 100%; text-align: center;
    border: 4px solid #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    cursor: pointer; transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.big-calendar:hover { transform: scale(1.1) rotate(-3deg); }

.line-connector { width: 2px; background: #d1d8e0; flex-grow: 1; margin-top: 10px; }

.post-main {
    flex: 1; background: #fff; border-radius: 25px;
    overflow: hidden; box-shadow: 0 5px 25px rgba(0,0,0,0.05); border: 1px solid #efefef;
}

/* Medya Ölçeklendirme */
.media-frame {
    width: 100%; max-height: 450px; background: #000;
    display: flex; align-items: center; justify-content: center;
}
.media-frame img, .media-frame video { 
    max-width: 100%; max-height: 450px; object-fit: contain; 
}

/* Sağ Panel */
.stats-sidebar { 
    position: sticky; top: 20px; background: #fff; 
    border-radius: 20px; padding: 20px; border: 1px solid #e0e0e0; 
}