/* Use the exact icon font shipped with Selebox Mobile; text stays Inter. */
@font-face {font-family:'Selebox Mobile Ionicons';src:url('../fonts/selebox-mobile-ionicons.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block;}
.post-card .post-actions {--post-icon-size:16px;}
.post-card .post-actions .mobile-post-icon {display:inline-block;font-family:'Selebox Mobile Ionicons' !important;font-size:var(--post-icon-size);font-style:normal;font-weight:400;line-height:1;width:var(--post-icon-size);height:var(--post-icon-size);text-align:center;flex-shrink:0;-webkit-font-smoothing:antialiased;}
.post-card .post-actions .r-icon .mobile-post-icon {font-size:var(--post-icon-size);width:var(--post-icon-size);height:var(--post-icon-size);}
@media(max-width:600px){.post-card .post-actions {--post-icon-size:16px;}}
@media(max-width:380px){.post-card .post-actions {--post-icon-size:16px;}}
@media(max-width:340px){.post-card .post-actions {--post-icon-size:15px;}}
.post-card:has(> .post-actions) {padding-bottom:4px;}
/* Four stable, equal actions retain the existing reaction and comment controls. */
.post-card .post-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; align-items:center; padding-top:2px; }
.post-card .post-actions > :first-child { margin-right:0; }
.post-card .post-actions > .reaction-wrap { display:flex; min-width:0; }
.post-card .post-actions .action-btn { display:flex; justify-content:center; align-items:center; gap:5px; width:100%; min-width:0; min-height:32px; padding:2px 4px; font-size:12px; line-height:18px; font-weight:500; border-radius:6px; white-space:nowrap; }
.post-card .post-actions .action-btn svg, .post-card .post-actions .r-icon { width:16px; height:16px; flex-shrink:0; }
.post-card .post-actions .action-btn > span { display:inline; }
.post-card .post-actions .action-btn > .r-icon { display:inline-flex; }
.post-card .post-actions .action-btn.reacted { background:transparent; box-shadow:none; }
.post-card .post-actions .reaction-picker { left:0; transform:translateY(6px) scale(.95); }
.post-card .post-actions .reaction-picker.visible { transform:translateY(0) scale(1); }
@media(max-width:600px){.post-card .post-actions .action-btn {font-size:12px;gap:4px;padding-inline:1px;min-height:36px;} .post-card .post-actions .action-btn svg,.post-card .post-actions .r-icon {width:16px;height:16px;}}
@media(max-width:380px){.post-card .post-actions .action-btn { font-size:11px; gap:4px; }.post-card .post-actions .action-btn svg,.post-card .post-actions .r-icon {width:16px;height:16px;}}
@media(max-width:340px){.post-card .post-actions .action-btn {font-size:10px;gap:2px;padding-inline:0;} .post-card .post-actions .action-btn svg,.post-card .post-actions .r-icon {width:15px;height:15px;}}
#postGiftDialog { position:fixed; inset:0; margin:auto; width:min(520px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; padding:20px; border:1px solid var(--border); border-radius:20px; background:var(--bg2); color:var(--text); box-shadow:0 24px 80px #17112240; }
#postGiftDialog::backdrop {background:#17112270;backdrop-filter:blur(3px);}
#postGiftDialog header {display:flex;align-items:center;gap:16px;justify-content:space-between;}
#postGiftTitle {font-size:19px;margin:0;}
#postGiftClose {border:0;border-radius:50%;width:36px;height:36px;flex:none;background:var(--bg3);color:var(--text2);font-size:26px;cursor:pointer;}
#postGiftBalance {font-size:14px;font-weight:600;color:var(--accent);}
#postGiftStatus {font-size:13px;line-height:1.5;color:var(--text2);}
#postGiftCatalog {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:300px;overflow-y:auto;}
.post-gift-tile {display:flex;align-items:center;flex-direction:column;gap:5px;padding:10px 4px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);color:var(--text);cursor:pointer;}
.post-gift-tile img {width:64px;height:64px;object-fit:contain;}
.post-gift-tile strong {font-size:12px;}.post-gift-tile span {font-size:12px;color:var(--text3);}
.post-gift-tile[aria-pressed=true] {border:2px solid var(--accent-primary);background:var(--accent-soft);}
#postGiftMessageLabel {display:block;margin-top:16px;font-size:13px;}
#postGiftMessageLabel[hidden] {display:none;}
#postGiftMessageLabel span {color:var(--text3);}
#postGiftMessage {display:block;box-sizing:border-box;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:10px;background:var(--bg3);color:var(--text);padding:10px;font:inherit;resize:vertical;font-size:16px;}
#postGiftSend {width:100%;min-height:44px;margin-top:16px;border:0;border-radius:12px;background:var(--accent-primary);color:#fff;font-weight:600;cursor:pointer;}
#postGiftSend:disabled {opacity:.5;cursor:default;}
#postGiftDialog button:focus-visible {outline:2px solid var(--accent-primary);outline-offset:2px;}

@media(pointer:coarse){.post-card .post-actions .action-btn {min-height:40px;}}