.app{padding:var(--sp-md);max-width:var(--layout-max, 1200px);margin:0 auto;font-family:var(--font-body, system-ui, -apple-system, Segoe UI, Roboto, sans-serif);color:var(--fg, #111);background:var(--bg, #fff)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-md)}.app-brand{display:flex;align-items:center;gap:var(--sp-sm);background:none;border:none;cursor:pointer;padding:0;color:inherit}.app-brand:focus{outline:2px solid var(--focus, #6aa7ff);outline-offset:2px}.app-logo{font-size:22px}.app-title{font-size:18px;font-weight:700;margin:0}.app-tools{display:flex;align-items:center;gap:var(--sp-sm)}.app-search{padding:8px 10px;width:min(400px,50vw);border-radius:var(--r-md, 8px);border:1px solid var(--border, #ddd);background:var(--input-bg, #fff);color:inherit;font-size:14px}.app-search:focus{outline:2px solid var(--focus, #6aa7ff);outline-offset:2px}.app-loginBtn{background:var(--btn-primary-bg, #111);color:var(--btn-primary-fg, #fff);border-radius:999px;border:1px solid var(--btn-primary-border, #111);padding:8px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.app-loginBtn:hover{background:#222}.app-userPill{background:var(--pill-bg, #f5f5f5);border:1px solid var(--pill-border, #e5e5e5);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--pill-fg, #333)}.app-main{display:block}.app-error{text-align:center;color:#c62828;margin-top:var(--sp-md);font-size:14px}html[data-theme=dark] .app{--bg: #0f1113;--fg: #e9edf1;--border: #2a2f35;--input-bg: #15181b;--focus: #3b82f6;--btn-primary-bg: #e9edf1;--btn-primary-fg: #0f1113;--btn-primary-border: #e9edf1;--pill-bg: #161a1d;--pill-border: #2a2f35;--pill-fg: #cfd6dd;background:var(--bg);color:var(--fg)}html[data-theme=dark] .app-search{border-color:var(--border);background:var(--input-bg)}html[data-theme=dark] .app-loginBtn{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}html[data-theme=dark] .app-loginBtn:hover{opacity:.9}html[data-theme=dark] .app-userPill{background:var(--pill-bg);border-color:var(--pill-border);color:var(--pill-fg)}html[data-theme=dark] .app-error{color:#ff6b6b}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .app{--bg: #0f1113;--fg: #e9edf1;--border: #2a2f35;--input-bg: #15181b;--focus: #3b82f6;--btn-primary-bg: #e9edf1;--btn-primary-fg: #0f1113;--btn-primary-border: #e9edf1;--pill-bg: #161a1d;--pill-border: #2a2f35;--pill-fg: #cfd6dd;background:var(--bg);color:var(--fg)}html:not([data-theme=light]) .app-search{border-color:var(--border);background:var(--input-bg)}html:not([data-theme=light]) .app-loginBtn{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border)}html:not([data-theme=light]) .app-loginBtn:hover{opacity:.9}html:not([data-theme=light]) .app-userPill{background:var(--pill-bg);border-color:var(--pill-border);color:var(--pill-fg)}html:not([data-theme=light]) .app-error{color:#ff6b6b}}.favoriteList{margin-top:10px;padding-left:10px}.favoriteList.compact{margin-top:6px;padding-left:6px}.favoriteList-title{margin:0 0 6px;font-weight:700;font-size:14px}.favoriteList.compact .favoriteList-title{margin-bottom:4px;font-size:12px}.favoriteList-timestamps{display:flex;flex-wrap:wrap;gap:8px}.favoriteList.compact .favoriteList-timestamps{gap:6px}.favoriteList-chip{background:#f5f5f5;border:1px solid #dcdcdc;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.favoriteList.compact .favoriteList-chip{padding:4px 8px;font-size:12px}.favoriteList-full{background:#ffdfe2;border:1px solid #eab0b8;color:#8f1d2a;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.favoriteList.compact .favoriteList-full{padding:4px 8px;font-size:12px}.ip{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-width:900px;-webkit-user-select:none;user-select:none}.ip-viewer{position:relative;width:100%;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}.ip-pan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.ip-img{max-width:100%;max-height:100%;outline:none}.ip-overlay-guard{position:absolute;top:0;right:0;bottom:0;left:0}.ip-watermark{position:absolute;bottom:8px;right:12px;font-size:12px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.ip-ctrls{display:flex;align-items:center;gap:8px}.ip-btn,.ip-favBtn{background:#f5f5f5;color:#111;border-radius:8px;border:1px solid #ddd;padding:8px 12px;font-size:14px;cursor:pointer}.ip-spacer{flex:1}.ip-status,.ip-error{color:#fff}.ip-close{position:absolute;top:10px;right:12px;font-size:18px;background:transparent;border:none;color:#fff;cursor:pointer}.lg-app{padding:12px;max-width:1200px;margin:0 auto}.lg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lg-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.lg-logo{font-size:22px}.lg-title{margin:0;font-size:18px}.lg-tools{display:flex;align-items:center;gap:8px}.lg-searchWrap{display:block}.lg-searchInput{padding:8px 10px;width:min(400px,50vw);border-radius:8px;border:1px solid #ddd;font-size:14px}.lg-loginBtn{background:#111;color:#fff;border-radius:999px;border:1px solid #111;padding:8px 14px;font-size:14px;font-weight:700;cursor:pointer}.lg-userPill{background:#f5f5f5;border:1px solid #e5e5e5;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.lg-main{display:block}.lg-error{text-align:center;color:red;margin-top:10px}.pc-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.pc-card:focus{outline:2px solid #111;outline-offset:2px}.pc-thumbWrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#f7f7f7;overflow:hidden;-webkit-user-select:none;user-select:none}.pc-thumbImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pc-thumbFallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#888;background:linear-gradient(180deg,#fafafa,#f0f0f0)}.pc-ribbonOwned{position:absolute;top:10px;left:-40px;transform:rotate(-30deg);background:#16a34a;color:#fff;padding:4px 40px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #00000026;-webkit-user-select:none;user-select:none;pointer-events:none}.pc-lockOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px;background:linear-gradient(to bottom,#00000040,#0000 40%)}.pc-lockIcon{font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.pc-favBtn{position:absolute;top:8px;right:8px;border:1px solid #ddd;border-radius:999px;padding:6px 8px;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0000001a;background:#ffffffd9}.pc-favBtn[data-active=true]{background:#fffffff2}.pc-cardBody{padding:10px;display:flex;flex-direction:column;gap:6px}.pc-title{margin:0;font-size:14px;line-height:1.25;font-weight:700;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-metaRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:24px}.pc-priceChip{background:#111;color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.pc-ownedChip{background:#e8f8ee;color:#16a34a;border:1px solid #bfe9cf;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.pc-countChip{background:#f5f5f5;color:#444;border:1px solid #e5e5e5;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600}.pd{padding:16px}.pd-status{text-align:center;padding:20px}.pd-error{text-align:center;padding:20px;color:red}.pd-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pd-headerRight{text-align:right}.pd-btnPrimary{background:#111;color:#fff;border-radius:8px;border:1px solid #111;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer}.pd-btnSecondary{background:#fff;color:#111;border-radius:8px;border:1px solid #ddd;padding:8px 12px;font-size:14px;cursor:pointer}.pd-priceChip{background:#111;color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;margin-left:8px}.pd-ownedChip{background:#e8f8ee;color:#16a34a;border:1px solid #bfe9cf;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;margin-left:8px}.pd-intro{margin-top:12px}.pd-title{margin:0;font-size:22px}.pd-description{margin-top:8px;color:#444;white-space:pre-wrap}.pd-cta{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-top:12px}.pd-ctaText{margin:0}.pd-section{margin-top:20px}.pd-sectionTitle{margin:0 0 12px;font-size:16px}.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:stretch}.pd-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.pd-card:focus{outline:2px solid #111;outline-offset:2px}.pd-thumbWrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#f7f7f7;overflow:hidden}.pd-thumbImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pd-thumbFallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#888;background:linear-gradient(180deg,#fafafa,#f0f0f0)}.pd-badgeVideo{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;border-radius:6px;padding:2px 6px;font-size:12px}.pd-cardBody{padding:10px}.pd-cardTitle{margin:0;font-size:13px;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-wrap{width:100%}.mg-loading{text-align:center;padding:12px 0;font-size:16px;opacity:.8}.mg-empty{text-align:center;padding:16px 0;opacity:.7}.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:stretch}.mg-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}.mg-card:focus{outline:2px solid #111;outline-offset:2px}.mg-thumbWrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#f7f7f7;overflow:hidden}.mg-thumbImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mg-thumbFallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#888;background:linear-gradient(180deg,#fafafa,#f0f0f0)}.mg-ribbonOwned{position:absolute;top:10px;left:-40px;transform:rotate(-30deg);background:#16a34a;color:#fff;padding:4px 40px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #00000026;-webkit-user-select:none;user-select:none;pointer-events:none}.mg-lockOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px;background:linear-gradient(to bottom,#00000040,#0000 40%)}.mg-lockIcon{font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.mg-favBtn{position:absolute;top:8px;right:8px;border:1px solid #ddd;border-radius:999px;padding:6px 8px;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0000001a;background:#ffffffd9}.mg-favBtn[data-active=true]{background:#fffffff2}.mg-cardBody{padding:10px;display:flex;flex-direction:column;gap:6px}.mg-titleRow{display:flex;align-items:center;gap:6px}.mg-title{margin:0;font-size:14px;line-height:1.25;font-weight:700;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mg-metaRow{display:flex;align-items:center;gap:8px;min-height:24px}.mg-priceChip{background:#111;color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.mg-ownedChip{background:#e8f8ee;color:#16a34a;border:1px solid #bfe9cf;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.mg-favListWrap{padding:6px 2px 0}.vp{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-width:900px;-webkit-user-select:none;user-select:none}.vp-player{position:relative;width:100%;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}.vp-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;outline:none}.vp-watermark{position:absolute;bottom:8px;right:12px;font-size:12px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}.vp-controls{display:flex;align-items:center;gap:12px}.vp-playBtn{background:#fff;color:#111;border-radius:8px;border:1px solid #ddd;padding:8px 12px;font-size:14px;cursor:pointer}.vp-sliderWrap{flex:1;display:flex;flex-direction:column;gap:6px}.vp-slider{width:100%}.vp-timeRow{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px;opacity:.9}.vp-favRow{display:flex;align-items:center;gap:10px}.vp-favBtn,.vp-tsAddBtn{background:#f5f5f5;color:#111;border-radius:8px;border:1px solid #ddd;padding:8px 12px;font-size:14px;cursor:pointer}.vp-tsWrap{display:flex;flex-direction:column;gap:8px}.vp-tsTitle{color:#fff;font-weight:700;margin:0}.vp-tsChips{display:flex;flex-wrap:wrap;gap:8px}.vp-tsChip{background:#eee;border:1px solid #aaa;border-radius:8px;padding:6px 10px;cursor:pointer}.vp-closeBtn{position:absolute;top:10px;right:12px;font-size:18px;background:transparent;border:none;color:#fff;cursor:pointer}