.hue-ico-link { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); }

html.hs-open, html.hs-open body { overflow: hidden; }
#hue-share-modal { padding-top: 60px; }
#hue-share-modal .hs-box { display: flex; flex-direction: column; max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); border-radius: 0; }
#hue-share-modal .hs-tabs { flex: 0 0 auto; }
#hue-share-modal .hs-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
#hue-share-modal .hs-foot { flex: 0 0 auto; border-top: 1px solid #E7E8EC; background: #F7F8FA; flex-wrap: wrap; }
#hue-share-modal .hs-row { position: relative; padding: 7px 10px; }
#hue-share-modal .hs-row.hl { background: #F0F2F5; }
#hue-share-modal .hs-row.on { background: #F6E9E9; }
#hue-share-modal .hs-row img { width: 34px; height: 34px; }
#hue-share-modal .hs-row-t { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
#hue-share-modal .hs-row-t b, #hue-share-modal .hs-row-t small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#hue-share-modal .hs-row-t b { font-weight: 500; }
#hue-share-modal .hs-row-t small { font-size: 12px; color: #818C99; }
#hue-share-modal .hs-check { flex: 0 0 18px; width: 18px; height: 18px; box-sizing: border-box; border: 1px solid #C5CBD3; background: #FFFFFF; position: relative; }
#hue-share-modal .hs-row.on .hs-check { background: #B01E1E; border-color: #B01E1E; }
#hue-share-modal .hs-row.on .hs-check::after { content: ''; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px;
    border: solid #FFFFFF; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#hue-share-modal .hs-list { max-height: 228px; border-radius: 0; }
#hue-share-modal .hs-chips { display: flex; flex-wrap: wrap; gap: 4px; }
#hue-share-modal .hs-chips:not(:empty) { margin-bottom: 6px; }
#hue-share-modal .hs-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; box-sizing: border-box; padding: 2px 4px 2px 8px;
    background: #F6E9E9; border: 1px solid #E8CACA; color: #1F2023; font-size: 12.5px; }
#hue-share-modal .hs-chip a { color: #B01E1E !important; text-decoration: none !important; font-size: 16px; line-height: 1; padding: 0 3px; }
#hue-share-modal .hs-prev { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 8px 0; padding: 8px 10px; border-left: 3px solid #B01E1E; background: #F7F8FA; }
#hue-share-modal .hs-prev[hidden] { display: none; }
#hue-share-modal .hs-prev-av { width: 32px; height: 32px; object-fit: cover; flex: 0 0 32px; }
#hue-share-modal .hs-prev-t { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
#hue-share-modal .hs-prev-t b { font-weight: 600; }
#hue-share-modal .hs-prev-t small { color: #818C99; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#hue-share-modal .hs-prev-t span { margin-top: 2px; font-size: 12.5px; color: #3A3A3A; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
#hue-share-modal .hs-prev-pic { width: 48px; height: 48px; object-fit: cover; flex: 0 0 48px; }
#hue-share-modal .hs-copy { display: inline-flex; align-items: center; gap: 6px; color: #2A5885 !important; text-decoration: none !important; font-size: 13px; white-space: nowrap; }
#hue-share-modal .hs-copy:hover span:last-child { text-decoration: underline; }
#hue-share-modal .hs-copy .hue-ico { width: 16px; height: 16px; flex-basis: 16px; }
#hue-share-modal .hs-err { order: 5; flex: 1 0 100%; }
#hue-share-modal .hs-err:empty { display: none; }
#hue-share-modal .hs-send { border-radius: 0; }
@media (max-width: 700px) {
    #hue-share-modal { padding: 0; align-items: stretch; }
    #hue-share-modal .hs-box { width: 100%; max-height: none; height: 100%; height: 100dvh; box-shadow: none; }
    #hue-share-modal .hs-tabs { padding: 0 14px; height: 48px; }
    #hue-share-modal .hs-tab { height: 48px; line-height: 48px; }
    #hue-share-modal .hs-body { padding: 12px 14px 6px 14px; }
    #hue-share-modal .hs-foot { padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) 14px; }
    #hue-share-modal .hs-list { max-height: 40vh; max-height: 40dvh; }
    #hue-share-modal .hs-input, #hue-share-modal .hs-select, #hue-share-modal textarea { font-size: 16px; }
    #hue-share-modal .hs-row { padding: 9px 10px; }
}

.hue-pc { display: block; margin-top: 6px; max-width: 440px; box-sizing: border-box; border-left: 3px solid #B01E1E; background: #F7F8FA;
    padding: 8px 12px 9px 12px; color: #1F2023; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.hue-pc a { text-decoration: none; }
.hue-pc a:hover { text-decoration: underline; }
.hue-pc-src { font-size: 12px; color: #818C99; margin-bottom: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hue-pc-src a { color: #2A5885 !important; font-weight: 500; }
.hue-pc-head { display: flex; align-items: center; gap: 9px; min-width: 0; }
.hue-pc-av { flex: 0 0 36px; line-height: 0; }
.hue-pc-av img { width: 36px; height: 36px; object-fit: cover; display: block; }
.hue-pc-who { display: flex; flex-direction: column; min-width: 0; }
.hue-pc-name { font-weight: 600; color: #2A5885 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hue-pc-date { font-size: 12px; color: #818C99 !important; }
.hue-pc-text { margin-top: 7px; white-space: pre-wrap; word-wrap: break-word; }
.hue-pc-text.hue-pc-cut { max-height: 8.4em; overflow: hidden; position: relative; }
.hue-pc-text.hue-pc-cut::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2.4em; background: linear-gradient(rgba(247, 248, 250, 0), #F7F8FA); }
.hue-pc-more { display: table; margin-top: 3px; color: #2A5885 !important; font-weight: 500; font-size: 12.5px; }
.hue-pc-pic { display: block; margin-top: 8px; max-width: 100%; max-height: 260px; object-fit: cover; cursor: zoom-in; background: #E7E8EC; }
.hue-pc-att { display: block; margin-top: 6px; padding: 5px 8px; background: #FFFFFF; border: 1px solid #E7E8EC; font-size: 12.5px; color: #3A3A3A;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hue-pc-repost { display: block; margin-top: 8px; padding: 5px 8px; border-left: 2px solid #C5CBD3; background: #FFFFFF; color: #1F2023 !important; font-size: 12.5px; }
.hue-pc-repost b { display: block; color: #2A5885; font-weight: 500; }
.hue-pc-repost span { display: block; color: #626D7A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hue-pc-open { display: table; margin-top: 8px; font-size: 12.5px; color: #2A5885 !important; font-weight: 500; }
.hue-pc-gone { color: #818C99; border-left-color: #C9CCD1; }
.hue-pc-gone .hue-pc-gone-t { display: block; font-style: italic; color: #626D7A; }
.hue-pc-gone small { display: block; font-size: 12px; color: #A3A9B1; margin-top: 2px; }

a.hue-mention, a.hue-mention:visited { color: #2A5885 !important; font-weight: 500; text-decoration: none; }
a.hue-mention:hover { text-decoration: underline; }
#hue-mention { border-radius: 0; border: 1px solid #DCE1E6; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18); max-height: 300px; }
#hue-mention .hm-item { padding: 6px 10px; }
#hue-mention .hm-item.on { background: #E5EBF1; }
#hue-mention img, #hue-mention .hm-all { width: 32px; height: 32px; border-radius: 0; flex: 0 0 32px; }
#hue-mention .hm-t { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
#hue-mention .hm-name { font-weight: 500; }
#hue-mention .hm-name b, #hue-mention .hm-user b { font-weight: 700; color: #2A5885; }
#hue-mention .hm-user { margin-left: 0; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 700px) {
    #hue-mention .hm-item { padding: 9px 12px; }
}
a.hue-hashtag, a.hue-hashtag:visited { color: #2A5885 !important; text-decoration: none; }
a.hue-hashtag:hover { text-decoration: underline; }
html.hue-dark a.hue-hashtag, html.hue-dark a.hue-hashtag:visited { color: #85AED6 !important; }