html{scroll-padding-top:130px}body{overflow-wrap:anywhere}.notice{padding:3px 12px;font-size:10px}.mast{padding-top:13px;padding-bottom:13px}.brand b{font-size:19px}.brand small{letter-spacing:.09em}.browse-tools{position:sticky;top:0;background:#f6f4eef5;backdrop-filter:blur(12px);z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0 0}.searchrow{border:1px solid #c9cdc3;background:var(--white);border-radius:6px;padding:0 5px 0 12px;gap:10px}.searchrow input{font-size:16px;min-height:48px}.searchrow button{min-height:44px;padding:0 18px}.searchicon{display:flex;align-items:center}.searchrow #filterToggle{background:transparent;color:var(--ink);border-left:1px solid var(--line);border-radius:0;display:flex;align-items:center;gap:4px;padding:0 10px}.quick{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin-top:3px;gap:6px;padding-bottom:3px;scrollbar-width:thin}.quick button{min-height:44px;border:0;background:none;border-radius:5px;flex-shrink:0;padding:0 12px;font-size:12px}.quick button[aria-pressed=true]{background:var(--green);color:white}.section-tabs{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;border-bottom:1px solid var(--line)}.section-tabs button{border:0;background:none;min-height:48px;color:var(--muted);font-size:13px;padding:0 2px;flex-shrink:0}.section-tabs .active{box-shadow:inset 0 -2px var(--green);color:var(--green);font-weight:700}.catalog-head{padding:11px 0;gap:8px}.catalog-head h1{font-size:19px;margin:0;white-space:nowrap}.catalog-head .count{margin:0;font-size:12px}.sort{margin-left:auto;min-height:44px;font-size:12px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px;min-width:0;overflow-x:clip}.card{border-bottom:1px solid var(--line);padding-bottom:13px}.cover{aspect-ratio:1.5}.cover-word{font-size:24px;top:32%;overflow-wrap:normal}.cover-mark{font-size:9px}.card h3{font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em;margin:2px 0 0}.cardline{align-items:start;gap:0}.heart{min-width:44px;min-height:44px;border-radius:5px;flex-shrink:0}.meta{font-size:12px}.price{font-size:14px}.price small{font-size:11px}.badge{font-size:11px;min-height:20px;margin-top:8px}.duration{font-size:10px}.play{font-size:10px}.active-filters{font-size:12px;display:flex;justify-content:space-between;gap:6px;align-items:center;margin:0 0 12px;padding:5px 10px;background:#e8ede5;border-radius:5px}.active-filters[hidden]{display:none}.active-filters button,.empty button{min-height:44px;background:transparent;border:0;text-decoration:underline;color:var(--green)}#loadArea{text-align:center;padding:25px 0 5px}#loadMore{min-height:48px;border:1px solid var(--green);border-radius:5px;background:var(--white);padding:10px 36px;color:var(--green)}#loadStatus{font-size:12px;color:var(--muted);min-height:21px}.autoflow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px}.autoflow input{width:17px;height:17px;accent-color:var(--green)}.footer{padding-bottom:95px}.mobile-nav svg{display:block;margin:auto}.mobile-nav span{display:block;margin-top:4px}.mobile-nav b{font-weight:400}.mobile-nav button{min-height:48px;min-width:70px;font-size:10px}.toast{bottom:85px}.sheet-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}.sheet-top h2{font-size:20px;font-family:inherit;margin:0}.sheet-body{overflow-y:auto;max-height:60dvh}.fieldset{padding:14px 0}.fieldset legend{font-size:14px}.fieldset label{min-height:44px;font-size:14px}.fieldset select{font-size:16px;min-height:44px}.sheet-bottom{display:flex;gap:10px;margin-top:18px}.sheet-bottom button{min-height:48px;border:1px solid var(--green);border-radius:5px;background:transparent;padding:10px 15px;color:var(--green)}#applyFilters{background:var(--green);color:white;flex:1}dialog{max-height:90dvh;overflow-y:auto}body:has(dialog[open]){overflow:hidden}#filterSheet{padding:22px}#detailTitle{overflow-wrap:anywhere}.empty button{display:block;margin:8px auto 0;font-size:14px}.cover:focus-visible,.heart:focus-visible{outline-offset:-3px}.empty{padding:28px 12px}.saved-empty{padding:25px}
@media(max-width:1100px) and (min-width:761px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wrap{padding-left:14px;padding-right:14px}.mast{padding-top:10px;padding-bottom:10px}.brand b{font-size:16px}.brand small{font-size:8px;letter-spacing:.04em}.monogram{height:31px;width:26px}.notice{font-size:10px}.browse-tools{padding-top:7px}.searchrow{gap:6px;padding-left:9px}.searchrow input{font-size:16px;min-height:46px}.searchrow button{font-size:12px;padding:0 10px}.searchrow #filterToggle{padding:0 7px;min-width:48px}.searchicon svg{width:18px;height:18px}.quick{gap:3px;margin-top:2px;padding-bottom:2px}.quick button{font-size:12px;padding:0 10px;min-height:44px}.section-tabs{gap:20px}.section-tabs button{font-size:12px;min-height:44px}.catalog-head{padding:7px 0;flex-wrap:nowrap;gap:6px}.catalog-head h1{font-size:16px}.catalog-head .count{font-size:11px;white-space:nowrap}.sort{font-size:11px;max-width:120px;padding:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;overflow-x:clip}.cover{aspect-ratio:1.2}.cover-word{font-size:18px;letter-spacing:.04em;left:11px;top:31%}.cover-mark{font-size:7px;left:11px}.play{font-size:9px;left:8px;bottom:9px}.duration{font-size:9px;bottom:8px;right:6px}.badge{font-size:10px}.card h3{font-size:13px;min-height:3.4em;line-height:1.7}.meta{font-size:11px}.price{font-size:14px;margin-top:6px}.price small{font-size:10px}.heart{min-width:44px;min-height:44px;font-size:24px;margin:0}.cardline{gap:1px}.fineprint{font-size:11px;line-height:1.9}.mobile-nav{padding-top:5px;padding-bottom:max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}#filterSheet{margin:auto 0 0;width:100%;max-width:100%;border-radius:15px 15px 0 0;padding:18px 20px max(20px,env(safe-area-inset-bottom));max-height:90dvh}.sheet-body{max-height:58dvh}.active-filters{font-size:11px}.footer{padding-bottom:105px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


[hidden]{display:none!important}

.view-controls{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;align-items:center}.view-controls label{display:flex;align-items:center;min-height:44px;gap:6px}.view-controls input{width:18px;height:18px;accent-color:var(--green)}.cover{background:#ecebe5;display:grid;place-items:center;color:var(--muted)}.cover img{width:100%;height:100%;object-fit:contain;display:block}.cover .no-image{font-size:12px;text-align:center;padding:12px}.cardline h3{min-width:0}.meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}.card .info{color:var(--muted);font-size:10px;margin:6px 0 0}.badge{color:var(--green)}.detail-actions{display:grid;gap:10px}.detail-actions a,.detail-actions button{display:block;min-height:48px;border:1px solid var(--green);border-radius:5px;padding:12px;text-align:center;background:var(--green);color:white}.detail-actions a.secondary{background:transparent;color:var(--green)}.dialog-meta{white-space:pre-line;overflow-wrap:anywhere;font-size:13px;margin:12px 0 18px}.age-no{display:block;background:transparent;border:1px solid var(--line);margin-top:12px;padding:12px;width:100%;min-height:48px}.detail-actions a[aria-disabled=true]{background:#e6e5df;color:#656b66;border-color:#d1d4cc;pointer-events:none}.qa-note{font-size:11px}#ageGate .official{width:100%;min-height:48px}#detail h2{font-family:inherit;font-size:19px}#detail{overflow-wrap:anywhere}.catalog-head h1{font-size:16px} @media(max-width:760px){.catalog-head{flex-wrap:wrap}.catalog-head .count{margin-right:auto}.catalog-head .sort{max-width:145px}.card h3{font-size:12px}.view-controls span{font-size:10px}.cover{aspect-ratio:1.45}.view-controls{gap:4px}}

.cover,.cover:hover{filter:none;transition:none;border-radius:0} .qa-diagnostics{font-size:11px;color:var(--muted);margin-top:18px}.qa-diagnostics summary{min-height:44px;cursor:pointer}.qa-diagnostics output{display:block;padding-bottom:12px}

.card-sample{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;border:1px solid var(--line);color:var(--green);font-size:11px;gap:6px}.card .info{overflow-wrap:anywhere}