/* Canlı Kur'an-ı Kerim Radyosu - Yüksek Kontrastlı Modern İslami Tema */

@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
    --bg-primary: #F1F5F9;
    --bg-secondary: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-hero: linear-gradient(135deg, #0F2C23 0%, #143E32 50%, #081B15 100%);
    
    --text-main: #0F172A;
    --text-muted: #475569;
    --text-light: #F8FAFC;
    
    --border-color: #E2E8F0;
    
    --emerald-main: #059669;
    --emerald-light: #10B981;
    --emerald-dark: #0F2C23;
    
    --gold-main: #D4AF37;
    --gold-light: #FCE081;
    --gold-dark: #AA820A;
}

html.dark {
    --bg-primary: #07130F;
    --bg-secondary: #0D201A;
    --bg-card: #112821;
    --bg-hero: linear-gradient(135deg, #0D2820 0%, #153B30 50%, #061510 100%);
    
    --text-main: #FFFFFF;
    --text-muted: #CBD5E1;
    --text-light: #F8FAFC;
    
    --border-color: #1A3E33;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Islamic Geometric Background Pattern Overlay */
.islamic-bg-pattern {
    background-image: radial-gradient(#D4AF37 0.6px, transparent 0.6px), radial-gradient(#D4AF37 0.6px, var(--bg-primary) 0.6px);
    background-size: 28px 28px;
    background-position: 0 0, 14px 14px;
}

/* Hero Player Card */
.hero-player-card {
    background: var(--bg-hero);
    border: 2px solid rgba(212, 175, 55, 0.4);
    box-shadow: 0 20px 40px -15px rgba(15, 44, 35, 0.6);
}

.glass-panel {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
}

/* Station Cards */
.station-card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.station-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.15);
    border-color: #D4AF37;
}

.station-card.active-playing {
    border-color: #10B981;
    box-shadow: 0 0 0 2px #10B981, 0 10px 20px rgba(16, 185, 129, 0.2);
}

/* Audio Visualizer Canvas */
#visualizerCanvas {
    width: 100%;
    height: 50px;
    display: block;
}

/* Volume Slider */
input[type=range] {
    -webkit-appearance: none;
    background: transparent;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FCE081;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Pulse Animation for Live Streaming */
@keyframes pulse-live {
    0% { transform: scale(0.95); opacity: 0.8; }
    50% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.8; }
}

.live-badge-dot {
    animation: pulse-live 1.8s infinite ease-in-out;
}

/* Cover Artwork Stays Static */
.is-playing #currentLogo {
    animation: none !important;
}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(6px);
}

/* Ticker Container & Responsive Animasyonlar */
.ticker-scroll-container {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    margin: 0 10px;
}

/* Mobilde ( < 768px ): Akıcı Kayan Yazı (Marquee) */
@media (max-width: 767px) {
    .ticker-scroll-container {
        overflow: hidden;
        white-space: nowrap;
        mask-image: linear-gradient(to right, transparent, black 12px, black calc(100% - 12px), transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 12px, black calc(100% - 12px), transparent);
    }

    .ticker-scroll-text {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        animation: marquee-slide 16s linear infinite;
        will-change: transform;
    }

    .ticker-scroll-text:hover,
    .ticker-scroll-text:active {
        animation-play-state: paused;
    }

    @keyframes marquee-slide {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
    }
}

/* Masaüstünde ( >= 768px ): Sabit Centered Yazı + Yumuşak Fade & Scale Animasyonu */
@media (min-width: 768px) {
    .ticker-scroll-container {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .ticker-scroll-text {
        display: inline-block;
        padding-left: 0;
        animation: none;
        transition: opacity 0.5s ease, transform 0.5s ease;
        text-shadow: 0 0 10px rgba(252, 224, 129, 0.2);
    }
}


/* Sponsor placements follow the existing station-card visual style. */
.sponsor-slot {
    display: flex;
    min-height: 132px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px dashed var(--border-color);
    background-color: var(--bg-card);
    color: var(--text-main);
    text-align: center;
}
.sponsor-slot-number { color: var(--emerald-main); font-size:10px; font-weight:800; letter-spacing:.15em; }
.sponsor-slot-icon { color: var(--gold-main); font-size:20px; }
.sponsor-slot-title { color:var(--text-main); font-size:14px; font-weight:800; }
.sponsor-slot-cta { color:var(--text-muted); font-size:11px; font-weight:600; }
.sponsor-logo { display:block; max-width:min(100%, 220px); max-height:52px; object-fit:contain; }

/* Compact Instagram-style story rail, matched to the site's emerald and gold palette. */
.story-rail { box-shadow: 0 14px 38px rgba(2, 20, 15, .12); }
.story-bubble { display:flex; width:76px; flex-direction:column; align-items:center; gap:6px; color:inherit; }
.story-bubble-ring,.story-empty-ring { position:relative; isolation:isolate; display:flex; width:66px; height:66px; flex:none; align-items:center; justify-content:center; border-radius:9999px; padding:3px; background:conic-gradient(#55c9ff,#3e7bff,#8adfff,#3279ef,#55c9ff); box-shadow:inset 0 0 0 1px rgba(139,220,255,.75),inset 0 0 8px rgba(57,153,255,.52); }
.story-bubble-inner { display:flex; width:100%; height:100%; overflow:hidden; align-items:center; justify-content:center; border:2px solid var(--bg-card); border-radius:inherit; background:#0b2c22; }
.story-bubble-inner img,.story-bubble-inner video { display:block; width:100%; height:100%; object-fit:cover; }
.story-bubble-inner>i { color:#f6d65a; font-size:20px; }
.story-bubble-empty { opacity:.58; cursor:not-allowed; }
.story-bubble-empty .story-bubble-ring { background:linear-gradient(145deg,#27493c,#143326); box-shadow:none; }
.story-bubble-empty .story-bubble-inner { border:1px dashed rgba(246,214,90,.35); }
.community-story-add { color:#f6d65a; font-size:20px; }
.story-video-thumb { color:#f6d65a; font-size:18px; }
.story-bubble-label { width:76px; overflow:hidden; color:var(--text-muted); font-size:10px; font-weight:700; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.story-count { position:absolute; right:-1px; bottom:-1px; display:grid; min-width:21px; height:21px; place-items:center; padding:0 5px; border:2px solid var(--bg-card); border-radius:999px; background:#d9ae38; color:#09251c; font-size:9px; font-weight:900; }
.story-empty-ring { height:56px; width:56px; border:1px dashed rgba(246,214,90,.55); background:#0b2c22; color:#f6d65a; }
.story-viewer-open { overflow:hidden; }
.story-viewer { position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:12px; background:rgba(0,0,0,.94); backdrop-filter:blur(8px); }
.story-viewer.hidden { display:none; }
.story-viewer-frame { position:relative; width:min(100%, 430px); height:min(92dvh, 780px); overflow:hidden; border:1px solid rgba(246,214,90,.28); border-radius:22px; background:#03140f; box-shadow:0 24px 100px rgba(0,0,0,.6); }
.story-progress { position:absolute; z-index:3; top:12px; left:12px; right:12px; display:flex; gap:4px; }
.story-progress-track { height:3px; flex:1; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.36); }
.story-progress-fill { display:block; width:0; height:100%; border-radius:inherit; background:#fff; transition-property:width; transition-timing-function:linear; }
.story-viewer-header { position:absolute; z-index:3; top:23px; left:12px; right:12px; display:flex; align-items:center; gap:9px; color:#fff; text-shadow:0 1px 4px #000; }
.story-viewer-header>div { display:flex; min-width:0; flex:1; flex-direction:column; font-size:12px; }
.story-viewer-header>div span { color:rgba(255,255,255,.73); font-size:10px; }
.story-owner-mark { width:34px; height:34px; overflow:hidden; border:1px solid rgba(246,214,90,.8); border-radius:50%; background:#0b2c22; }
.story-owner-mark img { height:100%; width:100%; object-fit:cover; }
.story-control,.story-nav { display:grid; width:34px; height:34px; flex:none; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(0,0,0,.3); color:#fff; }
.story-control[hidden] { display:none; }
.story-media-stage { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; touch-action:pan-y; }
.story-media { max-height:100%; max-width:100%; width:100%; height:100%; object-fit:contain; }
.story-media-stage video.story-media { background:#000; }
.story-nav { position:absolute; z-index:2; top:50%; width:32px; height:42px; border-radius:12px; transform:translateY(-50%); }
.story-nav-prev { left:8px; }
.story-nav-next { right:8px; }
.story-caption { position:absolute; z-index:2; right:18px; bottom:152px; left:18px; display:flex; flex-direction:column; align-items:center; gap:6px; padding:34px 10px 8px; color:#fff; font-size:13px; font-weight:600; line-height:1.45; text-align:center; text-shadow:0 2px 8px #000; background:linear-gradient(transparent,rgba(0,0,0,.56)); }
.story-caption strong { font-size:15px; font-weight:900; }
.story-caption #storyCaption:empty { display:none; }
.story-caption a { margin-top:4px; border:1px solid rgba(246,214,90,.65); border-radius:999px; padding:7px 14px; background:rgba(6,68,49,.9); color:#fce081; font-size:11px; font-weight:800; text-decoration:none; text-shadow:none; pointer-events:auto; }
.story-caption a[hidden] { display:none; }
.story-social-panel{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(1,15,11,.94) 17%,rgba(1,15,11,.98));color:#fff}.story-social-actions{display:flex;align-items:center;gap:14px;padding:0 2px 7px}.story-social-comments{display:flex;max-height:48px;flex-direction:column;gap:3px;overflow:auto;padding:2px 3px 5px}.story-social-comment{margin:0;overflow-wrap:anywhere;color:rgba(255,255,255,.9);font-size:10px;line-height:1.35}.story-social-comment strong{margin-right:4px;color:#f6d65a}.story-social-comment-form{display:flex;align-items:center;gap:8px;border:1px solid rgba(227,248,238,.28);border-radius:999px;padding:3px 5px 3px 12px;background:rgba(255,255,255,.08)}.story-social-comment-form input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#fff;font-size:11px}.story-social-comment-form input::placeholder{color:rgba(255,255,255,.66)}.story-social-comment-form button{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%;background:#f3d05c;color:#09251c}.story-social-feedback{min-height:12px;margin:3px 4px 0;color:#f6d65a;font-size:9px}
.community-story-frame{position:relative;width:min(100%,460px);height:min(92dvh,820px);overflow:hidden;border:1px solid rgba(72,177,143,.45);border-radius:24px;background:#03140f;box-shadow:0 24px 100px rgba(0,0,0,.6)}
.community-story-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#020b08}.community-story-asset{width:100%;height:100%;object-fit:contain}.community-story-media video{background:#000}
.community-story-top{position:absolute;z-index:2;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:white;text-shadow:0 1px 5px #000}.community-story-owner{display:flex;min-width:0;align-items:center;gap:9px}.community-story-owner>img{width:38px;height:38px;flex:none;border:2px solid #50c9ff;border-radius:50%;background:#0b2c22;object-fit:cover}.community-story-owner>span{display:flex;min-width:0;flex-direction:column}.community-story-owner strong{max-width:240px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.community-story-owner small{color:rgba(255,255,255,.75);font-size:10px}
.community-story-interactions{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:38px 16px max(14px,env(safe-area-inset-bottom));color:#fff;background:linear-gradient(transparent,rgba(1,15,11,.92) 22%,rgba(1,15,11,.96))}.community-story-caption{max-height:58px;overflow:auto;margin:0 0 10px;font-size:13px;line-height:1.45;text-shadow:0 1px 4px #000;white-space:pre-wrap}.community-story-caption:empty{display:none}.community-story-actions{display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(174,222,202,.16);padding-bottom:10px}.community-like,.community-share{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:white;font-size:12px;font-weight:800}.community-like.is-liked{color:#ff6280}.community-like:disabled,.community-share:disabled{opacity:.55}.community-count{display:inline-flex;align-items:center;gap:5px;color:rgba(230,248,239,.82);font-size:10px}.community-story-comments{display:flex;max-height:126px;flex-direction:column;gap:7px;overflow:auto;padding:9px 0}.community-comment{margin:0;color:rgba(255,255,255,.9);font-size:11px;line-height:1.4;overflow-wrap:anywhere}.community-comment strong{margin-right:4px;color:#f6d65a}.community-empty-comments{margin:0;padding:6px 0;color:rgba(226,246,236,.62);font-size:10px}.community-story-comment-form{display:flex;align-items:center;gap:9px;border:1px solid rgba(227,248,238,.28);border-radius:999px;padding:4px 6px 4px 13px;background:rgba(255,255,255,.08)}.community-story-comment-form input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#fff;font-size:12px}.community-story-comment-form input::placeholder{color:rgba(255,255,255,.65)}.community-story-comment-form button{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:50%;background:#f3d05c;color:#09251c}.community-story-feedback{min-height:14px;margin:4px 4px 0;color:#f6d65a;font-size:10px}
.story-upload-drop { transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.story-upload-drop:hover { border-color:#f6d65a; background:rgba(15,67,51,.7); transform:translateY(-1px); }
.story-admin-preview { height:220px; display:flex; align-items:center; justify-content:center; background:#020b08; }

/* Serhend app cards and automatically scrolling useful links. */
.sn-app-section,.sn-useful-links{border:1px solid rgba(212,175,55,.18);border-radius:22px;background:linear-gradient(145deg,rgba(8,37,29,.92),rgba(6,25,19,.96));padding:18px;box-shadow:0 16px 40px rgba(2,20,15,.16)}
.sn-app-section-heading{margin:0 0 15px}.sn-app-eyebrow,.sn-useful-heading>div>p{color:#b8d7c7;font-size:10px;font-weight:800;letter-spacing:.16em}.sn-app-section-heading h2,.sn-useful-heading h2{margin-top:4px;color:#fff;font-size:20px;font-weight:800;line-height:1.2}.sn-app-section-heading>p:last-child{margin-top:5px;color:#b6cfc3;font-size:12px;line-height:1.5}
.sn-app-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sn-app-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(87,152,124,.3);border-radius:16px;background:rgba(4,28,21,.7)}.sn-app-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee7d7}.sn-app-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:11px 10px 12px}.sn-app-card-copy>span{color:#a9cabb;font-size:7px;font-weight:800;letter-spacing:.09em;line-height:1.35}.sn-app-card-copy h3{margin-top:4px;color:#fff;font-size:14px;font-weight:800;line-height:1.2}.sn-app-card-copy p{margin-top:5px;color:#c5d7ce;font-size:10px;line-height:1.45}.sn-app-card-copy a{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:#f4d269;font-size:9px;font-weight:800;text-decoration:none}.sn-app-card-copy a:hover{text-decoration:underline}
.sn-useful-links{padding:15px 14px 12px}.sn-useful-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sn-useful-heading h2{font-size:18px}.sn-useful-heading>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(212,175,55,.35);border-radius:50%;color:#f4d269;font-size:12px}.sn-useful-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sn-useful-viewport::-webkit-scrollbar{display:none}.sn-useful-viewport[data-sn-autoplay="true"]{scroll-snap-type:none}.sn-useful-track{display:flex;width:max-content;min-width:100%;gap:10px;padding:2px 1px 8px}.sn-useful-card{position:relative;display:flex;width:112px;min-width:112px;min-height:118px;flex:0 0 112px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid rgba(228,235,230,.22);border-radius:15px;background:rgba(255,255,255,.97);color:#273b33;text-align:center;text-decoration:none;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.sn-useful-card:hover,.sn-useful-card:focus-visible{transform:translateY(-2px);border-color:#d4af37;box-shadow:0 8px 22px rgba(0,0,0,.16)}.sn-useful-card img{display:block;width:56px;height:56px;object-fit:contain;border-radius:11px;background:#f4f6f4}.sn-useful-card span{max-width:100%;font-size:10px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.sn-useful-card>i{position:absolute;right:7px;top:7px;color:#13836a;font-size:9px}.sn-useful-note{margin:5px 1px 0;color:#a9cabb;font-size:10px;line-height:1.4}
@media(min-width:700px){.sn-app-section,.sn-useful-links{padding:22px 24px}.sn-app-cards{gap:16px}.sn-app-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:stretch}.sn-app-card>img{height:100%;min-height:190px;aspect-ratio:auto}.sn-app-card-copy{justify-content:center;padding:20px}.sn-app-card-copy>span{font-size:9px}.sn-app-card-copy h3{font-size:20px}.sn-app-card-copy p{font-size:13px}.sn-app-card-copy a{font-size:11px}.sn-useful-track{gap:12px}.sn-useful-card{width:132px;min-width:132px;min-height:132px;flex-basis:132px}.sn-useful-card img{width:64px;height:64px}.sn-useful-card span{font-size:11px}}
@media(max-width:360px){.sn-app-section{padding:13px}.sn-app-cards{gap:8px}.sn-app-card-copy{padding:9px 8px}.sn-app-card-copy h3{font-size:12px}.sn-app-card-copy p{font-size:9px}.sn-useful-card{width:98px;min-width:98px;min-height:106px;flex-basis:98px}.sn-useful-card img{width:48px;height:48px}}
@media(max-width:700px){.homepage-forum-slide{flex-basis:88%;border-radius:16px}.homepage-forum-media{aspect-ratio:4/3;max-height:240px}.homepage-forum-slide-content{padding:14px}.homepage-forum-carousel-toolbar{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sn-useful-card{transition:none}}
@media (max-width:520px) {
  .story-viewer { padding:0; }
  .story-viewer-frame { width:100%; height:100dvh; max-height:none; border:0; border-radius:0; }
}

/* Verified member markers used in story names and comments. */
.member-badge{display:inline-block;flex:none;vertical-align:-3px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.member-badge--gold{color:#ffd735;filter:drop-shadow(0 1px 3px rgba(255,207,50,.55))}
.member-badge--blue{color:#43a9ff;filter:drop-shadow(0 1px 3px rgba(67,169,255,.45))}
.member-badge--pink{color:#ff79bd;filter:drop-shadow(0 1px 3px rgba(255,121,189,.45))}
.story-verified-mark{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-3px}
.story-verified-mark.is-hidden{display:none}
.community-story-author-line{display:flex;min-width:0;align-items:center;gap:5px}
.community-story-author-line .story-verified-mark{width:18px;height:18px}
.community-story-poll{margin:10px 0;padding:12px;border:1px solid rgba(42,127,93,.7);border-radius:16px;background:rgba(4,37,27,.88)}
.community-story-poll.is-hidden{display:none}.community-poll-title{margin:0 0 9px;font-size:12px;font-weight:850;color:#f3f5e9}
.community-poll-option{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;margin-top:6px;padding:10px 12px;border:1px solid rgba(41,126,91,.7);border-radius:11px;background:#08261d;color:#effaf2;text-align:left;font-size:11px}
.community-poll-option i{position:absolute;inset:0 auto 0 0;background:rgba(26,137,94,.32);pointer-events:none}.community-poll-option span,.community-poll-option b{position:relative;z-index:1}.community-poll-total{display:block;margin-top:7px;color:#8ac5a9;font-size:9px}
.community-story-question{margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#0e8057,#07513d);color:#fff;font-size:12px;font-weight:800}.community-story-question.is-hidden{display:none}
.community-story-reactions{display:flex;gap:7px;margin:8px 0}.community-story-reactions button{width:38px;height:36px;border:1px solid rgba(68,157,117,.5);border-radius:12px;background:#08261d;font-size:18px}.community-story-reactions button.is-selected{border-color:#e8c54d;background:rgba(232,197,77,.16);box-shadow:0 0 0 2px rgba(232,197,77,.12)}
.story-social-comment .story-verified-mark,.community-comment .story-verified-mark{margin:0 4px}
.story-bubble-label{display:flex;align-items:center;justify-content:center;gap:3px}

/* Serhendyolu final visual system: quiet motion, consistent interaction, clear focus. */
:root {
  --sn-focus: #e8c54d;
  --sn-focus-ring: rgba(232,197,77,.28);
  --sn-card-shadow: 0 14px 34px rgba(2,20,15,.14);
}
html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid var(--sn-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px var(--sn-focus-ring);
}
:where(input,select,textarea) { accent-color: #0c8a64; }
:where(input,select,textarea):focus-visible { border-color: var(--sn-focus); }
.station-card {
  border-radius: 1.15rem;
  box-shadow: 0 6px 18px rgba(2,20,15,.07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.station-card:hover,.station-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.58);
  box-shadow: var(--sn-card-shadow);
}
.hero-player-card { border-radius: 1.55rem; }
.story-bubble { transition: transform .18s ease, filter .18s ease; }
.story-bubble:not(:disabled):hover,.story-bubble:not(:disabled):focus-visible {
  transform: translateY(-2px);
  filter: drop-shadow(0 7px 13px rgba(38,143,255,.18));
}
.sn-app-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.sn-app-card:hover,.sn-app-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 12px 28px rgba(2,20,15,.2);
}
.member-card:focus-within { border-color: rgba(232,197,77,.42); }
.community-post { scroll-margin-top: 6rem; }
::selection { background: rgba(16,137,98,.32); color: inherit; }
@media (max-width: 520px) {
  html { scroll-padding-top: 6.5rem; }
  .hero-player-card { border-radius: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .station-card,.story-bubble,.sn-app-card { transition: none; }
  .station-card:hover,.story-bubble:not(:disabled):hover,.sn-app-card:hover { transform: none; }
}


/* Serhendyolu community polish v55: stories, member entry, and sharing. */
.story-rail{border-radius:24px;box-shadow:0 18px 42px rgba(2,20,15,.2),inset 0 1px rgba(221,246,231,.025)}
.story-bubble-list{gap:16px!important;padding:4px 2px 10px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-inline:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(246,214,90,.42) transparent}
.story-bubble{flex:0 0 76px;min-height:92px;scroll-snap-align:start;cursor:pointer;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.story-bubble:hover{transform:translateY(-2px);filter:brightness(1.08)}
.story-bubble:focus-visible{outline:2px solid #f6d65a;outline-offset:4px;border-radius:16px}
.story-bubble-ring{box-shadow:0 0 0 2px rgba(6,26,20,.96),0 0 0 4px rgba(76,178,255,.17),0 0 19px rgba(54,151,255,.22),inset 0 0 0 1px rgba(139,220,255,.8),inset 0 0 8px rgba(57,153,255,.45)}
.story-bubble-label{line-height:1.2}
.story-bubble-empty{filter:saturate(.55)}
.member-auth-shell{padding:clamp(4px,2vw,12px);}
.member-auth-card{position:relative;overflow:hidden;border-color:rgba(232,197,77,.24);background:radial-gradient(ellipse at 50% -18%,rgba(31,126,88,.23),transparent 56%),linear-gradient(150deg,rgba(10,49,37,.98),rgba(4,25,19,.98));box-shadow:0 22px 60px rgba(0,0,0,.26),inset 0 1px rgba(224,248,236,.04)}
.member-auth-heading>span:first-child{box-shadow:0 8px 25px rgba(232,197,77,.1)}
.member-auth-heading h1{letter-spacing:-.025em}
.member-auth-form{display:grid;gap:16px}
.member-auth-form label{line-height:1.45}
.member-auth-form .member-input{min-height:48px;margin-top:7px;border-color:rgba(76,151,117,.42);background:rgba(3,25,19,.8);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.member-auth-form .member-input:focus{border-color:#f0cc53;background:rgba(3,28,21,.96);box-shadow:0 0 0 4px rgba(240,204,83,.11)}
.member-auth-form button[type=submit]{min-height:50px;box-shadow:0 10px 24px rgba(211,169,45,.13);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.member-auth-form button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 13px 28px rgba(211,169,45,.2)}
.member-auth-rules{border-color:rgba(232,197,77,.2);background:rgba(3,25,19,.55)}
.community-composer{position:relative;overflow:hidden;border-color:rgba(232,197,77,.25);background:radial-gradient(ellipse at 0 0,rgba(22,117,79,.22),transparent 52%),linear-gradient(145deg,rgba(10,49,37,.98),rgba(5,27,21,.98));box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(224,248,236,.04)}
.community-composer>div:first-child{padding-bottom:14px;border-bottom:1px solid rgba(111,184,146,.16)}
.community-composer>div:first-child img{border:2px solid rgba(232,197,77,.75);box-shadow:0 0 0 4px rgba(232,197,77,.08)}
.community-composer-form textarea[name=caption]{min-height:96px;resize:vertical;border-color:rgba(67,143,108,.35);background:rgba(2,23,17,.74);font-size:14px;line-height:1.55}
.community-composer-form input[type=file]{min-height:48px;padding:7px;background:rgba(2,23,17,.6);font-size:11px}
.community-composer-form input[type=file]::file-selector-button{min-height:32px;margin-right:9px;border:0;border-radius:9px;background:#d9b942;padding:0 12px;color:#102d22;font-weight:800}
.community-composer-form select,.community-composer-form input:not([type=file]),.community-composer-form textarea:not([name=caption]){min-height:44px;font-size:13px}
.community-composer-form>button:last-child{min-height:48px;padding-inline:22px;box-shadow:0 9px 23px rgba(232,197,77,.13);transition:filter .18s ease,transform .18s ease}
.community-composer-form>button:last-child:hover{filter:brightness(1.06);transform:translateY(-1px)}
.community-media-preview{margin-top:2px;border:1px solid rgba(97,171,133,.24);border-radius:16px;background:rgba(2,24,18,.56);padding:12px}
.community-media-preview-summary{margin:0 0 10px;color:#cde8d8;font-size:11px;font-weight:750}
.community-media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px}
.community-media-preview-item{min-width:0;overflow:hidden;border:1px solid rgba(102,173,139,.22);border-radius:12px;background:#031b14;padding:6px}
.community-media-preview-item img,.community-media-preview-item video{display:block;width:100%;height:88px;border-radius:8px;background:#020b08;object-fit:cover}
.community-media-preview-item audio{display:block;width:100%;height:38px;margin:22px 0 28px}
.community-media-preview-name{display:block;overflow:hidden;margin-top:6px;color:#b6d5c5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.community-post .community-media img{aspect-ratio:4/5;max-height:min(70vh,680px);object-fit:contain}
.community-post .community-media video{max-height:min(70vh,680px)}
.community-post .flex.flex-wrap.items-center.gap-2.border-t button,.community-post .flex.flex-wrap.items-center.gap-2.border-t>a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding-inline:10px;border-radius:10px}
.community-post .flex.flex-wrap.items-center.gap-2.border-t button:hover,.community-post .flex.flex-wrap.items-center.gap-2.border-t>a:hover{background:rgba(23,86,63,.52);color:#f6d65a}
@media(max-width:600px){
 .story-bubble-list{gap:13px!important;margin-inline:-2px;padding-inline:2px}
 .story-bubble{flex-basis:72px;min-height:88px}
 .story-bubble-ring{width:62px;height:62px}
 .member-auth-shell{padding:0}
 .member-auth-card{border-radius:24px!important;padding:22px!important}
 .community-composer{padding:17px!important}
 .community-composer-form{gap:12px}
 .community-composer-form>div.grid{gap:10px}
 .community-composer-form>button:last-child{width:100%}
 .community-media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}
 .community-media-preview-item img,.community-media-preview-item video{height:76px}
 .community-post .flex.flex-wrap.items-center.gap-2.border-t button,.community-post .flex.flex-wrap.items-center.gap-2.border-t>a{min-height:44px;padding-inline:8px;font-size:11px}
}
@media(max-width:360px){.community-composer{padding:14px!important}.member-auth-card{padding:18px!important}.community-post .flex.flex-wrap.items-center.gap-2.border-t{gap:2px!important}}
@media(prefers-reduced-motion:reduce){.story-bubble,.member-auth-form button[type=submit],.community-composer-form>button:last-child{transition:none!important}}

/* Serhendyolu community refinement v56. */
.profile-completion{max-width:560px;border:1px solid rgba(232,197,77,.2);border-radius:15px;background:rgba(2,25,18,.48);padding:12px 14px;text-align:left}
.profile-completion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eaf7ef;font-size:11px}.profile-completion-heading strong{color:#f6d65a;font-size:12px}
.profile-completion-track{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(120,171,145,.17)}.profile-completion-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0fa879,#f6d65a);transition:width .3s ease}
.profile-completion>p{margin:7px 0 0;color:rgba(209,235,220,.68);font-size:10px}
.community-draft-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:rgba(207,231,216,.62);font-size:10px}
.community-draft-bar button{min-height:36px;border:1px solid rgba(96,170,132,.3);border-radius:10px;background:rgba(8,59,43,.52);padding:0 11px;color:#d8eee1;font-size:10px;font-weight:800}
.community-draft-bar button:hover{border-color:rgba(246,214,90,.5);color:#f6d65a}.community-draft-bar span{margin-left:auto}
.community-caption-meter{display:flex;justify-content:space-between;gap:10px;margin-top:-5px;color:rgba(207,231,216,.58);font-size:10px}
.community-caption-meter [data-community-caption-count].is-near-limit{color:#f3c66b;font-weight:800}
.community-media-preview-warning{margin-top:10px;border:1px solid rgba(248,113,113,.28);border-radius:12px;background:rgba(127,29,29,.2);padding:10px;color:#fecaca;font-size:11px;font-weight:700}
.community-composer [data-community-submit]:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.55)}
.community-crop-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;border:1px solid rgba(93,166,130,.24);border-radius:14px;background:rgba(2,24,18,.48);padding:12px}
.community-crop-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;color:#f3d45f;font-size:11px}.community-crop-heading span,.community-crop-tools>p{color:rgba(208,232,218,.58);font-size:9px}.community-crop-tools>label{display:grid;gap:6px;color:#d2e9dc;font-size:10px;font-weight:700}.community-crop-tools select{min-height:36px;border:1px solid rgba(95,163,128,.32);border-radius:9px;background:#06281e;padding:0 8px;color:#edf8f1;font-size:10px}.community-crop-tools input[type=range]{width:100%;accent-color:#f1cf50}.community-crop-tools>p{grid-column:1/-1;margin:0}
.community-upload-progress{border:1px solid rgba(86,172,132,.26);border-radius:12px;background:rgba(2,25,18,.62);padding:10px 12px}.community-upload-progress p{margin:0 0 7px;color:#dcefe4;font-size:10px;font-weight:750}.community-upload-track{height:8px;overflow:hidden;border-radius:999px;background:rgba(125,177,149,.2)}.community-upload-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a9b70,#f6d65a);transition:width .15s linear}
.community-sort-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:rgba(212,235,221,.65);font-size:10px}.community-sort-row>a{display:inline-flex;min-height:38px;align-items:center;gap:6px;border:1px solid rgba(96,166,130,.3);border-radius:999px;padding:0 13px;color:#d8eee1;font-weight:800;text-decoration:none}.community-sort-row>a.is-active{border-color:rgba(246,214,90,.6);background:rgba(246,214,90,.13);color:#f6d65a}
.community-review-item{border:1px solid rgba(93,163,128,.23);border-radius:16px;background:rgba(2,25,18,.4);padding:14px}.community-review-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.community-review-badge.is-pending{background:rgba(246,190,49,.13);color:#f6d65a}.community-review-badge.is-approved{background:rgba(32,164,116,.16);color:#75dfb7}.community-review-badge.is-rejected{background:rgba(203,73,93,.15);color:#ff9dad}
.community-caption-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.community-caption-toggle{margin:0 16px 12px;border:0;background:none;color:#f6d65a;font-size:11px;font-weight:850}
.story-bubble.is-seen .story-bubble-ring{filter:saturate(.55);box-shadow:0 0 0 2px rgba(6,26,20,.96),0 0 0 3px rgba(142,174,157,.28),inset 0 0 0 1px rgba(142,174,157,.5)}.story-bubble[data-community-story-id]:not(.is-seen) .story-bubble-ring::after{content:"";position:absolute;z-index:4;top:5px;right:5px;width:10px;height:10px;border:2px solid #082c21;border-radius:50%;background:#f6d65a;box-shadow:0 0 0 2px rgba(70,162,255,.48),0 0 9px rgba(246,214,90,.72);animation:story-unseen-pulse 2.2s ease-in-out infinite}
@keyframes story-unseen-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 2px rgba(70,162,255,.42),0 0 6px rgba(246,214,90,.48)}50%{transform:scale(1.14);box-shadow:0 0 0 3px rgba(70,162,255,.62),0 0 10px rgba(246,214,90,.8)}}
@media(prefers-reduced-motion:reduce){.story-bubble[data-community-story-id]:not(.is-seen) .story-bubble-ring::after{animation:none}}
.community-story-stage{position:absolute;z-index:1;inset:0}.community-story-nav{position:absolute;z-index:3;top:50%;display:grid;width:38px;height:48px;place-items:center;transform:translateY(-50%);border:1px solid rgba(231,248,238,.22);border-radius:14px;background:rgba(2,22,16,.48);color:#f6d65a;backdrop-filter:blur(8px)}.community-story-nav.is-previous{left:9px}.community-story-nav.is-next{right:9px}.community-story-nav:hover:not(:disabled){background:rgba(4,86,61,.84)}.community-story-nav:disabled{opacity:.35;cursor:default}
@media(max-width:520px){.community-crop-tools{grid-template-columns:1fr}.community-crop-heading,.community-crop-tools>p{grid-column:1}.community-draft-bar span{width:100%;margin-left:0}.community-story-nav{width:34px;height:42px}.profile-completion{width:100%}}
@media(prefers-reduced-motion:reduce){.profile-completion-track span{transition:none}}

/* Serhendyolu community and Instagram-style feed v57. */
.community-member-hub{border:1px solid rgba(232,197,77,.2);border-radius:24px;padding:16px;background:radial-gradient(ellipse at 0 0,rgba(18,113,77,.17),transparent 52%),linear-gradient(145deg,rgba(9,45,34,.94),rgba(4,26,19,.96));box-shadow:0 14px 36px rgba(0,0,0,.17)}
.community-member-hub-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-member-hub-heading p{margin:0;color:#edcf63;font-size:9px;font-weight:900;letter-spacing:.16em}.community-member-hub-heading h2{margin:3px 0 0;color:#f4faf6;font-size:16px;font-weight:900}.community-member-hub-heading>a{display:inline-flex;min-height:38px;align-items:center;gap:7px;border:1px solid rgba(92,166,130,.35);border-radius:11px;padding:0 11px;color:#d5ecdf;font-size:10px;font-weight:800;text-decoration:none}
.community-member-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.community-member-hub-grid>a{display:flex;min-width:0;min-height:64px;align-items:center;gap:9px;border:1px solid rgba(91,157,124,.19);border-radius:14px;background:rgba(2,27,20,.55);padding:9px;color:#eff8f2;text-decoration:none;transition:border-color .18s ease,background .18s ease}.community-member-hub-grid>a:hover{border-color:rgba(232,197,77,.42);background:rgba(8,57,41,.66)}.community-hub-icon{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:11px;background:rgba(232,197,77,.1);color:#f1d35f;font-size:12px}.community-member-hub-grid>a>span:last-child{display:flex;min-width:0;flex-direction:column}.community-member-hub-grid b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.community-member-hub-grid small{overflow:hidden;color:rgba(205,232,216,.62);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.community-hub-profile-progress{display:flex;align-items:center;gap:9px;margin-top:12px;color:rgba(213,236,222,.65);font-size:9px}.community-hub-profile-progress>div{height:6px;flex:1;overflow:hidden;border-radius:999px;background:rgba(130,178,150,.17)}.community-hub-profile-progress>div>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0da679,#f4d452)}.community-hub-profile-progress>b{color:#f6d65a;font-size:10px}
.community-feed-column{max-width:720px;margin-inline:auto}.community-post{border-radius:22px!important}.community-repost-banner{display:flex;align-items:center;gap:7px;padding:0 16px 10px;color:rgba(217,195,126,.86);font-size:10px;font-weight:750}.community-repost-banner i{font-size:11px;color:#d9c37e}.community-repost-embed{margin:0 16px 14px;border:1px solid rgba(190,211,197,.22);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(12,54,43,.62),rgba(7,28,24,.72))}.community-repost-source{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(190,211,197,.12)}.community-repost-source img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(218,190,112,.42)}.community-repost-source span{display:grid;gap:2px;min-width:0}.community-repost-source b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#f1ead5}.community-repost-source small{font-size:9px;color:rgba(201,220,207,.58)}.community-repost-caption{padding:12px 14px 2px;margin:0;color:rgba(241,244,231,.88);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.community-repost-media{padding:10px!important;margin:0!important;gap:5px!important}.community-repost-media img,.community-repost-media video{max-height:380px;border-radius:12px}.community-repost-unavailable{margin:0 16px 14px;padding:14px;border:1px dashed rgba(190,211,197,.25);border-radius:14px;color:rgba(201,220,207,.65);font-size:11px}.community-post-actions button:disabled{cursor:default;opacity:.7}.community-post-author{min-height:70px;background:linear-gradient(100deg,rgba(14,73,53,.38),transparent 70%)}.community-post-author>a>img{box-shadow:0 0 0 3px rgba(12,112,78,.17)}
.community-post .community-media{gap:0!important;padding:0 0 25px!important;scrollbar-width:none;scroll-snap-type:x mandatory}.community-post .community-media::-webkit-scrollbar{display:none}.community-post .community-media>*:not(.community-gallery-counter):not(.community-gallery-dots):not(.community-doubletap-heart){flex:0 0 100%;width:100%;max-width:100%;height:auto;aspect-ratio:4/5;max-height:min(74vh,700px);scroll-snap-align:center;border:0;border-radius:0;object-fit:contain;background:#020b08}.community-post .community-media>video{aspect-ratio:4/5}.community-gallery-counter{position:absolute;z-index:3;top:12px;right:14px;display:grid;min-width:44px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,18,13,.72);padding:0 9px;color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}.community-gallery-dots{position:absolute!important;z-index:3;right:0;bottom:5px;left:0;display:flex!important;flex:none!important;align-items:center;justify-content:center;gap:6px;width:auto!important;max-width:none!important;height:15px!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;background:transparent!important;object-fit:initial!important;scroll-snap-align:none!important}.community-gallery-dots button{width:6px;min-width:6px;height:6px;min-height:6px;border:0;border-radius:50%;background:rgba(215,239,224,.35);padding:0}.community-gallery-dots button.is-active{width:8px;min-width:8px;height:8px;background:#f5d451;box-shadow:0 0 8px rgba(245,212,81,.4)}
.community-post-actions{min-height:52px;gap:8px!important}.community-post-actions form:first-child button{font-weight:850}.community-post-actions button,.community-post-actions>a{min-height:40px!important;border-radius:11px!important}.community-post-actions form:first-child button i{font-size:15px}.community-post-actions form:first-child button.text-rose-300 i{filter:drop-shadow(0 0 7px rgba(255,94,125,.32))}.community-post [id^="comment-"]:target{scroll-margin-top:100px}.community-post input[name=comment]{min-height:43px;border-radius:999px;padding-inline:15px}.community-doubletap-heart{position:absolute;z-index:5;top:50%;left:50%;display:grid;width:84px;height:84px;place-items:center;transform:translate(-50%,-50%) scale(.25);color:#fff;font-size:66px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.42));pointer-events:none;animation:community-heart-pop .72s cubic-bezier(.18,.82,.25,1) forwards}.community-doubletap-heart i{color:#fff}@keyframes community-heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}55%{opacity:1;transform:translate(-50%,-50%) scale(.95)}100%{opacity:0;transform:translate(-50%,-58%) scale(1)}}.community-post .community-media img[data-community-gallery-item]{touch-action:manipulation}
.community-post .community-media>.community-gallery-counter{z-index:3;position:absolute;top:12px;right:14px;bottom:auto;left:auto;display:grid;width:auto;min-width:44px;height:27px;max-height:none;flex:none;aspect-ratio:auto;scroll-snap-align:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,18,13,.72);padding:0 9px;color:#fff;font-size:10px;font-weight:850;object-fit:initial}
.community-post .community-media>.community-gallery-dots{z-index:3;position:absolute;right:0;bottom:5px;left:0;display:flex;width:auto;max-width:none;height:15px;max-height:none;flex:none;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;background:transparent;padding:0;object-fit:initial;scroll-snap-align:none}
@media(max-width:760px){.community-member-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-feed-column{max-width:600px}.community-post .community-media>*:not(.community-gallery-counter):not(.community-gallery-dots):not(.community-doubletap-heart){max-height:72vh}}
@media(max-width:420px){.community-member-hub{padding:13px;border-radius:20px}.community-member-hub-heading h2{font-size:14px}.community-member-hub-heading>a{padding-inline:8px;font-size:9px}.community-member-hub-grid{gap:6px}.community-member-hub-grid>a{min-height:58px;gap:7px;padding:7px}.community-hub-icon{width:29px;height:29px}.community-member-hub-grid small{font-size:8px}.community-post-actions{padding-inline:11px!important}.community-post-actions button,.community-post-actions>a{padding-inline:8px!important;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.community-member-hub-grid>a{transition:none}.community-doubletap-heart{animation:none;opacity:.92;transform:translate(-50%,-50%) scale(1)}}

/* Member content controls and portfolio grid v58. */
.community-post-menu{position:relative;flex:none}.community-post-menu>summary{display:grid;width:38px;height:38px;place-items:center;list-style:none;border:1px solid rgba(101,166,134,.27);border-radius:12px;background:rgba(2,28,20,.55);color:#cfe8d9;cursor:pointer}.community-post-menu>summary::-webkit-details-marker,.community-review-manage>summary::-webkit-details-marker{display:none}.community-post-menu[open]>summary{border-color:rgba(242,209,83,.5);color:#f4d65c}.community-post-menu-panel{position:absolute;z-index:20;top:calc(100% + 7px);right:0;width:min(330px,84vw);border:1px solid rgba(232,197,77,.25);border-radius:16px;background:linear-gradient(145deg,#092e23,#031b14);padding:13px;box-shadow:0 18px 50px rgba(0,0,0,.48)}.community-post-menu-panel label{color:#eaf5ed;font-size:10px;font-weight:850}.community-post-menu-panel textarea{min-height:90px;resize:vertical}.community-post-menu-save{min-height:38px;margin-top:8px;border:0;border-radius:10px;background:#f1d04f;padding:0 12px;color:#153b2c;font-size:10px;font-weight:900}.community-post-menu-delete{display:inline-flex;min-height:38px;align-items:center;gap:7px;border:1px solid rgba(239,117,131,.23);border-radius:10px;background:rgba(105,24,39,.3);padding:0 12px;color:#ffb2bb;font-size:10px;font-weight:850}.community-post-menu-panel>form+form{margin-top:9px;border-top:1px solid rgba(128,177,148,.14);padding-top:9px}
.community-review-manage{border-top:1px solid rgba(115,170,140,.15);padding-top:10px}.community-review-manage>summary{display:inline-flex;min-height:38px;align-items:center;gap:7px;list-style:none;border:1px solid rgba(102,171,135,.24);border-radius:11px;background:rgba(4,43,31,.55);padding:0 11px;color:#d9eee1;font-size:10px;font-weight:850;cursor:pointer}.community-review-manage[open]>summary{border-color:rgba(242,209,83,.38);color:#f5d65a}
.profile-post-grid-card{border:1px solid rgba(232,197,77,.22);border-radius:21px;background:linear-gradient(145deg,rgba(7,43,32,.82),rgba(3,25,19,.86));padding:15px}.profile-post-grid-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.profile-post-grid-heading p{margin:0;color:#ecd264;font-size:8px;font-weight:900;letter-spacing:.16em}.profile-post-grid-heading h2{margin:3px 0 0;color:#f2f8f4;font-size:14px;font-weight:900}.profile-post-grid-heading h2 span{margin-left:4px;color:#9dcab0;font-size:10px}.profile-post-grid-heading>a{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:1px solid rgba(98,165,132,.25);border-radius:10px;padding:0 9px;color:#d5eddf;font-size:9px;font-weight:800;text-decoration:none}.profile-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-post-grid-item{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;border:1px solid rgba(98,160,129,.22);border-radius:12px;background:#031a13;color:#f3f8f4;text-decoration:none}.profile-post-grid-item>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.profile-post-grid-item:hover>img{transform:scale(1.045)}.profile-post-grid-placeholder,.profile-post-grid-text{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 25%,rgba(23,117,81,.55),rgba(3,25,18,.95));padding:9px;text-align:center}.profile-post-grid-placeholder i{color:#f0d15c;font-size:24px}.profile-post-grid-placeholder small{color:#c9e4d3;font-size:8px;font-weight:800}.profile-post-grid-text{color:#e8f3eb;font-size:9px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.profile-post-grid-meta{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:5px;background:linear-gradient(transparent,rgba(0,0,0,.82));padding:16px 7px 6px;color:#fff;font-size:8px;font-weight:800}.profile-post-grid-meta i:first-child{color:#ff8293}.profile-post-grid-footnote{margin:9px 0 0;color:rgba(204,230,215,.58);font-size:9px;text-align:center}
@media(max-width:520px){.community-post-menu>summary{width:36px;height:36px}.community-post-menu-panel{right:-4px;width:min(310px,88vw)}.profile-post-grid-card{padding:12px}.profile-post-grid{gap:5px}.profile-post-grid-item{border-radius:9px}.profile-post-grid-meta{font-size:7px;gap:4px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.profile-post-grid-item>img{transition:none}}
.member-rank-nick{--rank-a:#8fe4bd;--rank-b:#fff1ae;display:inline-block;background:linear-gradient(105deg,var(--rank-a) 0%,#fff 32%,var(--rank-b) 53%,var(--rank-a) 78%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;font-weight:900;animation:member-rank-shimmer 3.2s ease-in-out infinite;text-shadow:0 0 9px rgba(232,197,77,.24)}
.member-rank-nick--static{animation:none!important;background-position:50% 50%;text-shadow:none!important}.member-rank-nick--1{--rank-a:#a6d9be;--rank-b:#eff6d8}.member-rank-nick--2{--rank-a:#83d9b3;--rank-b:#e8f3bd}.member-rank-nick--3{--rank-a:#65d6a8;--rank-b:#f3e39a}.member-rank-nick--4{--rank-a:#42d2a4;--rank-b:#ffe17c}.member-rank-nick--5{--rank-a:#42d7c0;--rank-b:#ffdf75}.member-rank-nick--6{--rank-a:#50d4d0;--rank-b:#f6e18a}.member-rank-nick--7{--rank-a:#73d7dd;--rank-b:#f7df88}.member-rank-nick--8{--rank-a:#82c9dc;--rank-b:#ffe18a}.member-rank-nick--9{--rank-a:#b3c6e9;--rank-b:#ffdf83}.member-rank-nick--10{--rank-a:#c2b7ed;--rank-b:#ffe17e}.member-rank-nick--11{--rank-a:#d5c276;--rank-b:#fff0a4}.member-rank-nick--12{--rank-a:#e6c55f;--rank-b:#fff4b7}.member-rank-nick--13{--rank-a:#efc85b;--rank-b:#fff1a4}.member-rank-nick--14{--rank-a:#f2d36b;--rank-b:#fff8d2}.member-rank-nick--15{--rank-a:#fff0a1;--rank-b:#fff}.member-rank-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(232,197,77,.26);border-radius:999px;background:rgba(232,197,77,.08);padding:.18rem .5rem;color:#f6dfa0;font-size:9px;font-weight:850;white-space:nowrap}.member-rank-chip i{color:#ebc94f}
@keyframes member-rank-shimmer{0%,100%{background-position:100% 50%;text-shadow:0 0 4px rgba(232,197,77,.18)}50%{background-position:0 50%;text-shadow:0 0 10px rgba(232,197,77,.44)}}
@keyframes member-rank-chip-glow{0%,100%{box-shadow:0 0 0 rgba(232,197,77,0)}50%{box-shadow:0 0 12px rgba(232,197,77,.15)}}
.member-rank-chip{animation:member-rank-chip-glow 3.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.member-rank-nick,.member-rank-chip{animation:none;background-position:50% 50%}}
html:not(.dark) .member-rank-nick{--rank-a:#08764f;--rank-b:#806300;text-shadow:none}

.member-rank-nick--effect-gold{--rank-a:#f1c84d!important;--rank-b:#fff3ac!important;text-shadow:0 0 10px rgba(241,200,77,.4)!important}.member-rank-nick--effect-emerald{--rank-a:#31d5a0!important;--rank-b:#cbffe7!important;text-shadow:0 0 10px rgba(49,213,160,.36)!important}.member-rank-nick--static{animation:none!important;background-position:50% 50%;text-shadow:none!important}
.member-flash-nick-image{display:inline-flex!important;align-items:center;vertical-align:middle;max-width:100%;background:none!important;color:inherit!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;animation:none!important}.member-flash-nick-image img{display:block;width:auto;height:auto;max-width:min(180px,55vw);max-height:1.65em;object-fit:contain}

/* Homepage member social feed */
.homepage-community-section{max-width:920px;margin:clamp(24px,4vw,52px) auto;padding:clamp(14px,3vw,26px);border:1px solid rgba(31,104,76,.3);border-radius:26px;background:linear-gradient(155deg,rgba(7,38,29,.94),rgba(4,25,20,.97));box-shadow:0 20px 55px rgba(0,0,0,.16)}
.homepage-community-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 2px 20px;border-bottom:1px solid rgba(145,190,162,.15)}
.homepage-community-kicker{display:inline-flex;align-items:center;gap:8px;color:#dec777;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.homepage-community-kicker i{font-size:12px}
.homepage-community-heading h2{margin:8px 0 4px;color:#f3f0e4;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,4vw,38px);font-weight:500;letter-spacing:-.025em;line-height:1.1}
.homepage-community-heading p{max-width:520px;margin:0;color:rgba(199,220,207,.66);font-size:12px;line-height:1.55}
.homepage-community-heading-actions{display:flex;flex:none;align-items:center;gap:12px}.homepage-community-primary,.homepage-community-all{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:0 14px;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.homepage-community-primary{border:1px solid rgba(228,196,105,.6);background:linear-gradient(130deg,#e8cd83,#cba84e);color:#10271e;box-shadow:0 8px 22px rgba(207,174,85,.13)}.homepage-community-all{border:1px solid rgba(166,199,178,.19);color:#d9c681}.homepage-community-primary:hover,.homepage-community-all:hover{filter:brightness(1.08)}
.homepage-community-filters{display:flex;gap:7px;padding-top:13px}.homepage-community-filters a{display:inline-flex;min-height:34px;align-items:center;gap:7px;border:1px solid rgba(162,193,172,.16);border-radius:999px;padding:0 12px;color:rgba(202,222,208,.65);font-size:10px;font-weight:750;text-decoration:none}.homepage-community-filters a.is-active{border-color:rgba(223,197,118,.42);background:rgba(218,190,113,.1);color:#e6d18b}.homepage-community-feed{display:grid;max-width:700px;gap:18px;margin:16px auto 0}.homepage-community-card{min-width:0;overflow:hidden;border:1px solid rgba(168,198,179,.18);border-radius:20px;background:#071c17;box-shadow:0 14px 32px rgba(0,0,0,.15)}
.homepage-community-author{display:flex;min-height:66px;align-items:center;gap:11px;padding:11px 14px}.homepage-community-avatar{display:block;width:42px;height:42px;flex:none;overflow:hidden;border:1px solid rgba(221,193,111,.58);border-radius:50%;padding:2px}.homepage-community-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.homepage-community-author-info{display:grid;min-width:0;flex:1;gap:4px}.homepage-community-author-info>a{overflow:hidden;color:#f0eddf;font-size:12px;font-weight:850;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.homepage-community-author-info time{color:rgba(181,207,190,.58);font-size:9px}.homepage-community-open{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid rgba(165,195,174,.18);border-radius:50%;color:#d6c47f;text-decoration:none}
.homepage-community-repost{display:flex;align-items:center;gap:7px;padding:10px 15px 0;color:#d9c681;font-size:10px;font-weight:750}.homepage-community-repost i{font-size:11px}.homepage-community-media{position:relative;display:flex;max-height:min(76vh,700px);gap:5px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(215,191,112,.52) transparent;background:#020b08}.homepage-community-media img,.homepage-community-media video{display:block;width:100%;min-width:100%;max-height:min(76vh,700px);aspect-ratio:4/5;flex:0 0 100%;scroll-snap-align:center;object-fit:contain;background:#020b08}.homepage-community-media audio{width:calc(100% - 28px);margin:18px 14px}.homepage-community-media-count{position:absolute;z-index:2;top:11px;right:12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(1,12,8,.7);padding:5px 9px;color:#fff;font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.homepage-community-media-dots{position:absolute;z-index:2;right:0;bottom:8px;left:0;display:flex;justify-content:center;gap:5px;pointer-events:none}.homepage-community-media-dots button{width:6px;height:6px;border:0;border-radius:50%;background:rgba(255,255,255,.55);padding:0;pointer-events:auto}.homepage-community-media-dots button.is-active{background:#e6c86e;box-shadow:0 0 7px rgba(230,200,110,.6)}.homepage-community-caption{margin:0;padding:12px 15px 14px;color:rgba(237,240,229,.86);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.homepage-community-caption strong{margin-right:5px;color:#f4eedb;font-weight:850}.homepage-community-actions{display:flex;min-height:48px;align-items:center;gap:18px;border-top:1px solid rgba(145,190,162,.13);padding:6px 14px}.homepage-community-actions>a,.homepage-community-actions>button{display:inline-flex;min-height:36px;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:rgba(222,233,221,.73);font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.homepage-community-actions>a i{color:#d9c681;font-size:13px}.homepage-community-actions .homepage-community-join{margin-left:auto;color:#d9c681;font-weight:800}.homepage-community-feedback{color:#d9c681;font-size:9px;white-space:nowrap}.homepage-community-source-unavailable{margin:8px 14px 14px;border:1px dashed rgba(172,199,179,.24);border-radius:13px;padding:18px;color:rgba(192,216,199,.67);font-size:11px}.homepage-community-empty{display:flex;max-width:700px;align-items:center;gap:14px;margin:22px auto 0;border:1px dashed rgba(164,193,174,.25);border-radius:18px;padding:18px}.homepage-community-empty>span{display:grid;width:46px;height:46px;flex:none;place-items:center;border:1px solid rgba(217,198,129,.3);border-radius:15px;color:#dcc477}.homepage-community-empty>div{min-width:0;flex:1}.homepage-community-empty strong{color:#f2efdf;font-size:12px}.homepage-community-empty p{margin:3px 0 0;color:rgba(194,218,201,.63);font-size:10px;line-height:1.5}.homepage-community-empty>a{display:inline-flex;align-items:center;gap:7px;color:#deca81;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}

.homepage-forum-carousel{padding-top:13px}.homepage-forum-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px;color:rgba(194,218,201,.62);font-size:10px}.homepage-forum-carousel-toolbar>span strong{color:#e5d18b}.homepage-forum-controls{display:flex;align-items:center;gap:7px}.homepage-forum-controls>span{min-width:42px;color:#d9c681;text-align:center;font-variant-numeric:tabular-nums}.homepage-forum-controls button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(166,199,178,.2);border-radius:50%;background:rgba(4,25,20,.5);color:#e5d18b;cursor:pointer}.homepage-forum-controls button:hover{border-color:rgba(223,197,118,.55);background:rgba(218,190,113,.1)}.homepage-forum-slides{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(215,191,112,.4) transparent;padding:2px 1px 12px;scroll-behavior:smooth}.homepage-forum-slide{flex:0 0 min(82%,560px);min-width:0;overflow:hidden;border:1px solid rgba(168,198,179,.18);border-radius:18px;background:linear-gradient(145deg,rgba(12,52,39,.8),rgba(4,24,19,.96));scroll-snap-align:start;box-shadow:0 12px 30px rgba(0,0,0,.13)}.homepage-forum-media{display:block;width:100%;max-height:280px;aspect-ratio:16/9;object-fit:cover;background:#04120e}.homepage-forum-slide-content{padding:16px}.homepage-forum-slide-label{display:flex;justify-content:space-between;gap:10px;color:#ddc87e;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.homepage-forum-slide-content h3{margin:9px 0 0;color:#f3f0e4;font-size:15px;font-weight:850}.homepage-forum-slide-content h3 a{color:inherit;text-decoration:none}.homepage-forum-slide-content h3 a:hover{color:#e7d28b}.homepage-forum-slide-content>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:7px 0 0;color:rgba(199,220,207,.72);font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.homepage-forum-slide-meta{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:rgba(181,207,190,.55);font-size:9px}.homepage-forum-slide-open{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#dec777;font-size:10px;font-weight:850;text-decoration:none}.homepage-forum-slide-open:hover{color:#f1df9c}.forum-topic-attachment{display:block;width:100%;max-height:460px;object-fit:contain;background:#04120e;border-radius:14px}.forum-topic-attachment-wrap{overflow:hidden;border:1px solid rgba(145,190,162,.16);border-radius:15px;background:#04120e}.forum-upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.forum-upload-preview img,.forum-upload-preview video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#04120e}
@media(max-width:700px){.homepage-community-section{margin:20px 0;padding:14px;border-radius:20px}.homepage-community-heading{align-items:flex-start;flex-direction:column;gap:13px;padding-bottom:15px}.homepage-community-heading p{font-size:11px}.homepage-community-filters{padding-top:11px}.homepage-community-filters a{min-height:33px;padding-inline:10px;font-size:9px}.homepage-community-heading-actions{width:100%;justify-content:space-between}.homepage-community-primary,.homepage-community-all{min-height:40px;padding-inline:11px;font-size:10px}.homepage-community-feed{gap:13px;margin-top:15px}.homepage-community-card{border-radius:17px}.homepage-community-author{min-height:61px;padding:9px 11px}.homepage-community-media img,.homepage-community-media video{max-height:72vh}.homepage-community-actions{gap:13px;padding-inline:11px}.homepage-community-actions>a,.homepage-community-actions>button{font-size:9px}.homepage-community-actions .homepage-community-join{gap:5px}.homepage-community-empty{align-items:flex-start;flex-wrap:wrap;margin-top:15px;padding:14px}.homepage-community-empty>a{margin-left:60px}}
@media(prefers-reduced-motion:reduce){.homepage-community-primary,.homepage-community-all{transition:none}}

.member-message-thread{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(214,190,115,.38) transparent}.member-message-row{animation:member-message-in .18s ease-out both}.member-message-bubble{border:1px solid rgba(135,177,150,.13);line-height:1.55;box-shadow:0 5px 14px rgba(0,0,0,.12)}.member-message-bubble.is-mine{border-color:rgba(230,204,119,.17);background:linear-gradient(145deg,#14704f,#0e543b)!important}.member-message-meta{min-height:12px;color:rgba(227,239,229,.63)}@keyframes member-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.member-message-thread{scroll-behavior:auto}.member-message-row{animation:none}}
.member-message-image-link{display:block;overflow:hidden;margin:2px 0 7px;border:1px solid rgba(232,214,157,.2);border-radius:12px}.member-message-image{display:block;width:min(100%,360px);max-height:390px;object-fit:contain;background:rgba(1,13,10,.55)}.member-message-compose{position:relative}.member-message-attach{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid rgba(112,164,135,.25);border-radius:13px;background:rgba(3,35,25,.55);color:#e5cc78;cursor:pointer}.member-message-attach:hover{border-color:rgba(230,204,119,.55);background:rgba(20,83,59,.5)}.member-message-attach i{font-size:17px}.member-message-attach input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.member-message-attach:focus-within{outline:2px solid #e8c54d;outline-offset:2px}@media(max-width:480px){.member-message-image{max-height:300px}}
.member-message-search{display:flex;align-items:center;gap:10px;margin-top:14px;padding:0 13px;min-height:44px;border:1px solid rgba(112,164,135,.22);border-radius:13px;background:rgba(3,35,25,.45);color:#ddc87d}.member-message-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f0eee4;font-size:12px}.member-message-search input::placeholder{color:rgba(227,239,229,.48)}.member-message-search span{flex:none;color:rgba(227,239,229,.54);font-size:10px}.member-message-row[hidden],.member-message-search-empty[hidden]{display:none!important}.member-message-copy{display:flex;align-items:center;gap:5px;margin:3px 0 0 auto;padding:2px 0;color:rgba(227,239,229,.56);font-size:9px;background:transparent;cursor:pointer}.member-message-copy:hover{color:#e6cc77}.member-message-copy i{font-size:10px}
@media(max-width:480px){.member-message-search{gap:7px;padding-inline:10px}.member-message-search span{font-size:9px}}
.member-message-audio{display:block;width:min(100%,340px);height:42px;margin:3px 0 8px;border-radius:10px}.member-message-voice,.member-message-voice-cancel{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid rgba(112,164,135,.25);border-radius:13px;background:rgba(3,35,25,.55);color:#e5cc78;font-size:11px;font-weight:700;cursor:pointer}.member-message-voice:hover,.member-message-voice-cancel:hover{border-color:rgba(230,204,119,.55);background:rgba(20,83,59,.5)}.member-message-voice.is-recording{border-color:rgba(240,92,92,.65);background:rgba(121,28,28,.35);color:#ffaaaa;animation:voice-record-pulse 1.3s ease-in-out infinite}.member-message-voice-cancel{color:#efb5a8}.member-message-voice[hidden],.member-message-voice-cancel[hidden]{display:none}@keyframes voice-record-pulse{50%{box-shadow:0 0 0 4px rgba(240,92,92,.12)}}@media(max-width:480px){.member-message-voice,.member-message-voice-cancel{min-height:42px;padding-inline:10px;font-size:10px}.member-message-audio{width:100%}}
.member-message-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:3px}.member-message-copy,.member-message-reply-button{display:flex;align-items:center;gap:5px;padding:3px 0;color:rgba(227,239,229,.58);font-size:9px;background:transparent;cursor:pointer}.member-message-copy:hover,.member-message-reply-button:hover{color:#e6cc77}.member-message-quote{display:grid;gap:2px;margin:0 0 8px;padding:7px 9px;border-left:2px solid #d7bd6d;border-radius:0 8px 8px 0;background:rgba(1,20,14,.35);font-size:10px}.member-message-quote strong{color:#e8cf80}.member-message-quote span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgba(230,240,231,.72)}.member-message-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 0 100%;padding:8px 12px;border-left:2px solid #ddc574;border-radius:8px;background:rgba(4,42,29,.7)}.member-message-reply-preview[hidden]{display:none}.member-message-reply-preview>span{display:grid;min-width:0;gap:2px}.member-message-reply-preview strong{font-size:10px;color:#e7ce7c}.member-message-reply-preview small{overflow:hidden;color:rgba(227,239,229,.7);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.member-message-reply-preview button{flex:none;padding:3px 8px;color:#f2c0b0;font-size:20px;line-height:1;background:transparent;cursor:pointer}
.member-message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.member-message-reactions button{display:inline-flex;align-items:center;gap:4px;min-width:30px;min-height:25px;padding:2px 7px;border:1px solid rgba(227,239,229,.12);border-radius:999px;background:rgba(1,18,13,.32);color:rgba(239,241,225,.78);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.member-message-reactions button:hover{transform:translateY(-1px);border-color:rgba(231,207,128,.48);background:rgba(231,207,128,.1)}.member-message-reactions button.is-selected{border-color:rgba(231,207,128,.55);background:rgba(231,207,128,.14);box-shadow:0 0 0 1px rgba(231,207,128,.08)}.member-message-reactions button:disabled{opacity:.55;cursor:wait}.member-message-reactions [data-reaction-count]{font-size:10px}.member-message-reactions [data-reaction-count][hidden]{display:none}
.member-inbox-tools{display:grid;gap:9px;margin-top:14px}.member-inbox-search{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;border:1px solid rgba(112,164,135,.2);border-radius:11px;background:rgba(3,35,25,.42);color:#ddc87d}.member-inbox-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f0eee4;font-size:11px}.member-inbox-search input::placeholder{color:rgba(227,239,229,.48)}.member-inbox-filters{display:flex;gap:5px}.member-inbox-filters button{flex:1;padding:7px 5px;border:1px solid rgba(112,164,135,.16);border-radius:9px;color:rgba(227,239,229,.65);font-size:9px;background:rgba(3,35,25,.28);cursor:pointer}.member-inbox-filters button[aria-pressed=true]{border-color:rgba(231,207,128,.42);background:rgba(231,207,128,.11);color:#ecd88f}.member-inbox-count{color:rgba(227,239,229,.47);font-size:9px}.member-inbox-unread{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:999px;background:#d9bd68;color:#14251b;font-size:9px;font-weight:800}.member-inbox-list [hidden]{display:none!important}
.member-message-typing{display:flex;align-items:center;gap:4px;margin-top:3px;color:rgba(224,205,130,.85);font-size:10px}.member-message-typing[hidden]{display:none}.member-message-typing i{width:3px;height:3px;border-radius:50%;background:#dfc66f;animation:typing-dot 1.1s ease-in-out infinite}.member-message-typing i:nth-of-type(2){animation-delay:.15s}.member-message-typing i:nth-of-type(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.member-message-typing i{animation:none;opacity:.8}}
.member-inbox-card{display:flex;align-items:center;gap:2px;border:1px solid rgba(112,164,135,.2);border-radius:13px;background:rgba(3,35,25,.28);transition:border-color .18s,background .18s}.member-inbox-card.is-pinned{border-color:rgba(225,197,111,.42);background:linear-gradient(110deg,rgba(225,197,111,.08),rgba(3,35,25,.3))}.member-inbox-card[hidden]{display:none!important}.member-inbox-pin-form{flex:none;padding-right:7px}.member-inbox-pin{display:grid;width:32px;height:32px;place-items:center;border:1px solid transparent;border-radius:9px;color:rgba(227,239,229,.42);background:transparent;cursor:pointer}.member-inbox-pin:hover,.member-inbox-card.is-pinned .member-inbox-pin{border-color:rgba(225,197,111,.26);color:#e2c56e;background:rgba(225,197,111,.09)}.member-inbox-card.is-pinned .member-inbox-pin i{transform:rotate(-25deg)}.member-inbox-card .member-inbox-unread{flex:none}
.member-inbox-mute-form{flex:none;padding-right:7px}.member-inbox-mute{display:grid;width:30px;height:32px;place-items:center;border:1px solid transparent;border-radius:9px;color:rgba(227,239,229,.4);background:transparent;cursor:pointer}.member-inbox-mute:hover,.member-inbox-mute.is-muted{border-color:rgba(155,177,159,.22);color:rgba(227,239,229,.78);background:rgba(227,239,229,.06)}.member-inbox-card.is-pinned .member-inbox-mute{margin-left:-3px}

/* Keep the homepage within the viewport while preserving intentional swipe rails. */
html,body{max-width:100%;overflow-x:clip}
body>*{min-width:0}
main,section,article,header,footer,nav{min-width:0}
img,video,iframe,svg{max-width:100%}
.homepage-community-section,.homepage-forum-carousel,.homepage-forum-slides,.homepage-community-feed{min-width:0;max-width:100%}
.homepage-forum-slides{overscroll-behavior-x:contain;scrollbar-gutter:stable;}
.homepage-forum-slide{min-width:0;max-width:100%;}
@media(max-width:700px){.homepage-forum-carousel-toolbar{min-width:0}.homepage-forum-slide{flex-basis:min(88%,560px)}.homepage-community-heading-actions{min-width:0}.homepage-community-primary,.homepage-community-all{white-space:normal;text-align:center}}

/* Daily readings and sourced wisdom carousel */
.daily-guidance{max-width:1100px;margin:0 auto;border:1px solid rgba(177,157,95,.24);border-radius:22px;background:linear-gradient(155deg,rgba(8,39,29,.96),rgba(4,24,18,.97));padding:clamp(15px,2.8vw,24px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.daily-guidance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(168,194,174,.14);padding-bottom:14px}.daily-guidance-kicker{display:inline-flex;align-items:center;gap:7px;color:#e4ca79;font-size:9px;font-weight:900;letter-spacing:.16em}.daily-guidance-head h2{margin:7px 0 3px;color:#f3f0e4;font-size:clamp(18px,3vw,25px);font-weight:850;letter-spacing:-.02em}.daily-guidance-head p{margin:0;color:rgba(196,218,201,.62);font-size:10px;line-height:1.5}.daily-guidance-head time{flex:none;border:1px solid rgba(217,198,129,.2);border-radius:999px;background:rgba(217,198,129,.08);padding:6px 9px;color:#e5d18b;font-size:9px;font-weight:800}
.daily-guidance-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:13px}.daily-reading-card{display:flex;min-width:0;align-items:flex-start;gap:11px;border:1px solid rgba(158,194,169,.15);border-radius:15px;background:rgba(13,52,38,.46);padding:13px}.daily-reading-card--dua{border-color:rgba(211,185,108,.22);background:rgba(75,58,19,.14)}.daily-reading-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid rgba(217,198,129,.23);border-radius:11px;color:#e1c972}.daily-reading-body{min-width:0;flex:1}.daily-reading-label{color:#d9c681;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.daily-reading-body blockquote{margin:6px 0;color:#f1f0e7;font-family:Georgia,'Times New Roman',serif;font-size:clamp(13px,1.65vw,16px);font-weight:600;line-height:1.55}.daily-reading-body p{margin:0;color:rgba(190,214,196,.6);font-size:9px}.daily-reading-body>a{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:#e0cb81;font-size:9px;font-weight:800;text-decoration:none}.daily-reading-body>a:hover,.daily-wisdom-credit>a:hover{text-decoration:underline}
.daily-wisdom-panel{margin-top:13px;overflow:hidden;border:1px solid rgba(157,190,167,.16);border-radius:16px;background:rgba(2,17,12,.42)}.daily-wisdom-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(157,190,167,.12)}.daily-wisdom-top h3{margin:4px 0 2px;color:#f3f0e4;font-size:13px;font-weight:850}.daily-wisdom-top p{margin:0;color:rgba(190,214,196,.55);font-size:9px}.daily-wisdom-controls{display:flex;flex:none;align-items:center;gap:6px}.daily-wisdom-controls>span{min-width:45px;color:#e0cb81;text-align:center;font-size:9px;font-variant-numeric:tabular-nums}.daily-wisdom-controls button{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(157,190,167,.2);border-radius:50%;background:rgba(12,43,32,.7);color:#ead78e;font-size:10px;cursor:pointer}.daily-wisdom-controls button:hover{border-color:rgba(223,197,118,.6);background:rgba(218,190,113,.12)}.daily-wisdom-controls button:focus-visible{outline:2px solid #e8cb68;outline-offset:2px}
.daily-wisdom-viewport{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.daily-wisdom-viewport::-webkit-scrollbar{display:none}.daily-wisdom-slide{position:relative;display:flex;min-width:0;min-height:160px;flex:0 0 100%;flex-direction:column;justify-content:center;scroll-snap-align:start;padding:19px clamp(16px,4vw,40px) 16px 56px}.daily-wisdom-mark{position:absolute;left:17px;top:8px;color:rgba(224,202,121,.35);font-family:Georgia,serif;font-size:60px;line-height:1}.daily-wisdom-slide blockquote{max-width:780px;margin:0;color:#f2f0e4;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,2.6vw,25px);font-weight:600;line-height:1.45}.daily-wisdom-credit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.daily-wisdom-credit strong{color:#e7d38c;font-size:10px}.daily-wisdom-credit>a{color:rgba(190,214,196,.58);font-size:8px;text-decoration:none}.daily-wisdom-credit>a i{margin-left:3px}
.daily-wisdom-viewport:focus-visible{outline:2px solid #e8cb68;outline-offset:-3px}
@media(min-width:680px){.daily-guidance-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.daily-reading-card{padding:15px}.daily-wisdom-slide{min-height:180px}}
@media(max-width:480px){.daily-guidance-head{align-items:flex-start}.daily-guidance-head time{font-size:8px}.daily-wisdom-top{align-items:flex-start}.daily-wisdom-controls{gap:4px}.daily-wisdom-controls button{width:28px;height:28px}.daily-wisdom-slide{min-height:150px;padding-left:47px}.daily-wisdom-mark{left:12px;font-size:52px}.daily-wisdom-credit{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.daily-wisdom-viewport{scroll-behavior:auto}}

/* Compact mobile header and radio feature layout. */
@media(max-width:520px){
  .site-main-nav{height:68px!important;gap:8px;padding-right:10px!important;padding-left:10px!important;}
  .site-brand{min-width:0;flex:0 1 auto;gap:0!important;}
  .header-site-logo{width:min(145px,36vw)!important;height:44px!important;max-height:44px!important;}
  .site-main-actions{min-width:0;flex:none;gap:5px!important;}
  .site-main-actions>a,.site-main-actions>button{width:35px!important;height:35px!important;flex:none;justify-content:center;padding:0!important;border-radius:11px!important;}
  .site-main-actions>a[href="member-account.php"]{width:39px!important;}
  .site-main-actions>a[href="member-account.php"]>span{width:30px;height:30px;}
  .site-main-actions>a[href="member-login.php"]{display:none!important;}
  .hero-player-card{padding:14px!important;}
  .hero-radio-art{width:106px!important;height:106px!important;padding:7px!important;border-radius:18px!important;}
  .hero-radio-brand{gap:0!important;}
  .hero-radio-status{height:auto!important;min-height:0!important;margin-top:9px!important;}
  .hero-player-card #currentTitle{font-size:1.3rem;line-height:1.2;}
  .hero-player-card #currentReciter{font-size:.98rem;line-height:1.35;}
  .daily-guidance{border-radius:18px;}
}
@media(max-width:370px){
  .header-site-logo{width:120px!important;}
  .site-main-actions{gap:3px!important;}
  .site-main-actions>a,.site-main-actions>button{width:32px!important;height:32px!important;}
  .site-main-actions>a[href="member-account.php"]{width:35px!important;}
  .site-main-actions>a[href="member-account.php"]>span{width:27px;height:27px;}
}