.tn-list[data-v-7b5ad86d]{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}@media(max-width:1024px){.tn-list[data-v-7b5ad86d]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tn-list[data-v-7b5ad86d]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.tn-list[data-v-7b5ad86d]{grid-template-columns:1fr}}.tn-item[data-v-7b5ad86d]{border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:14px 16px;text-align:left}.tn-item[data-v-7b5ad86d]:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.tn-item--locked[data-v-7b5ad86d]{cursor:default;opacity:.75}.tn-item__title[data-v-7b5ad86d]{color:rgb(51 68 95/var(--tw-text-opacity,1));font-size:14px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.tn-item__thumb[data-v-7b5ad86d]{align-items:center;aspect-ratio:4/3;background:var(--primary-soft,#eff6ff);border-radius:4px;color:var(--primary);display:flex;justify-content:center;position:relative}.tn-item__thumb svg[data-v-7b5ad86d]{height:52px;width:52px}.tn-item__thumb .tn-item__badge[data-v-7b5ad86d]{bottom:8px;position:absolute;right:8px}.tn-item__meta[data-v-7b5ad86d]{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:space-between}.tn-item__date[data-v-7b5ad86d],.tn-item__views[data-v-7b5ad86d]{align-items:center;display:inline-flex;gap:5px}.tn-item__date svg[data-v-7b5ad86d],.tn-item__views svg[data-v-7b5ad86d]{height:15px;width:15px}.tn-item__nofile[data-v-7b5ad86d]{color:#fca5a5}.tn-item__badge[data-v-7b5ad86d]{align-self:flex-start;background:#1d4ed8;border-radius:4px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px}@media(max-width:520px){.tn-item[data-v-7b5ad86d]{align-items:flex-start}}.tn-modal[data-v-7b5ad86d]{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.tn-modal__backdrop[data-v-7b5ad86d]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;top:0;right:0;bottom:0;left:0;position:absolute}.tn-modal__card[data-v-7b5ad86d]{background:#fff;border-radius:4px;box-shadow:0 24px 70px #0006;display:flex;flex-direction:column;height:90vh;max-width:980px;overflow:hidden;position:relative;width:100%}.tn-modal__head[data-v-7b5ad86d]{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 18px}.tn-modal__title[data-v-7b5ad86d]{color:rgb(51 68 95/var(--tw-text-opacity,1));flex:1;font-size:15px;font-weight:600;line-height:1.4;margin:0}.tn-modal__actions[data-v-7b5ad86d]{align-items:center;display:flex;flex-shrink:0;gap:8px}.tn-modal__open[data-v-7b5ad86d]{background:var(--primary-soft,#eff6ff);border-radius:4px;color:var(--primary);font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none}.tn-modal__open[data-v-7b5ad86d]:hover{background:#dbeafe}.tn-modal__close[data-v-7b5ad86d]{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.tn-modal__close[data-v-7b5ad86d]:hover{background:#f3f4f6;color:rgb(51 68 95/var(--tw-text-opacity,1))}.tn-modal__body[data-v-7b5ad86d]{background:#525659;flex:1;min-height:0}.tn-modal__frame[data-v-7b5ad86d]{border:none;display:block;height:100%;width:100%}