@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url("/fonts/dm-sans-latin-wght-normal.woff2") format("woff2")}
:root{font-family:'DM Sans',Arial,sans-serif;color:#171717;background:#fff;font-synthesis:none;--bg:#fff;--fg:#171717;--muted:#898989;--line:#ededeb;--soft:#f7f7f5;--yellow:#ffda70}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b48813;outline-offset:4px}button:disabled{cursor:default}.header{height:87px;display:flex;align-items:center;gap:44px;padding:0 36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;white-space:nowrap;gap:7px}.brand svg{width:36px;height:25px;margin-right:2px}.brand strong{font-size:19px;font-weight:650;letter-spacing:-.65px}.brand small{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.online,.live-dot{height:7px;width:7px;border-radius:100%;background:#4cba8b}.online{margin-left:2px;margin-right:-3px}.search-trigger{display:flex;align-items:center;gap:12px;color:#989898;font-size:13px;text-align:left}.search-trigger>span:first-child{font-size:27px}.search-trigger kbd{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:3px 5px;margin-left:24px}.header-end{margin-left:auto;display:flex;align-items:center;gap:10px}.lab-link{font-size:12px;margin-right:12px}.circle{height:36px;min-width:36px;border-radius:50%;display:inline-grid;place-items:center;background:var(--soft);font-size:12px}.toolbar{display:flex;gap:18px;align-items:center;padding:22px 36px 26px;position:sticky;top:0;background:var(--bg);z-index:5}.toolbar select,.pause{border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--fg);height:35px;padding:0 12px;font-size:12px;max-width:180px}.categories{display:flex;gap:5px;overflow:auto;scrollbar-width:none;flex:1;mask-image:linear-gradient(to right,#000 94%,transparent)}.category{flex-shrink:0;color:var(--muted);padding:8px 12px;border-radius:24px;font-size:12px;white-space:nowrap}.category span{font-size:10px;opacity:.7;margin-left:5px}.category[aria-pressed=true]{color:var(--fg);background:var(--soft)}.toolbar-end{display:flex;gap:8px}.pause{font-size:15px;width:35px;padding:0}.gallery{padding:0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;align-items:start}.intro{min-height:260px;padding:15px 16px 10px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.intro h1{font-size:30px;letter-spacing:-1.25px;line-height:1.12;font-weight:650;margin:0 0 12px}.intro>p{font-size:14px;line-height:1.45;color:var(--muted);max-width:350px;margin:0 0 20px}.intro-actions{display:flex;gap:8px}.button{border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;font-size:12px;box-shadow:0 1px 2px #00000005;white-space:nowrap;background:var(--bg);color:var(--fg)}.button:hover{border-color:#cecec9}.yellow{background:var(--yellow);border-color:#f3d16c;color:#211c0b;box-shadow:inset 0 -2px 0 #00000007}.intro-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:20px}.intro-note .live-dot{height:5px;width:5px}.powered{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-top:16px;line-height:1.5}.powered b{font-size:11px;color:var(--fg);font-weight:500}.sand-icon{height:30px;width:30px;display:grid;place-items:center;background:var(--soft);border:1px dashed #d3d3cb;border-radius:8px;font-size:16px;color:var(--fg);font-weight:650}.card{position:relative;min-width:0}.cover{display:block;position:relative;width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--soft);cursor:pointer}.cover>img,.cover>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover>video{opacity:0;transition:opacity .2s}.cover>video.playing{opacity:1}.cover:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0005);opacity:0;transition:opacity .2s;pointer-events:none}.card:hover .cover:after{opacity:1}.duration{position:absolute;right:10px;top:10px;background:#0005;border-radius:4px;padding:3px 5px;color:#fff;font-size:9px;z-index:1}.card-actions{position:absolute;right:10px;bottom:40px;display:flex;gap:5px;z-index:2;opacity:0;transition:opacity .2s}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1}.card-actions button{background:#ffffffed;border:1px solid #ffffff6b;border-radius:6px;width:30px;height:29px;font-size:15px;color:#171717}.card-actions button[aria-pressed=true]{background:var(--yellow)}.card-meta{height:31px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:6px 2px}.avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;background:var(--soft)}.card-meta a:hover{color:var(--fg)}.model-tag{margin-left:auto;color:var(--muted);font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:48%}.collection-bottom{display:flex;align-items:center;flex-direction:column;gap:20px;padding:40px 20px 65px;color:var(--muted);font-size:12px}.empty{grid-column:2/-1;text-align:center;align-self:center;padding:80px 15px;color:var(--muted)}.loading{padding:100px 20px;color:var(--muted);font-size:13px}footer{margin:0 36px;padding:32px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:12px}footer p{color:var(--muted);font-size:11px}.footer-brand{font-weight:650;font-size:17px;letter-spacing:-.5px}.footer-brand span{font-weight:400;color:var(--muted)}.footer-links{display:flex;gap:24px;align-items:flex-start;font-size:11px}.footer-links button{padding:0;font:inherit}.credit{width:100%;font-size:10px!important;margin:8px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 24px 100px #0002}dialog::backdrop{background:#12121275;backdrop-filter:blur(5px)}#search-dialog{max-width:600px;width:calc(100% - 32px);margin-top:14vh;padding:18px}.search-box{display:flex;align-items:center;gap:12px}.search-box>span{font-size:28px;color:var(--muted)}.search-box input{flex:1;min-width:0;border:0;background:none;color:var(--fg);outline:none;font-size:15px}.search-box .circle{flex-shrink:0;font-size:20px}#search-dialog p{font-size:11px;color:var(--muted);margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line)}#detail{max-width:1100px;width:calc(100% - 40px);max-height:90vh;overflow:auto}.close{position:absolute;right:13px;top:13px;z-index:2;font-size:22px;background:#ffffffde;color:#171717}.detail-layout{display:grid;grid-template-columns:1.5fr 1fr;min-height:480px}.detail-player{background:#0e0e0e;display:flex;align-items:center;justify-content:center}.detail-player video{width:100%;max-height:80vh}.detail-info{padding:40px 28px 28px;min-width:0}.detail-info h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:15px 0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase}.author-line{display:flex;align-items:center;gap:8px;font-size:12px;margin:18px 0}.author-line .avatar{height:28px;width:28px}.stats{font-size:11px;color:var(--muted);border-block:1px solid var(--line);padding:12px 0;margin:18px 0}.post-text{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.prompt-note{font-size:10px;color:var(--muted);line-height:1.5}.detail-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.about-copy{padding:35px;max-width:620px;line-height:1.7;font-size:14px}.menu-panel{position:absolute;right:32px;top:72px;z-index:20;padding:8px;border:1px solid var(--line);background:var(--bg);box-shadow:0 12px 35px #0001;border-radius:10px;min-width:180px}.menu-panel>*{display:block;text-align:left;font-size:12px;padding:10px;width:100%;border-radius:5px}.menu-panel>*:hover{background:var(--soft)}[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(25px);background:var(--fg);color:var(--bg);font-size:12px;border-radius:25px;padding:12px 20px;z-index:100;opacity:0;transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translateX(-50%)}body.dark{--bg:#151515;--fg:#eee;--muted:#999;--line:#2b2b2b;--soft:#222;background:var(--bg);color:var(--fg)}@media(min-width:1600px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.header{gap:24px}.search-label{display:none}.search-trigger kbd{margin-left:0}.intro h1{font-size:26px}.intro-actions{flex-wrap:wrap}.intro>p{font-size:12px}.intro-note{line-height:1.6}.gallery{gap:14px}.intro{min-height:240px}.toolbar{gap:10px}.lab-link{display:none}}@media(max-width:760px){.header{height:72px;padding:0 20px;gap:20px}.header-end{gap:6px}.search-trigger kbd{display:none}.brand strong{font-size:17px}.brand small{font-size:11px}.brand svg{width:30px}.toolbar{padding:16px 20px 20px;gap:8px}.toolbar select{max-width:126px;font-size:11px}.category{font-size:11px;padding:8px}.gallery{padding:0 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intro{min-height:240px}.intro h1{font-size:25px}.intro-actions{gap:6px}.button{padding:9px 10px;font-size:11px}.detail-layout{grid-template-columns:1fr}.detail-player video{max-height:50vh}.detail-info{padding:24px}.footer-links{gap:15px;flex-wrap:wrap}footer{margin:0 20px}.card-actions{opacity:1;bottom:38px}.card-actions button{width:26px;height:26px}.card-meta{font-size:9px}.model-tag{font-size:8px}.empty{grid-column:auto}}@media(max-width:480px){.header{padding:0 16px;gap:12px;height:64px}.brand{gap:4px}.brand strong{font-size:16px}.brand svg{width:32px}.brand small{font-size:10px}.header-end{gap:5px}.circle{height:33px;min-width:33px}.search-trigger>span:first-child{font-size:26px}.toolbar{padding:10px 16px 18px}.toolbar select{max-width:112px}.toolbar-end select{max-width:80px}.gallery{grid-template-columns:1fr;padding:0 16px;gap:12px}.intro{min-height:0;padding:4px 0 12px}.intro h1{font-size:25px;letter-spacing:-.9px;margin:0 0 9px}.intro>p{font-size:14px;max-width:340px;margin-bottom:18px}.intro-actions{flex-wrap:nowrap}.intro-actions .button{font-size:12px;padding:10px 12px}.intro-note{margin-top:16px}.powered{display:none}.cover{aspect-ratio:16/10}.card-meta{font-size:11px;height:32px}.model-tag{font-size:9px}.card-actions{opacity:0}.card:focus-within .card-actions{opacity:1}.detail-info h2{font-size:22px}#detail{width:calc(100% - 20px);max-height:94vh}.empty{padding:35px 0}.brand .online{width:5px;height:5px}.footer-links{gap:15px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A quieter, distinct navigation treatment for MotionVideo.me. */
.header { height: 82px; gap: 32px; }
.brand-domain { color: #a69063; font-size: 16px; letter-spacing: -.5px; margin-left: -5px; }
.search-trigger { height: 38px; width: min(400px, 34vw); padding: 0 12px; gap: 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--soft); color: var(--muted); }
.search-trigger .search-icon { width: 17px; height: 17px; flex-shrink: 0; }
.search-trigger .search-label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.search-trigger kbd { margin-left: auto; flex-shrink: 0; border-color: transparent; }
.header-end { gap: 7px; }
.lab-link { color: var(--fg); font-size: 11px; }
.lab-by { color: var(--muted); margin-right: 3px; font-size: 10px; }
.header-end .circle { border: 1px solid var(--line); border-radius: 9px; background: var(--bg); }
.header-end .circle:hover, .header-end .circle[aria-expanded=true] { background: var(--soft); }
#menu svg { width: 19px; height: 19px; }
.toolbar { gap: 16px; padding-block: 18px 24px; }
.toolbar select, .pause { border-radius: 8px; background: var(--soft); }
.categories { gap: 3px; min-width: 0; }
.category { border-radius: 5px; padding: 9px 11px; position: relative; }
.category:hover { background: var(--soft); color: var(--fg); }
.category[aria-pressed=true] { background: transparent; font-weight: 550; }
.category[aria-pressed=true]::after { content: ''; position: absolute; height: 2px; left: 11px; right: 11px; bottom: 1px; border-radius: 2px; background: #d4af55; }
.menu-panel { top: 69px; right: 36px; min-width: 205px; padding: 8px; border-radius: 12px; }
.menu-panel .menu-caption { margin: 0 0 5px; padding: 9px 10px 12px; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 11px; font-weight: 600; letter-spacing: -.2px; }
.menu-panel .menu-caption span { color: #a69063; font-weight: 400; }
.menu-panel .menu-caption:hover { background: transparent; }
.menu-panel > button, .menu-panel > a { border-radius: 6px; }
@media (max-width: 1100px) {
  .header { gap: 24px; }
  .search-trigger { width: min(350px, 40vw); }
}
@media (max-width: 760px) {
  .header { height: 70px; gap: 16px; }
  .search-trigger { margin-left: auto; width: 36px; padding: 0; justify-content: center; flex-shrink: 0; }
  .search-trigger .search-label, .search-trigger kbd { display: none; }
  .header-end { margin-left: 0; }
  .brand-domain { font-size: 14px; }
  .toolbar { gap: 10px; }
  .menu-panel { top: 60px; right: 20px; }
}
@media (max-width: 480px) {
  .header { height: 65px; gap: 9px; }
  .brand-domain { font-size: 13px; margin-left: -2px; }
  .brand svg { width: 28px; }
  .header-end { gap: 5px; }
  .search-trigger { height: 33px; width: 33px; }
  .toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: 9px 16px 17px; gap: 10px; }
  .toolbar > select { justify-self: start; max-width: 170px; }
  .toolbar-end { grid-column: 2; grid-row: 1; }
  .categories { grid-row: 2; grid-column: 1 / -1; width: 100%; }
  .category { font-size: 11px; }
  .menu-panel { right: 16px; top: 56px; }
}

.brand-mark { width: 36px; height: 36px; object-fit: contain; margin-right: 3px; flex-shrink: 0; }
@media(max-width:760px) { .brand-mark { width: 32px; height: 32px; } }
@media(max-width:480px) { .brand-mark { width: 29px; height: 29px; margin-right: 1px; } }
