.yg-cat{font-family:inherit;color:#3a2340;max-width:1200px;margin:8px auto 32px;padding:0 20px;box-sizing:border-box}
.yg-cat-intro{margin:0 0 14px;font-size:16px;line-height:1.6;color:#4b4450;max-width:820px}
.yg-cat-count{margin:0 0 16px;font-size:15px;color:#6f6a73}
.yg-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.yg-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e0ea;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(40,20,50,.05)}
.yg-cat-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f3eff5}
.yg-cat .yg-cat-img img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;margin:0;border-radius:0}
.yg-cat-tag{position:absolute;top:10px;left:10px;background:#fff;color:#56245d;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.yg-cat-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.yg-cat .yg-cat-body h3{margin:0;font-size:17px;line-height:1.3;font-weight:600;color:#3a2340;text-transform:none;letter-spacing:0}
.yg-cat-meta{margin:0;font-size:13.5px;color:#6f6a73}
.yg-cat-desc{margin:0;font-size:14px;line-height:1.5;color:#4b4450}
.yg-cat .yg-cat-btn{margin-top:auto;align-self:flex-start;display:inline-block;padding:9px 18px;border-radius:999px;border:1.5px solid #84378f;background:#84378f;color:#fff!important;font-size:14.5px;font-weight:600;line-height:1.3;text-decoration:none!important}
.yg-cat .yg-cat-btn:hover{background:#56245d;border-color:#56245d}
.yg-cat .yg-cat-btn.yg-cat-alt{background:#fff;color:#84378f!important}
.yg-cat .yg-cat-btn.yg-cat-alt:hover{background:#f6eff8;color:#56245d!important;border-color:#56245d}
.yg-cat .yg-cat-btn:focus-visible,.yg-cat .yg-cat-more:focus-visible,.yg-cat .yg-cat-reset:focus-visible{outline:2px solid #b88fd3;outline-offset:2px}
.yg-cat .yg-cat-more{display:block;margin:24px auto 0;padding:11px 26px;border-radius:999px;border:1.5px solid #84378f;background:#fff;color:#84378f;font:inherit;font-weight:600;cursor:pointer}
.yg-cat .yg-cat-more:hover{background:#84378f;color:#fff}
.yg-cat .yg-cat-more:focus{background:#fff;color:#84378f}
.yg-cat .yg-cat-more[disabled]{opacity:.6;cursor:wait}
.yg-cat-all{margin:22px 0 0;text-align:center;font-size:15px}
.yg-cat .yg-cat-all a{color:#84378f;font-weight:600;text-decoration:none}
.yg-cat .yg-cat-all a:hover{text-decoration:underline}
.yg-cat-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.yg-cat-f{position:relative}
.yg-cat-f span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.yg-cat-f.yg-cat-on span{clip:auto;width:auto;height:auto;overflow:visible;top:-8px;left:14px;padding:0 5px;background:#fff;font-size:11px;font-weight:600;line-height:1.3;color:#84378f;border-radius:4px;z-index:1}
.yg-cat .yg-cat-f.yg-cat-on select{border-color:#b88fd3}
.yg-cat .yg-cat-f select,.yg-cat .yg-cat-f input{font:inherit;font-size:14.5px;color:#3a2340;background-color:#fff;border:1px solid #d9d0de;border-radius:999px;padding:9px 34px 9px 14px;min-height:42px;box-sizing:border-box;max-width:100%;margin:0}
.yg-cat .yg-cat-f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#84378f 50%),linear-gradient(135deg,#84378f 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.yg-cat-q{flex:1 1 220px}.yg-cat .yg-cat-q input{width:100%;padding-right:14px}
.yg-cat .yg-cat-f select:focus,.yg-cat .yg-cat-f input:focus{outline:2px solid #b88fd3;outline-offset:1px;border-color:#b88fd3}
.yg-cat .yg-cat-toggle{border:1px solid #d9d0de;background:#fff;color:#84378f;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;padding:9px 16px;border-radius:999px;min-height:42px}
.yg-cat .yg-cat-toggle:hover,.yg-cat .yg-cat-toggle:focus{background:#f6eff8;color:#56245d;border-color:#b88fd3}
.yg-cat .yg-cat-toggle::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.yg-cat .yg-cat-toggle[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
.yg-cat-extra{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.yg-cat-extra[hidden]{display:none}
.yg-cat .yg-cat-reset{border:0;background:none;color:#84378f;font:inherit;font-weight:600;cursor:pointer;padding:6px 4px}
.yg-cat .yg-cat-reset:hover,.yg-cat .yg-cat-reset:focus{text-decoration:underline;background:none;color:#56245d}
.yg-cat .yg-cat-reset[hidden]{display:none}
.yg-cat-loading .yg-cat-grid{opacity:.45;transition:opacity .15s}
.yg-cat-login{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:11px 16px;background:#f8f2f9;border:1px solid #ecdcef;border-radius:12px;font-size:15px;line-height:1.45;color:#3a2340}
.yg-cat .yg-cat-login[hidden]{display:none}
.yg-cat-login svg{width:18px;height:18px;flex:none;margin-top:2px;color:#84378f}
.yg-cat-login span{min-width:0}
.yg-cat .yg-cat-login a{color:#84378f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.yg-cat-card{position:relative;transition:box-shadow .15s,border-color .15s}
.yg-cat-card:hover{border-color:#d9c3e0;box-shadow:0 10px 26px rgba(40,20,50,.10)}
.yg-cat .yg-cat-open{color:inherit;text-decoration:none!important}
.yg-cat .yg-cat-open::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.yg-cat .yg-cat-open:focus{outline:none}
.yg-cat .yg-cat-open:focus-visible::after{outline:2px solid #b88fd3;outline-offset:-3px;border-radius:16px}
.yg-cat-card:hover .yg-cat-open{color:#84378f}
.yg-cat .yg-cat-btn{position:relative;z-index:2}
.yg-lez{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:inherit;color:#3a2340}
.yg-lez[hidden]{display:none}
.yg-lez-back{position:absolute;inset:0;background:rgba(40,20,50,.55)}
.yg-lez-box{position:relative;width:100%;max-width:760px;max-height:100%;max-height:min(100%,100dvh);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(30,10,40,.35);overscroll-behavior:contain}
.yg-lez .yg-lez-x{position:sticky;top:12px;z-index:3;width:40px;height:40px;padding:0;margin:12px 12px -52px auto;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#3a2340;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.yg-lez .yg-lez-x:hover{background:#fff;color:#84378f}
.yg-lez .yg-lez-x:focus-visible{outline:2px solid #b88fd3;outline-offset:2px}
.yg-lez-x svg{width:18px;height:18px}
.yg-lez-img{position:relative;aspect-ratio:16/9;background:#f3eff5;border-radius:18px 18px 0 0;overflow:hidden}
.yg-lez .yg-lez-img img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;margin:0;border-radius:0}
.yg-lez-img[data-noimg] img{display:none}
.yg-lez-tag{position:absolute;top:14px;left:14px;background:#fff;color:#56245d;font-size:13px;font-weight:700;padding:4px 11px;border-radius:999px}
.yg-lez-tag[hidden]{display:none}
.yg-lez-body{padding:22px 28px 8px}
.yg-lez-foot{position:sticky;bottom:0;z-index:1;background:#fff;padding:14px 28px 18px;border-top:1px solid #efe8f2;box-shadow:0 -8px 18px rgba(255,255,255,.9)}
.yg-lez .yg-lez-body h2{margin:0 0 6px;font-family:inherit;font-size:25px;line-height:1.25;font-weight:600;color:#3a2340;text-transform:none;letter-spacing:0}
.yg-lez-meta{margin:0 0 14px;font-size:15px;color:#6f6a73}
.yg-lez-tags{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:0}
.yg-lez-tags[hidden]{display:none}
.yg-lez-tags div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.yg-lez-tags dt{font-size:13px;font-weight:600;color:#6f6a73;margin:0 4px 0 0}
.yg-lez-tags dd{margin:0;font-size:13px;background:#f6eff8;color:#56245d;padding:3px 10px;border-radius:999px}
.yg-lez-desc{font-size:15.5px;line-height:1.65;color:#4b4450}
.yg-lez .yg-lez-desc p{margin:0 0 10px}
.yg-lez-act{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.yg-lez .yg-lez-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;border:1.5px solid #84378f;background:#84378f;color:#fff!important;font-size:15.5px;font-weight:600;line-height:1.25;text-decoration:none!important;text-align:center}
.yg-lez .yg-lez-btn:hover{background:#56245d;border-color:#56245d}
.yg-lez .yg-lez-btn.yg-lez-alt{background:#fff;color:#84378f!important}
.yg-lez .yg-lez-btn.yg-lez-alt:hover{background:#f6eff8;color:#56245d!important;border-color:#56245d}
.yg-lez .yg-lez-btn:focus-visible{outline:2px solid #b88fd3;outline-offset:2px}
.yg-lez-btn small{font-size:12.5px;font-weight:500;opacity:.85}
.yg-lez-login{margin:10px 0 0;font-size:14px;color:#4b4450}
.yg-lez-login[hidden]{display:none}
.yg-lez .yg-lez-login a{color:#84378f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html.yg-lez-open,html.yg-lez-open body{overflow:hidden}
@media (max-width:600px){.yg-cat-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yg-cat-q{grid-column:1/-1}.yg-cat .yg-cat-toggle{grid-column:1/-1;justify-self:start}.yg-cat-extra{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.yg-cat .yg-cat-reset{grid-column:1/-1;justify-self:start}.yg-cat .yg-cat-f select,.yg-cat .yg-cat-f input{width:100%;font-size:16px;padding-left:12px}
.yg-cat{padding:0 16px}.yg-cat-intro{font-size:15px}.yg-cat-login{font-size:14.5px;padding:10px 14px}.yg-cat-grid{gap:12px}.yg-cat-card{flex-direction:row;border-radius:14px}
.yg-cat-img{flex:0 0 36%;aspect-ratio:auto;min-height:118px}.yg-cat-tag{top:6px;left:6px;font-size:11px;padding:2px 7px}
.yg-cat-body{padding:10px 12px 12px;gap:4px}.yg-cat .yg-cat-body h3{font-size:15.5px}.yg-cat-meta{font-size:12.5px}
.yg-cat-desc{display:none}.yg-cat .yg-cat-btn{padding:6px 14px;font-size:13.5px;margin-top:6px}
.yg-lez{padding:0;align-items:flex-end}.yg-lez-box{max-height:94vh;max-height:min(94dvh,100%);border-radius:18px 18px 0 0}.yg-lez-img{border-radius:18px 18px 0 0}
.yg-lez-body{padding:18px 18px 6px}.yg-lez-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}.yg-lez .yg-lez-body h2{font-size:21px}.yg-lez-meta{font-size:14px}.yg-lez-desc{font-size:15px}
.yg-lez-act{flex-direction:column;align-items:stretch;gap:8px}.yg-lez .yg-lez-btn{width:100%;box-sizing:border-box;padding:10px 18px}}