.m-discovery{display:grid;gap:var(--m-section-gap);}
.m-sort-tab:focus-visible,.m-discovery-refresh:focus-visible,.m-load-retry:focus-visible,.m-card-like:focus-visible{outline:3px solid rgba(15,118,110,.23);outline-offset:2px;}
.m-sort-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ecea;}
.m-sort-tabs{display:flex;gap:22px;}
.m-sort-tab{position:relative;z-index:1;min-height:43px;padding:0 1px;border:0;background:transparent;color:#738683;font:inherit;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation;}
.m-sort-tab.is-active{color:#0f766e;font-weight:850;}
.m-sort-tab.is-active::after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:#0f766e;content:"";}
.m-discovery-refresh{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 2px;border:0;background:transparent;color:#718581;font:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.m-discovery-refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.m-discovery-refresh.is-loading svg{animation:m-spin .8s linear infinite;}
.m-pull-indicator{height:0;overflow:hidden;color:#68807d;font-size:12px;text-align:center;transition:height .16s ease;}
.m-pull-indicator.is-visible{height:30px;}
.m-pull-indicator span{display:inline-flex;height:28px;align-items:center;}
.m-discovery-results{min-height:320px;}
.m-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;align-items:start;}
.m-work-card{min-width:0;overflow:hidden;border:1px solid #e3ebe9;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(15,42,42,.055);animation:m-card-in .22s ease-out both;}
.m-work-card.is-unavailable{background:#fafafa;box-shadow:none;}
.m-work-card.is-unavailable .m-work-cover img{opacity:.66;filter:grayscale(.2);}
.m-work-cover{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(145deg,#e7f4f1,#edf1f8);text-decoration:none;}
.m-work-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease;}
.m-work-cover:active img{transform:scale(.98);}
.m-work-card-info{display:grid;gap:9px;padding:11px 10px 10px;}
.m-work-title{min-width:0;margin:0;color:#173737;font-size:var(--m-card-title-size);line-height:1.45;letter-spacing:-.015em;}
.m-work-title a{display:-webkit-box;overflow:hidden;color:inherit;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.m-work-title-static{display:-webkit-box;overflow:hidden;color:#777;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.m-work-unavailable{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:#eee;color:#888;font-size:10px;font-weight:700;}
.m-work-title a:focus-visible{border-radius:4px;outline:3px solid rgba(15,118,110,.2);outline-offset:2px;}
.m-work-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;color:#788b88;font-size:11px;}
.m-work-creator{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
a.m-work-creator{color:inherit;text-decoration:none;}
a.m-work-creator:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px;}
.m-work-stats{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;}
.m-work-views{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;}
.m-work-views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;}
.m-card-like{display:inline-flex;min-width:32px;height:32px;align-items:center;justify-content:flex-end;gap:3px;margin:-7px -7px -7px 0;padding:0 7px 0 2px;border:0;border-radius:10px;background:transparent;color:#788b88;font:inherit;font-size:11px;cursor:pointer;}
.m-card-like.active{color:#d81e06;}
.m-card-like img{width:12px;height:12px;}
.m-card-like .stat-value{font-style:normal;}
.m-discovery-state{margin-top:2px;}
.m-discovery-state[hidden],.m-work-grid[hidden],.m-load-status[hidden],.m-pull-indicator[hidden]{display:none!important;}
.m-discovery-state .m-state{min-height:300px;}
.m-skeleton-card{overflow:hidden;border:1px solid #e5eceb;border-radius:17px;background:#fff;}
.m-skeleton-cover{height:auto;aspect-ratio:16/9;background:#e8efed;}
.m-skeleton-lines{display:grid;gap:8px;padding:12px 10px 14px;}
.m-skeleton-line{height:11px;border-radius:8px;background:#e8efed;}
.m-skeleton-line:last-child{width:62%;}
.m-skeleton-card>*{position:relative;overflow:hidden;}
.m-skeleton-card>*::after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.72) 48%,transparent 78%);content:"";animation:m-shimmer 1.15s infinite;transform:translateX(-100%);}
.m-load-status{display:flex;min-height:60px;align-items:center;justify-content:center;color:#7b8e8b;font-size:12px;text-align:center;}
.m-load-status-inner{display:inline-flex;align-items:center;gap:8px;}
.m-load-status:not(.is-loading) .m-load-spinner{display:none;}
.m-load-spinner{width:18px;height:18px;border:2px solid #d9e7e4;border-top-color:#0f766e;border-radius:50%;animation:m-spin .8s linear infinite;}
.m-load-retry{min-height:36px;padding:0 14px;border:1px solid #bfd5d1;border-radius:11px;background:#fff;color:#0f6d66;font:inherit;font-size:12px;font-weight:750;cursor:pointer;}
@keyframes m-card-in{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@keyframes m-shimmer{to{transform:translateX(100%);}}
@media (max-width:350px){.m-main{padding-right:12px;padding-left:12px;}.m-work-grid{gap:9px 8px;}.m-work-card-info{padding-right:8px;padding-left:8px;}.m-sort-tabs{gap:15px;}}
@media (prefers-reduced-motion:reduce){.m-work-card,.m-skeleton-card>*::after,.m-load-spinner,.m-discovery-refresh.is-loading svg{animation:none;}.m-work-cover img{transition:none;}}
.m-search-back:focus-visible,.m-search-page-clear:focus-visible,.m-search-page-submit:focus-visible,.m-search-section-heading button:focus-visible,.m-search-term:focus-visible{outline:3px solid rgba(17,24,39,.2);outline-offset:2px;}
.m-search-topbar{position:sticky;top:0;z-index:70;padding-top:var(--m-safe-top);border-bottom:1px solid #eee;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.m-search-topbar-inner{display:flex;min-height:var(--m-topbar-height);align-items:center;gap:4px;padding:7px 10px;}
.m-search-back{display:grid;width:40px;height:44px;flex:0 0 40px;place-items:center;border-radius:50%;color:#111;text-decoration:none;touch-action:manipulation;}
.m-search-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.m-search-page-form{display:grid;min-width:0;flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;}
.m-search-page-field{position:relative;display:flex;min-width:0;align-items:center;}
.m-search-page-icon{position:absolute;left:12px;width:19px;height:19px;fill:none;stroke:#8b8b8b;stroke-width:2;pointer-events:none;}
.m-search-page-form input{width:100%;height:42px;padding:0 36px 0 39px;border:1px solid #e5e5e5;border-radius:21px;background:#f6f6f6;color:#111;font:inherit;font-size:14px;outline:0;}
.m-search-page-form input:focus{border-color:#999;background:#fff;box-shadow:none;}
.m-search-page-form input::-webkit-search-cancel-button,.m-search-page-form input::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none;}
.m-search-page-form input::placeholder{color:#999;}
.m-search-page-clear{position:absolute;right:4px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:transparent;color:#999;font:inherit;font-size:20px;cursor:pointer;}
.m-search-page-submit{min-width:48px;height:40px;padding:0 4px;border:0;background:transparent;color:#111;font:inherit;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation;}
.m-search-page{min-height:calc(100dvh - var(--m-topbar-height) - var(--m-safe-top));}
.m-search-landing{display:grid;gap:var(--m-section-gap);padding:4px 2px calc(24px + var(--m-safe-bottom));}
.m-search-landing[hidden],.m-search-results[hidden]{display:none!important;}
.m-search-section-heading{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.m-search-section-heading h2{margin:0;color:#111;font-size:var(--m-section-title-size);line-height:1.3;}
.m-search-section-heading button{min-width:44px;min-height:36px;border:0;background:transparent;color:#777;font:inherit;font-size:13px;cursor:pointer;}
.m-search-term-list{display:flex;flex-wrap:wrap;gap:10px 8px;}
.m-search-term{max-width:100%;min-height:36px;padding:0 14px;overflow:hidden;border:1px solid #e5e5e5;border-radius:18px;background:#fff;color:#333;font:inherit;font-size:13px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;touch-action:manipulation;}
.m-search-suggestion-grid{display:flex;flex-wrap:wrap;gap:10px 8px;}
.m-search-suggestion-grid .m-search-term{min-width:0;min-height:34px;padding:0 14px;border:0;border-radius:20px;background:#f0f0f0;color:#666;font-weight:500;text-align:center;}
.m-search-suggestion-loading{grid-column:1 / -1;color:#999;font-size:13px;}
.m-search-results{padding-bottom:calc(20px + var(--m-safe-bottom));}