.channel-show-page{--cs-bg: #f5f6f8;--cs-card: #ffffff;--cs-text: #111827;--cs-text-soft: #374151;--cs-subtext: #6b7280;--cs-muted: #9ca3af;--cs-border: #e5e7eb;--cs-border-soft: #f1f5f9;--cs-blue: #2563eb;--cs-blue-soft: #eff6ff;--cs-green: #16a34a;--cs-green-soft: #f0fdf4;--cs-red: #ef4444;--cs-yellow: #f59e0b;--cs-radius-sm: 7px;--cs-radius-md: 10px;--cs-radius-lg: 13px;--cs-shadow: 0 1px 2px rgba(15, 23, 42, .03), 0 3px 10px rgba(15, 23, 42, .025)}@media screen and (max-width:640px){.channel-show-page{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--cs-bg)!important;overflow-x:hidden!important}.channel-show-page *,.channel-show-page *:before,.channel-show-page *:after{box-sizing:border-box}.channel-show-page img,.channel-show-page svg,.channel-show-page canvas,.channel-show-page video{max-width:100%}.channel-show-page>.community-side-ad{display:none!important}.channel-show-page .community-board-main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}.channel-show-page .community-board-content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:9px 8px calc(26px + env(safe-area-inset-bottom)) 8px!important}.channel-show-page .community-board-content>:first-child{width:100%;max-width:100%;margin-bottom:10px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.channel-show-page .community-board-content>:first-child::-webkit-scrollbar{display:none}.channel-action-buttons{width:100%;display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:11px!important}.channel-action-buttons form{margin:0!important}.channel-action-buttons button,.channel-action-buttons>a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap;box-shadow:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.channel-action-buttons button:active,.channel-action-buttons>a:active{transform:scale(.98)}.channel-info-card{width:100%;margin-bottom:6px!important;padding:12px!important;border-radius:12px!important;border-color:var(--cs-border)!important;background:var(--cs-card)!important;box-shadow:var(--cs-shadow)!important}.channel-info-card>.flex{gap:9px!important}.channel-info-card .flex{min-width:0}.channel-info-card .h-10.w-10{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:12px!important}.channel-info-card .text-xs{font-size:9px!important;line-height:1.3!important}.channel-info-card .font-semibold.text-gray-900{font-size:13px!important;line-height:1.35!important;letter-spacing:-.025em}.channel-info-card .gap-3{gap:8px!important}.channel-info-card .gap-2{gap:5px!important}.channel-info-card>.flex>.flex.items-center.gap-2:last-child{gap:5px!important;flex-wrap:wrap}.channel-info-card>.flex>.flex.items-center.gap-2:last-child span,.channel-info-card>.flex>.flex.items-center.gap-2:last-child a{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:600!important;line-height:1!important;white-space:nowrap}.channel-info-card>.mt-4{margin-top:10px!important;padding:10px 11px!important;border-radius:9px!important;background:#f8fafc!important}.channel-info-card>.mt-4 .mb-1{margin-bottom:4px!important}.channel-info-card>.mt-4 .font-semibold{font-size:11px!important;font-weight:700!important;line-height:1.35!important}.channel-info-card>.mt-4 .text-sm{font-size:10.5px!important;line-height:1.65!important;color:var(--cs-text-soft)!important;word-break:keep-all;overflow-wrap:break-word}.channel-info-card>.mt-4 p{margin:0!important}.channel-info-card>.mt-4 p+p{margin-top:4px!important}.channel-category-tabs{width:calc(100% + 16px);margin:0 -8px 10px!important;padding:1px 8px 4px!important;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.channel-category-tabs::-webkit-scrollbar{display:none}.channel-category-tabs>a{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px!important;border-radius:6px!important;font-size:10px!important;font-weight:600!important;line-height:1!important;white-space:nowrap;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.channel-show-page .community-board-content>*{max-width:100%}.channel-show-page .community-board-content .flex.flex-wrap{row-gap:5px!important}.channel-show-page .community-board-content .text-sm{letter-spacing:-.015em}.channel-show-page .community-board-content a[class*=rounded],.channel-show-page .community-board-content button[class*=rounded]{-webkit-tap-highlight-color:transparent}.channel-post-list{width:100%!important;max-width:100%!important;border-radius:10px!important;border:1px solid var(--cs-border)!important;background:#fff!important;box-shadow:0 1px 3px #0f172a0a!important;overflow:hidden!important}.channel-post-header{display:none!important}.channel-post-item{position:relative;width:100%;margin:0!important;border-bottom:1px solid var(--cs-border-soft)!important;background:#fff!important;overflow:hidden}.channel-post-item:last-child{border-bottom:0!important}.channel-post-item:hover{background:#fff!important}.channel-post-row{position:relative;width:100%;display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;-moz-column-gap:6px!important;column-gap:6px!important;row-gap:4px!important;padding:9px 9px 8px!important;font-size:10px!important;min-height:53px}.channel-post-row>div:nth-child(1){grid-column:1;grid-row:1 / 3;align-self:center;width:28px;min-width:28px;font-size:8px!important;line-height:1.2!important;text-align:center!important;color:#a1a1aa!important;font-variant-numeric:tabular-nums}.channel-post-row>div:nth-child(1)>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-post-row>div:nth-child(1)>a{display:none!important}.channel-post-row>div:nth-child(2){grid-column:2 / 4;grid-row:1;width:100%;min-width:0}.channel-post-row>div:nth-child(2)>.flex{width:100%;min-width:0;gap:3px!important;align-items:center!important}.channel-post-row>div:nth-child(2) a.font-semibold{min-width:0;flex:1 1 auto;overflow:hidden;font-size:11.5px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.025em;color:#1f2937!important;text-overflow:ellipsis;white-space:nowrap}.channel-post-row>div:nth-child(2) span{flex:0 0 auto}.channel-post-row>div:nth-child(2) span.rounded{max-width:72px;padding:2px 5px!important;overflow:hidden;border-radius:4px!important;font-size:7.5px!important;line-height:1.3!important;text-overflow:ellipsis;white-space:nowrap}.channel-post-row>div:nth-child(2) .text-blue-600{font-size:8px!important;white-space:nowrap}.channel-post-row>div:nth-child(3){grid-column:2;grid-row:2;min-width:0;overflow:hidden;font-size:8.5px!important;line-height:1.25!important;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;color:var(--cs-subtext)!important}.channel-post-row>div:nth-child(3):before{content:"by ";color:#b6bbc3}.channel-post-row>div:nth-child(4){grid-column:3;grid-row:2;max-width:92px;overflow:hidden;font-size:7.5px!important;line-height:1.25!important;text-align:right!important;text-overflow:ellipsis;white-space:nowrap;color:var(--cs-muted)!important;font-variant-numeric:tabular-nums}.channel-post-row>div:nth-child(5),.channel-post-row>div:nth-child(6),.channel-post-row>div:nth-child(7){display:none!important}.channel-post-list [class*=bg-yellow],.channel-post-list [class*=yellow]{max-width:100%}.channel-post-list>:first-child{max-width:100%}.channel-post-list>:first-child table{width:100%!important;table-layout:fixed}.channel-post-list>:first-child th,.channel-post-list>:first-child td{min-width:0;overflow:hidden;font-size:9px!important;text-overflow:ellipsis;white-space:nowrap}.channel-post-list .board-infeed,.channel-post-list [class*=infeed],.channel-post-list [id*=infeed]{width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.channel-post-list .board-infeed *,.channel-post-list [class*=infeed] *{max-width:100%!important}.channel-post-list .min-h-\[160px\]{min-height:110px!important;padding:18px 12px!important;font-size:10px!important;line-height:1.5!important}.channel-show-page nav{width:100%;max-width:100%;margin-top:11px!important;padding-bottom:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.channel-show-page nav::-webkit-scrollbar{display:none}.channel-show-page nav>div{min-width:-moz-max-content;min-width:max-content}.channel-show-page nav a,.channel-show-page nav span{min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:5px 7px!important;border-radius:6px;font-size:8.5px!important;line-height:1!important;white-space:nowrap}.channel-show-page nav select{min-height:31px;padding:4px 24px 4px 7px!important;border-radius:6px!important;font-size:9px!important}.channel-show-page table{max-width:100%}.channel-show-page .truncate{min-width:0}.channel-show-page p,.channel-show-page div,.channel-show-page span,.channel-show-page a{overflow-wrap:break-word}.channel-show-page a,.channel-show-page button,.channel-show-page select{-webkit-tap-highlight-color:transparent}.channel-show-page button{touch-action:manipulation}.channel-show-page .grid,.channel-show-page .flex{min-width:0}}@media screen and (max-width:430px){.channel-show-page .community-board-content{padding-left:7px!important;padding-right:7px!important}.channel-category-tabs{width:calc(100% + 14px);margin-left:-7px!important;margin-right:-7px!important;padding-left:7px!important;padding-right:7px!important}.channel-post-row{padding-left:8px!important;padding-right:8px!important}}@media screen and (max-width:390px){.channel-post-row{grid-template-columns:26px minmax(0,1fr) auto!important;-moz-column-gap:5px!important;column-gap:5px!important}.channel-post-row>div:nth-child(1){width:26px;min-width:26px;font-size:7.5px!important}.channel-post-row>div:nth-child(2) a.font-semibold{font-size:11px!important}.channel-post-row>div:nth-child(2) span.rounded{max-width:62px;font-size:7px!important}.channel-post-row>div:nth-child(4){max-width:78px;font-size:7px!important}.channel-info-card{padding:11px!important}.channel-action-buttons{gap:5px!important}}@media screen and (max-width:360px){.channel-action-buttons button,.channel-action-buttons>a{min-height:36px;padding-left:10px!important;padding-right:10px!important;font-size:10px!important}.channel-info-card .h-10.w-10{width:36px!important;height:36px!important;flex-basis:36px!important}.channel-post-row{grid-template-columns:24px minmax(0,1fr) auto!important}.channel-post-row>div:nth-child(1){width:24px;min-width:24px}}@media screen and (max-width:330px){.channel-show-page .community-board-content{padding-left:5px!important;padding-right:5px!important}.channel-post-row{padding-left:6px!important;padding-right:6px!important}.channel-post-row>div:nth-child(2) span.rounded{max-width:54px}.channel-post-row>div:nth-child(3){max-width:115px}.channel-post-row>div:nth-child(4){max-width:68px}}@media screen and (max-height:500px)and (orientation:landscape){.channel-show-page .community-board-content{padding-top:6px!important}.channel-info-card{padding:10px!important}.channel-post-row{min-height:48px;padding-top:7px!important;padding-bottom:7px!important}}@media screen and (max-width:640px)and (hover:none)and (pointer:coarse){.channel-show-page a:active,.channel-show-page button:active{opacity:.82}}@media(prefers-reduced-motion:reduce){.channel-show-page *,.channel-show-page *:before,.channel-show-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.haru-page-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.haru-page-header__text{min-width:0;flex:1 1 auto}.haru-page-header__title{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#111827}.haru-page-header__description{margin:4px 0 0;font-size:14px;line-height:1.5;color:#6b7280}.haru-page-header__count{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:14px;color:#6b7280;white-space:nowrap}.haru-page-header__count strong{font-weight:700;color:#111827}.haru-page-header__actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.haru-page-header__action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color .15s ease,transform .08s ease}.haru-page-header__action--dark{background:#374151;color:#fff}.haru-page-header__action--primary{background:#2563eb;color:#fff}@media screen and (max-width:640px){.haru-page-header{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;gap:10px!important}.haru-page-header__text{min-width:0}.haru-page-header__title{margin:0!important;font-size:19px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.045em;color:#111827!important}.haru-page-header__description{max-width:260px;margin:4px 0 0!important;font-size:10.5px!important;line-height:1.45!important;letter-spacing:-.015em;color:#64748b!important;word-break:keep-all}.haru-page-header__count{flex:0 0 auto;display:inline-flex!important;align-items:center!important;gap:2px!important;margin-top:3px;font-size:9px!important;line-height:1!important;color:#94a3b8!important;white-space:nowrap!important}.haru-page-header__count strong{font-size:10px!important;font-weight:700!important;color:#475569!important}.haru-page-header__actions{flex:0 0 auto;display:flex!important;align-items:center!important;gap:5px!important;margin-top:0}.haru-page-header__action{min-width:0;min-height:30px;padding:6px 8px!important;border-radius:7px!important;font-size:8.5px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.haru-page-header__action:active{transform:scale(.97)}}@media screen and (max-width:430px){.haru-page-header{gap:8px!important}.haru-page-header__description{max-width:250px}}@media screen and (max-width:390px){.haru-page-header__title{font-size:18px!important}.haru-page-header__description{max-width:235px;font-size:10px!important}.haru-page-header__action{padding-left:7px!important;padding-right:7px!important;font-size:8px!important}}@media screen and (max-width:350px){.haru-page-header:has(.haru-page-header__actions){grid-template-columns:minmax(0,1fr)}.haru-page-header__actions{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;margin-top:3px}.haru-page-header__action{width:100%}}.haru-page-header__action--outline{border:1px solid #d1d5db;background:#fff;color:#374151}.haru-page-header__action--outline:hover{background:#f9fafb;border-color:#9ca3af}.haru-page-header__action--primary{border:1px solid #2563eb;background:#2563eb;color:#fff}.haru-page-header__action--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.haru-page-header__action--success{border:1px solid #059669;background:#059669;color:#fff}.haru-page-header__action--success:hover{background:#047857;border-color:#047857}.admin-channel-page{--ac-bg: #f5f6f8;--ac-card: #ffffff;--ac-text: #111827;--ac-text-soft: #374151;--ac-subtext: #64748b;--ac-muted: #94a3b8;--ac-border: #e5e7eb;--ac-border-soft: #eef2f7;--ac-blue: #2563eb;--ac-red: #dc2626;--ac-radius-sm: 8px;--ac-radius-md: 12px;--ac-radius-lg: 14px;--ac-shadow: 0 1px 2px rgba(15, 23, 42, .03), 0 3px 10px rgba(15, 23, 42, .025)}@media screen and (max-width:640px){.admin-channel-page{width:100%;padding-top:12px!important;padding-bottom:26px!important;background:var(--ac-bg)!important;overflow-x:hidden}.admin-channel-page *,.admin-channel-page *:before,.admin-channel-page *:after{box-sizing:border-box}.admin-channel-page .site-page-container{width:100%;max-width:none!important;padding-left:9px!important;padding-right:9px!important}.admin-channel-page .site-page-container>.mb-5.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:12px!important}.admin-channel-page .site-page-container>.mb-5.grid>div{min-width:0;min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:11px!important;border-radius:11px!important;border-color:var(--ac-border)!important;background:var(--ac-card)!important;box-shadow:0 1px 2px #0f172a06!important}.admin-channel-page .site-page-container>.mb-5.grid>div>.text-sm{overflow:hidden;font-size:9px!important;font-weight:600!important;line-height:1.25!important;color:#94a3b8!important;text-overflow:ellipsis;white-space:nowrap}.admin-channel-page .site-page-container>.mb-5.grid>div>.mt-1.text-2xl{margin-top:5px!important;font-size:20px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.admin-channel-page section.rounded-2xl{width:100%;padding:11px!important;border-radius:13px!important;border-color:var(--ac-border)!important;background:#fff!important;box-shadow:var(--ac-shadow)!important}.admin-channel-page section.rounded-2xl>.mb-4{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;gap:8px!important;margin-bottom:10px!important}.admin-channel-page section.rounded-2xl>.mb-4>div:first-child{min-width:0}.admin-channel-page section.rounded-2xl h3{margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.035em;color:#111827!important}.admin-channel-page section.rounded-2xl h3+p{max-width:245px;margin-top:3px!important;font-size:9.5px!important;line-height:1.45!important;color:#94a3b8!important;word-break:keep-all}.admin-channel-page section.rounded-2xl>.mb-4>.text-sm.text-gray-500{flex:0 0 auto;margin-top:2px;padding:4px 7px;border-radius:999px;background:#f8fafc;font-size:8.5px!important;font-weight:600!important;line-height:1;color:#64748b!important;white-space:nowrap}.admin-channel-page section.rounded-2xl>.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}.admin-channel-page section.rounded-2xl>.grid>*{min-width:0;width:100%}.admin-channel-page section.rounded-2xl>.grid>div,.admin-channel-page section.rounded-2xl>.grid>article,.admin-channel-page section.rounded-2xl>.grid>a{width:100%;border-radius:11px!important;overflow:hidden}.admin-channel-page section.rounded-2xl>.grid .p-6{padding:12px!important}.admin-channel-page section.rounded-2xl>.grid .p-5{padding:11px!important}.admin-channel-page section.rounded-2xl>.grid .p-4{padding:10px!important}.admin-channel-page section.rounded-2xl>.grid .p-3{padding:9px!important}.admin-channel-page section.rounded-2xl>.grid .text-lg{font-size:13px!important;line-height:1.35!important}.admin-channel-page section.rounded-2xl>.grid .text-base{font-size:12px!important;line-height:1.4!important}.admin-channel-page section.rounded-2xl>.grid .text-sm{font-size:9.5px!important;line-height:1.45!important}.admin-channel-page section.rounded-2xl>.grid .text-xs{font-size:8px!important;line-height:1.4!important}.admin-channel-page section.rounded-2xl>.grid .gap-4{gap:8px!important}.admin-channel-page section.rounded-2xl>.grid .gap-3{gap:6px!important}.admin-channel-page section.rounded-2xl>.grid .gap-2{gap:5px!important}.admin-channel-page section.rounded-2xl>.grid .mt-4{margin-top:8px!important}.admin-channel-page section.rounded-2xl>.grid .mt-3{margin-top:6px!important}.admin-channel-page section.rounded-2xl>.grid .mt-2{margin-top:4px!important}.admin-channel-page section.rounded-2xl>.grid button,.admin-channel-page section.rounded-2xl>.grid a{-webkit-tap-highlight-color:transparent}.admin-channel-page section.rounded-2xl>.grid button.rounded,.admin-channel-page section.rounded-2xl>.grid button.rounded-md,.admin-channel-page section.rounded-2xl>.grid button.rounded-lg,.admin-channel-page section.rounded-2xl>.grid a.rounded,.admin-channel-page section.rounded-2xl>.grid a.rounded-md,.admin-channel-page section.rounded-2xl>.grid a.rounded-lg{min-height:29px;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px!important;border-radius:7px!important;font-size:8.5px!important;line-height:1!important}.admin-channel-page section.rounded-2xl>.mt-6{margin-top:12px!important}.admin-channel-page nav{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-channel-page nav::-webkit-scrollbar{display:none}.admin-channel-page section.rounded-2xl>.border-dashed{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 15px!important;border-radius:11px!important;background:#f8fafc!important}.admin-channel-page section.rounded-2xl>.border-dashed>.text-base{font-size:13px!important;font-weight:700!important}.admin-channel-page section.rounded-2xl>.border-dashed>p{margin-top:4px!important;font-size:9.5px!important;line-height:1.45;color:#94a3b8!important}.admin-channel-page section.rounded-2xl>.border-dashed>.mt-5{margin-top:12px!important}.admin-channel-page section.rounded-2xl>.border-dashed a{min-height:36px;padding:7px 12px!important;border-radius:7px!important;font-size:9.5px!important}.admin-channel-page .flex,.admin-channel-page .grid{min-width:0}.admin-channel-page img,.admin-channel-page svg{max-width:100%}}@media screen and (max-width:430px){.admin-channel-page .site-page-container{padding-left:8px!important;padding-right:8px!important}}@media screen and (max-width:390px){.admin-channel-page .site-page-container{padding-left:7px!important;padding-right:7px!important}.admin-channel-page .site-page-container>.mb-5.grid>div{min-height:72px;padding:10px!important}.admin-channel-page .site-page-container>.mb-5.grid>div>.mt-1.text-2xl{font-size:18px!important}.admin-channel-page section.rounded-2xl{padding:10px!important}.admin-channel-page section.rounded-2xl h3{font-size:14px!important}}@media screen and (max-width:350px){.admin-channel-page .site-page-container>.mb-5.grid{gap:6px!important}.admin-channel-page .site-page-container>.mb-5.grid>div{padding:9px 8px!important}.admin-channel-page section.rounded-2xl>.mb-4{grid-template-columns:minmax(0,1fr);gap:5px!important}.admin-channel-page section.rounded-2xl>.mb-4>.text-sm.text-gray-500{justify-self:start}}@media screen and (max-width:640px)and (hover:none)and (pointer:coarse){.admin-channel-page a,.admin-channel-page button{-webkit-tap-highlight-color:transparent}.admin-channel-page button{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){.admin-channel-page *,.admin-channel-page *:before,.admin-channel-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media screen and (max-width:640px){.channel-index-page .channel-grid,.admin-channel-page .channel-grid,.admin-channel-page section>.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.channel-index-page .channel-grid>*,.admin-channel-page .channel-grid>*,.admin-channel-page section>.grid>*{width:100%;min-width:0}.channel-index-page .channel-grid>div,.channel-index-page .channel-grid>article,.channel-index-page .channel-grid>section,.admin-channel-page .channel-grid>div,.admin-channel-page .channel-grid>article,.admin-channel-page .channel-grid>section,.admin-channel-page section>.grid>div,.admin-channel-page section>.grid>article,.admin-channel-page section>.grid>section{position:relative;width:100%;margin:0!important;border:1px solid #e2e8f0!important;border-radius:13px!important;background:#fff!important;box-shadow:0 1px 2px #0f172a09,0 3px 10px #0f172a06!important;overflow:hidden!important}.channel-index-page .channel-grid .p-6,.admin-channel-page .channel-grid .p-6,.admin-channel-page section>.grid .p-6{padding:12px!important}.channel-index-page .channel-grid .p-5,.admin-channel-page .channel-grid .p-5,.admin-channel-page section>.grid .p-5{padding:12px!important}.channel-index-page .channel-grid .p-4,.admin-channel-page .channel-grid .p-4,.admin-channel-page section>.grid .p-4{padding:11px!important}.channel-index-page .channel-grid .p-3,.admin-channel-page .channel-grid .p-3,.admin-channel-page section>.grid .p-3{padding:10px!important}.channel-index-page .channel-grid .flex,.admin-channel-page .channel-grid .flex,.admin-channel-page section>.grid .flex{min-width:0}.channel-index-page .channel-grid .gap-4,.admin-channel-page .channel-grid .gap-4,.admin-channel-page section>.grid .gap-4{gap:9px!important}.channel-index-page .channel-grid .gap-3,.admin-channel-page .channel-grid .gap-3,.admin-channel-page section>.grid .gap-3{gap:7px!important}.channel-index-page .channel-grid .gap-2,.admin-channel-page .channel-grid .gap-2,.admin-channel-page section>.grid .gap-2{gap:5px!important}.channel-index-page .channel-grid .w-16.h-16,.admin-channel-page .channel-grid .w-16.h-16,.admin-channel-page section>.grid .w-16.h-16{width:42px!important;height:42px!important;flex:0 0 42px!important}.channel-index-page .channel-grid .w-14.h-14,.admin-channel-page .channel-grid .w-14.h-14,.admin-channel-page section>.grid .w-14.h-14{width:42px!important;height:42px!important;flex:0 0 42px!important}.channel-index-page .channel-grid .w-12.h-12,.admin-channel-page .channel-grid .w-12.h-12,.admin-channel-page section>.grid .w-12.h-12{width:42px!important;height:42px!important;flex:0 0 42px!important}.channel-index-page .channel-grid .w-10.h-10,.admin-channel-page .channel-grid .w-10.h-10,.admin-channel-page section>.grid .w-10.h-10{width:42px!important;height:42px!important;flex:0 0 42px!important}.channel-index-page .channel-grid img.rounded-full,.admin-channel-page .channel-grid img.rounded-full,.admin-channel-page section>.grid img.rounded-full{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.channel-index-page .channel-grid h2,.channel-index-page .channel-grid h3,.channel-index-page .channel-grid h4,.admin-channel-page .channel-grid h2,.admin-channel-page .channel-grid h3,.admin-channel-page .channel-grid h4,.admin-channel-page section>.grid h2,.admin-channel-page section>.grid h3,.admin-channel-page section>.grid h4{min-width:0;margin:0!important;overflow:hidden;font-size:14px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.035em;color:#111827!important;text-overflow:ellipsis;white-space:nowrap}.channel-index-page .channel-grid span.rounded-full,.channel-index-page .channel-grid span.rounded-md,.admin-channel-page .channel-grid span.rounded-full,.admin-channel-page .channel-grid span.rounded-md,.admin-channel-page section>.grid span.rounded-full,.admin-channel-page section>.grid span.rounded-md{flex:0 0 auto;min-height:0;display:inline-flex!important;align-items:center;justify-content:center;padding:0;border-radius:999px!important;font-size:8px!important;font-weight:600!important;line-height:1!important;white-space:nowrap}.channel-index-page .channel-grid .w-2.h-2,.admin-channel-page .channel-grid .w-2.h-2,.admin-channel-page section>.grid .w-2.h-2{width:6px!important;height:6px!important}.channel-index-page .channel-grid .text-sm,.admin-channel-page .channel-grid .text-sm,.admin-channel-page section>.grid .text-sm{font-size:10px!important;line-height:1.45!important}.channel-index-page .channel-grid .text-xs,.admin-channel-page .channel-grid .text-xs,.admin-channel-page section>.grid .text-xs{font-size:8px!important;line-height:1.4!important}.channel-index-page .channel-grid .text-gray-400,.channel-index-page .channel-grid .text-gray-500,.admin-channel-page .channel-grid .text-gray-400,.admin-channel-page .channel-grid .text-gray-500,.admin-channel-page section>.grid .text-gray-400,.admin-channel-page section>.grid .text-gray-500{color:#94a3b8!important}.channel-index-page .channel-grid .line-clamp-2,.admin-channel-page .channel-grid .line-clamp-2,.admin-channel-page section>.grid .line-clamp-2{display:-webkit-box!important;max-width:100%;margin-top:6px!important;overflow:hidden!important;font-size:10px!important;line-height:1.5!important;letter-spacing:-.015em;color:#475569!important;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}.channel-index-page .channel-grid .mt-6,.admin-channel-page .channel-grid .mt-6,.admin-channel-page section>.grid .mt-6{margin-top:11px!important}.channel-index-page .channel-grid .mt-5,.admin-channel-page .channel-grid .mt-5,.admin-channel-page section>.grid .mt-5{margin-top:10px!important}.channel-index-page .channel-grid .mt-4,.admin-channel-page .channel-grid .mt-4,.admin-channel-page section>.grid .mt-4{margin-top:8px!important}.channel-index-page .channel-grid .mt-3,.admin-channel-page .channel-grid .mt-3,.admin-channel-page section>.grid .mt-3{margin-top:6px!important}.channel-index-page .channel-grid .mt-2,.admin-channel-page .channel-grid .mt-2,.admin-channel-page section>.grid .mt-2{margin-top:4px!important}.channel-index-page .channel-grid .mt-1,.admin-channel-page .channel-grid .mt-1,.admin-channel-page section>.grid .mt-1{margin-top:2px!important}.channel-index-page .channel-grid .border-t,.admin-channel-page .channel-grid .border-t,.admin-channel-page section>.grid .border-t{border-color:#eef2f7!important}.channel-index-page .channel-grid hr,.admin-channel-page .channel-grid hr,.admin-channel-page section>.grid hr{margin:9px 0!important;border-color:#eef2f7!important}.channel-index-page .channel-grid .bg-gray-100,.admin-channel-page .channel-grid .bg-gray-100,.admin-channel-page section>.grid .bg-gray-100{background:#f8fafc!important}.channel-index-page .channel-grid .rounded-full.bg-gray-100,.admin-channel-page .channel-grid .rounded-full.bg-gray-100,.admin-channel-page section>.grid .rounded-full.bg-gray-100{min-height:22px;padding:3px 7px!important;border:0;font-size:8px!important;color:#64748b!important}.channel-index-page .channel-grid .border-t.bg-gray-50,.channel-index-page .channel-grid .bg-gray-50.border-t,.admin-channel-page .channel-grid .border-t.bg-gray-50,.admin-channel-page .channel-grid .bg-gray-50.border-t,.admin-channel-page section>.grid .border-t.bg-gray-50,.admin-channel-page section>.grid .bg-gray-50.border-t{padding:8px 10px!important;background:#fbfcfd!important}.channel-index-page .channel-grid .justify-end,.admin-channel-page .channel-grid .justify-end,.admin-channel-page section>.grid .justify-end{gap:6px!important}.channel-index-page .channel-grid button,.channel-index-page .channel-grid a,.admin-channel-page .channel-grid button,.admin-channel-page .channel-grid a,.admin-channel-page section>.grid button,.admin-channel-page section>.grid a{-webkit-tap-highlight-color:transparent}.channel-index-page .channel-grid button.rounded,.channel-index-page .channel-grid button.rounded-md,.channel-index-page .channel-grid button.rounded-lg,.channel-index-page .channel-grid a.rounded,.channel-index-page .channel-grid a.rounded-md,.channel-index-page .channel-grid a.rounded-lg,.admin-channel-page .channel-grid button.rounded,.admin-channel-page .channel-grid button.rounded-md,.admin-channel-page .channel-grid button.rounded-lg,.admin-channel-page .channel-grid a.rounded,.admin-channel-page .channel-grid a.rounded-md,.admin-channel-page .channel-grid a.rounded-lg,.admin-channel-page section>.grid button.rounded,.admin-channel-page section>.grid button.rounded-md,.admin-channel-page section>.grid button.rounded-lg,.admin-channel-page section>.grid a.rounded,.admin-channel-page section>.grid a.rounded-md,.admin-channel-page section>.grid a.rounded-lg{min-height:31px;display:inline-flex!important;align-items:center;justify-content:center;padding:5px 9px!important;border-radius:7px!important;font-size:8.5px!important;font-weight:600!important;line-height:1!important;white-space:nowrap;box-shadow:none!important}.channel-index-page .channel-grid .text-red-500,.channel-index-page .channel-grid .text-red-600,.admin-channel-page .channel-grid .text-red-500,.admin-channel-page .channel-grid .text-red-600,.admin-channel-page section>.grid .text-red-500,.admin-channel-page section>.grid .text-red-600{color:#ef4444!important}.channel-index-page .channel-grid>*,.admin-channel-page .channel-grid>*,.admin-channel-page section>.grid>*{transition:transform .08s ease,border-color .12s ease}form.inline-flex{margin:0}}@media screen and (max-width:390px){.channel-index-page .channel-grid,.admin-channel-page .channel-grid,.admin-channel-page section>.grid{gap:7px!important}}@media screen and (max-width:350px){.channel-index-page .channel-grid h2,.channel-index-page .channel-grid h3,.admin-channel-page .channel-grid h2,.admin-channel-page .channel-grid h3{font-size:13px!important}}