/* Shared smoked-glass archive and weekly vocabulary. */
.site-ui .home-chat-words,.control-workspace .chat-word-panel{margin:28px 0;padding:26px;border:1px solid rgba(255,255,255,.085);border-radius:24px;background:rgba(0,0,0,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#bcbcbc}
.home-chat-words header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.home-chat-words__eyebrow{font-size:10px;letter-spacing:.18em;color:#767676}
.site-ui .home-chat-words h2{font-size:clamp(21px,3vw,29px);letter-spacing:-.04em;font-weight:550;margin:8px 0}
.home-chat-words p,.home-chat-words time,.home-chat-words footer,.chat-word-caption{font-size:12px;line-height:1.6;color:#828282}
.home-chat-words time{white-space:nowrap;padding-top:4px;font-variant-numeric:tabular-nums}
.home-chat-words footer{border-top:1px solid rgba(255,255,255,.06);padding-top:16px;margin-top:16px}
.chat-word-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
.chat-word-list li{display:flex;align-items:center;gap:14px;min-width:0;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.chat-word-place{font-size:11px;color:#646464;width:22px;flex-shrink:0}
.chat-word-name{flex:1;min-width:0}.chat-word-name strong{display:block;font-weight:500;font-size:15px;color:#c4c4c4;overflow-wrap:anywhere}
.chat-word-bar{display:block;height:2px;background:rgba(255,255,255,.04);max-width:180px;margin-top:10px;border-radius:4px;overflow:hidden}
.chat-word-bar i{display:block;height:100%;background:#5f7e72;border-radius:inherit}
.chat-word-count{text-align:right;flex-shrink:0}.chat-word-count b{display:block;font-size:17px;font-weight:500;color:#bfc8c4}.chat-word-count small{display:block;color:#797f7c;font-size:10px;line-height:1.5}
.chat-word-list--public{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.chat-word-list--public li{align-items:flex-start;flex-wrap:wrap;gap:12px}.chat-word-list--public .chat-word-name{flex-basis:calc(100% - 36px)}.chat-word-list--public .chat-word-name strong{font-size:clamp(16px,2vw,23px);letter-spacing:-.035em}.chat-word-list--public .chat-word-count{margin-left:36px;text-align:left}.chat-word-list--public .chat-word-count b{font-size:25px;letter-spacing:-.04em}
.control-workspace .chat-word-panel>summary{font-size:18px;font-weight:500;cursor:pointer;min-height:32px}.chat-word-panel>summary>span{font-size:12px;font-weight:400;color:#838383;margin-left:14px}
.chat-word-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:22px}.chat-word-filters label{display:grid;gap:7px;flex:1;min-width:130px}.chat-word-filters label>span{font-size:11px;color:#909090}
.control-workspace .chat-word-filters input,.control-workspace .chat-word-filters select,.control-workspace .chat-player-filter textarea{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#070908;color:#bcbcbc;padding:10px 12px;font:inherit;resize:vertical;box-sizing:border-box;color-scheme:dark}
.control-workspace .chat-word-filters input:focus-visible,.control-workspace .chat-word-filters select:focus-visible,.control-workspace .chat-player-filter textarea:focus-visible{outline:2px solid #70877c;outline-offset:2px}
.chat-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 24px}.chat-downloads>span{flex-basis:100%;color:#808080;font-size:12px;line-height:1.6}.control-workspace .chat-filters .chat-player-filter{grid-column:span 2}.chat-player-filter textarea{min-height:46px}.chat-word-result{padding:12px 16px;border-radius:12px;background:rgba(99,130,113,.07);color:#a9bcb2;font-size:14px}.chat-word-empty{padding:22px 0;color:#858585;font-size:13px}.payment-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-actions form{margin:0}
@media(max-width:1000px){.chat-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-word-list--public{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.site-ui .home-chat-words,.control-workspace .chat-word-panel{padding:18px;border-radius:18px;margin:22px 0}.home-chat-words header{display:block}.home-chat-words time{display:block;margin:12px 0}.chat-word-list,.chat-word-list--public{grid-template-columns:1fr;gap:0}.chat-word-list--public li{flex-wrap:nowrap;align-items:center}.chat-word-list--public .chat-word-name{flex-basis:auto}.chat-word-list--public .chat-word-count{margin-left:0;text-align:right}.chat-word-list--public .chat-word-count b{font-size:20px}.chat-word-list--public .chat-word-name strong{font-size:19px}.chat-word-panel>summary>span{display:block;margin:8px 0 0}.chat-word-filters label{min-width:calc(50% - 12px)}.chat-word-filters button{width:100%}.chat-downloads>a{flex:1;text-align:center;justify-content:center}.control-workspace .chat-filters .chat-player-filter{grid-column:1/-1}}

.chat-word-name a{color:inherit;text-decoration:none}.chat-word-name a:hover{text-decoration:underline;text-underline-offset:4px}.chat-word-name a:focus-visible{outline:2px solid #70877c;outline-offset:4px}#chat-feed{scroll-margin-top:24px}
@media(max-width:600px){.chat-word-panel .chat-word-list{max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#343d38 #070908}.chat-word-panel .chat-word-list li{padding-right:8px}}

@media(max-width:600px){.control-workspace .payment-history .table-wrap{overflow:visible;border:0;background:none}.control-workspace table.payment-table{display:block;width:100%;min-width:0!important}.control-workspace .payment-table thead{display:none}.control-workspace .payment-table tbody{display:grid;gap:12px}.control-workspace .payment-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;background:rgba(0,0,0,.55)}.control-workspace .payment-table td{display:block;min-width:0;border:0!important;padding:9px 8px!important;white-space:normal!important;overflow-wrap:anywhere}.control-workspace .payment-table td::before{content:attr(data-label);display:block;color:#777;font-size:10px;margin-bottom:7px}.control-workspace .payment-table td.payment-person{grid-column:1/-1;order:-1}.control-workspace .payment-table td:nth-child(6),.control-workspace .payment-table td:last-child{grid-column:1/-1}.control-workspace .payment-table td:last-child::before{display:none}.control-workspace .payment-actions form{flex:1}.control-workspace .payment-actions button{width:100%;min-height:44px;justify-content:center}}
