.post {
           background: linear-gradient(135deg, #171717 0%, #0f1117 100%);
           border: 1px solid #2f3336;
           border-radius: 16px;
           padding: 20px;
           max-width: 620px;
           width: 100%;
       }
       .post-header {
           display: flex;
           align-items: center;
           margin-bottom: 16px;
       }
       .avatar {
           width: 48px;
           height: 48px;
           border-radius: 50%;
           margin-right: 12px;
       }
       .username {
           font-weight: 700;
       }
       .handle {
           color: #71767b;
           margin-left: 4px;
       }
       .post-text {
           font-size: 17px;
           margin-bottom: 16px;
       }
       .poll-question {
           font-size: 19px;
           font-weight: 800;
           margin-bottom: 16px;
       }
       .carousel-wrapper {
           position: relative;
           margin: 0 -20px;
       }
       .carousel-container {
           overflow-x: hidden;
           padding: 0 20px;
       }
       .poll-options {
           display: flex;
           gap: 16px;
           transition: transform 0.4s ease;
       }
       .poll-option {
           flex: 0 0 calc(50% - 8px);
           background: #16181c;
           border: 1px solid #2f3336;
           border-radius: 16px;
           overflow: hidden;
           cursor: pointer;
           transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
       }
       .poll-option:hover {
           transform: translateY(-2px);
           box-shadow: 0 4px 16px rgba(0,0,0,0.5);
       }
       .poll-option.selected {
           border-color: #1d9bf0;
           box-shadow: 0 0 0 3px rgba(29, 155, 240, 0.25);
       }
       .option-image {
           width: 100%;
           height: 220px;
           object-fit: cover;
       }
       .option-text {
           padding: 12px 16px;
           font-size: 15px;
           font-weight: 600;
           text-align: center;
           background: #0f1419;
       }
       .vote-btn-option {
           background: transparent;
           color: #e7e9ea;
           border: 1px solid #536471;
           border-radius: 9999px;
           padding: 6px 20px;
           font-size: 14px;
           font-weight: 700;
           cursor: pointer;
           transition: background 0.2s, border-color 0.2s;
           opacity: 0.8;
       }
       .poll-option:hover .vote-btn-option {
           opacity: 1;
           background: rgba(239, 243, 244, 0.08);
           border-color: #f97316;
       }
       .nav-arrow {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           width: 38px;
           height: 38px;
           background: rgba(15, 20, 25, 0.75);
           border-radius: 50%;
           border: none;
           cursor: pointer;
           display: none;  /* hidden by default */
           align-items: center;
           justify-content: center;
           opacity: 0.65;
           transition: opacity 0.2s, background 0.2s, transform 0.15s;
           z-index: 10;
       }
       .nav-arrow.visible {
           display: flex;
       }
       .nav-arrow:hover {
           background: rgba(15, 20, 25, 0.95);
           opacity: 1;
           transform: translateY(-50%) scale(1.1);
       }
       .nav-arrow.prev {
           left: 8px;
       }
       .nav-arrow.next {
           right: 8px;
       }
       .nav-arrow svg {
           width: 16px;
           height: 16px;
           stroke: #e7e9ea;
           stroke-width: 5;
           stroke-linecap: round;
           stroke-linejoin: round;
           fill: none;
       }
       .voted .vote-btn-option {
           display: none;
       }
       .poll-footer {
           margin-top: 20px;
           color: #71767b;
           font-size: 15px;
           text-align: center;
       }