:root{--bg:#08090b;--panel:#101216;--line:#292c33;--text:#f6f4f1;--muted:#999ca5;--accent:#ff4f68;--accent-2:#ff8b63;--header:74px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans JP",sans-serif;min-height:100vh}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(140px);pointer-events:none;opacity:.13;z-index:-1}.ambient-one{width:460px;height:460px;background:#ef365d;top:5%;right:-200px}.ambient-two{width:400px;height:400px;background:#7447ff;top:50%;left:-250px}.site-header{height:var(--header);display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,9,11,.8);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Inter,sans-serif;font-weight:800;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:linear-gradient(145deg,var(--accent),var(--accent-2));clip-path:polygon(0 0,100% 0,72% 100%,27% 100%);font-size:15px;letter-spacing:0}.desktop-nav{display:flex;gap:4px;margin-left:5vw}.nav-link{background:none;border:0;padding:24px 16px;color:var(--muted);font-size:13px;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--accent);transform:scaleX(0);transition:.2s}.nav-link.active{color:#fff}.nav-link.active:after{transform:scaleX(1)}.header-actions{margin-left:auto;display:flex;gap:10px}.icon-button{border:1px solid var(--line);background:var(--panel);border-radius:999px;color:#ddd}.icon-button{width:42px;height:42px}.mobile-search{display:none}
.hero{min-height:530px;padding:70px max(4vw,calc((100vw - 1440px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow,.section-kicker{font:700 10px Inter,sans-serif;letter-spacing:.24em;color:var(--accent);margin:0 0 16px}.hero h1{font:800 clamp(40px,5vw,74px)/1.08 Inter,"Noto Sans JP",sans-serif;letter-spacing:-.045em;margin:0;max-width:760px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.hero-text{color:#a6a8af;line-height:1.9;font-size:14px;max-width:570px;margin:26px 0 30px}.hero-actions{display:flex;gap:12px}.primary-button,.ghost-button{border-radius:999px;padding:13px 22px;border:1px solid transparent;font-size:13px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--accent),#ff6a52);box-shadow:0 10px 35px rgba(255,79,104,.2)}.ghost-button{background:rgba(255,255,255,.04);border-color:var(--line)}.hero-art{height:390px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-a{width:240px;height:240px;right:14%;top:5%;background:radial-gradient(circle at 35% 30%,#ffad78,#d52f62 48%,#401a50 80%);box-shadow:0 0 100px rgba(235,64,98,.28)}.orb-b{width:110px;height:110px;right:4%;bottom:8%;border:1px solid rgba(255,255,255,.12)}.film-card{position:absolute;width:210px;height:290px;border-radius:22px;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.5)}.film-card-back{right:34%;top:13%;transform:rotate(-13deg);background:linear-gradient(150deg,#2f223d,#13141a);display:grid;place-items:center;color:#5f556d;font:800 80px Inter}.film-card-front{right:13%;top:20%;transform:rotate(8deg);background:radial-gradient(circle at 75% 22%,rgba(255,133,102,.35),transparent 28%),linear-gradient(155deg,#5a1f36,#171219 56%,#0f1013);padding:25px;display:flex;flex-direction:column;justify-content:flex-end}.film-card-front small{font:600 8px Inter;letter-spacing:.22em;color:#ff9a9b}.film-card-front strong{font:800 36px/.87 Inter;margin-top:8px}.play-symbol{position:absolute;top:28px;right:28px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#16171b;font-size:12px}
.discovery{padding:0 max(4vw,calc((100vw - 1440px)/2)) 38px;display:flex;gap:20px;align-items:center}.search{height:48px;width:min(430px,100%);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 15px}.search:focus-within{border-color:#5e6068}.search input{min-width:0;flex:1;background:none;border:0;outline:0;color:#fff;font-size:13px}.search input::placeholder{color:#666a72}.search kbd{font:600 8px Inter;color:#70737b;border:1px solid #363940;border-radius:4px;padding:3px 5px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:transparent;color:#a7a9b0;border-radius:999px;padding:9px 14px;font-size:11px}.chip.active{background:#fff;color:#111;border-color:#fff}
.catalog-section{padding:42px max(4vw,calc((100vw - 1440px)/2)) 90px;border-top:1px solid rgba(255,255,255,.06)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font:700 clamp(24px,3vw,34px) Inter,"Noto Sans JP";margin:0;letter-spacing:-.03em}.section-heading .section-kicker{margin-bottom:8px}.result-count{font:500 10px Inter;color:#6f7279;letter-spacing:.12em}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.video-card{min-width:0}.thumb{aspect-ratio:16/10;border-radius:12px;position:relative;overflow:hidden;background:var(--art);border:1px solid rgba(255,255,255,.08);cursor:pointer}.thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,70%) var(--y,30%),rgba(255,255,255,.25),transparent 18%),linear-gradient(150deg,transparent 35%,rgba(0,0,0,.65));transition:.35s}.thumb:after{content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-8%;top:-25%}.thumb:hover:before{transform:scale(1.04);filter:saturate(1.2)}.duration,.rank-badge{position:absolute;bottom:9px;z-index:2;background:rgba(7,8,10,.78);backdrop-filter:blur(6px);font:600 9px Inter;padding:5px 7px;border-radius:5px}.duration{right:9px}.rank-badge{left:9px;color:#fff}.card-label{position:absolute;left:13px;bottom:12px;font:800 25px/.9 Inter;color:rgba(255,255,255,.28);letter-spacing:-.05em}.video-info{padding:12px 2px 0}.video-title{margin:0 0 7px;font-size:13px;line-height:1.5;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.video-title:hover{color:#ff7284}.video-meta{display:flex;justify-content:space-between;color:#777a82;font-size:10px}.video-meta span:last-child{color:#a6a8af}.pagination{display:flex;gap:7px;justify-content:center;margin-top:48px}.page-button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:#90939a;font:600 11px Inter}.page-button.active{background:#fff;color:#111;border-color:#fff}.sidebar{border-left:1px solid var(--line);padding-left:28px}.side-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.side-heading span{font:700 8px Inter;letter-spacing:.2em;color:var(--accent)}.side-heading h3{margin:5px 0 0;font-size:20px}.side-heading button{border:0;background:none;color:#787b83;font-size:9px}.trending-item{display:grid;grid-template-columns:22px 74px 1fr;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.trend-rank{font:700 14px Inter;color:#555962}.trending-item:nth-child(-n+3) .trend-rank{color:var(--accent)}.trend-thumb{height:46px;border-radius:6px;background:var(--art);position:relative;overflow:hidden}.trend-title{font-size:10px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trend-meta{font-size:8px;color:#747780;margin-top:4px}.notice{display:flex;gap:12px;padding:15px;margin-top:24px;background:#111318;border:1px solid var(--line);border-radius:12px}.notice>span{flex:none;display:grid;place-items:center;width:35px;height:35px;border:1px solid #4a4d55;border-radius:50%;font:700 10px Inter}.notice strong{font-size:10px}.notice p{font-size:8px;line-height:1.6;color:#777b83;margin:3px 0 0}.pagination:empty,.video-grid:empty{display:none}.empty-state{grid-column:1/-1;padding:80px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:#858890}.empty-state strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}
footer{border-top:1px solid var(--line);padding:35px 4vw 95px;display:flex;align-items:center;gap:30px;color:#666a72;font-size:9px}.footer-brand{font-size:11px;color:#fff}.footer-brand .brand-mark{width:25px;height:25px}footer p{flex:1}footer>div{display:flex;gap:18px}footer a{text-decoration:none}.mobile-nav{display:none}dialog{color:#fff;background:#121419;border:1px solid #30333a;border-radius:20px;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.8)}dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.dialog-close{position:absolute;z-index:5;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff;font-size:20px}.player-dialog{width:min(960px,calc(100% - 24px));background:#090a0c}.player-shell{padding:14px}.age-gate{position:fixed;inset:0;z-index:100;background:rgba(5,6,8,.94);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px;transition:.35s}.age-gate.hidden{opacity:0;visibility:hidden}.age-panel{width:min(450px,100%);padding:44px;text-align:center;background:linear-gradient(145deg,#17191e,#0e0f12);border:1px solid #2b2e35;border-radius:24px;box-shadow:0 35px 100px #000}.age-logo{margin:0 auto 25px;display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(145deg,var(--accent),var(--accent-2));clip-path:polygon(0 0,100% 0,72% 100%,27% 100%);font:800 22px Inter}.age-panel h2{font-size:29px;margin:0 0 15px}.age-panel>p:not(.eyebrow){color:#9598a0;font-size:12px;line-height:1.9}.age-panel .primary-button,.age-panel .ghost-button{width:100%;margin-top:8px}.age-panel small{display:block;color:#595c63;font-size:8px;line-height:1.6;margin-top:19px}.toast{position:fixed;right:24px;bottom:24px;z-index:120;background:#f5f3f0;color:#111;padding:12px 18px;border-radius:10px;font-size:11px;font-weight:700;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.2fr .8fr}.hero-art{transform:scale(.85);transform-origin:right}.catalog-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
@media(max-width:760px){:root{--header:62px}.site-header{padding:0 16px}.desktop-nav{display:none}.mobile-search{display:block}.hero{display:block;min-height:auto;padding:58px 20px 38px}.hero h1{font-size:43px}.hero-text{font-size:12px}.hero-art{height:280px;margin-top:20px;transform:scale(.78);transform-origin:center}.discovery{padding:0 20px 25px;display:block}.search{width:100%}.chips{margin-top:15px}.catalog-section{padding:32px 16px 90px}.catalog-layout{display:block}.video-grid{gap:24px 10px}.sidebar{display:none}.thumb{border-radius:9px}.video-title{font-size:11px}.video-meta{font-size:8px}.card-label{font-size:18px}.section-heading{align-items:center}.section-heading h2{font-size:25px}.result-count{font-size:8px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:25;bottom:0;left:0;right:0;height:66px;background:rgba(12,13,16,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:none;color:#6f727a;font-size:8px}.mobile-nav button span{display:block;font-size:18px;margin-bottom:3px}.mobile-nav button.active{color:#fff}.mobile-nav button.active span{color:var(--accent)}footer{display:block;text-align:center;padding-bottom:95px}footer .brand{justify-content:center}footer p{line-height:1.7}footer>div{justify-content:center}.detail-hero{padding:32px 24px;min-height:360px}.detail-data{padding:0 24px 28px;grid-template-columns:1fr 1fr}.detail-actions{flex-wrap:wrap}.age-panel{padding:35px 24px}.toast{bottom:82px;left:18px;right:18px;text-align:center}}
@media(max-width:390px){.hero h1{font-size:37px}.hero-actions{display:grid}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.hero-art{height:240px}.film-card{width:180px;height:250px}.film-card-front{right:4%}.film-card-back{right:35%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.video-card{display:block;width:100%;min-width:0;text-align:left;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}
.video-card .thumb{display:block}
.video-card .video-info{display:block}
.video-card .video-title{display:block}
.trending-item{width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);padding:11px 0;color:inherit;font:inherit;text-align:left}
.trending-item .trend-thumb{display:block}
.trending-item .trend-body{display:block;min-width:0}
.trending-item .trend-title{display:-webkit-box}
.trending-item .trend-meta{display:block}
.player-stage video{width:100%;height:100%;display:block;background:#000}
.player-stage video[hidden],.play-error[hidden]{display:none}
.play-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#090a0c;color:#fff;text-align:center}
.play-error p{margin:0;font-size:14px;color:#c9cbd1}


.player-code{font:700 10px Inter,sans-serif;letter-spacing:.18em;color:var(--accent);margin:0 0 4px}




@media(max-width:760px){.player-info{flex-wrap:wrap}.favorite-button{width:100%;text-align:center}}
.player-info{flex-wrap:nowrap;padding:12px 4px 2px}
@media(max-width:760px){.player-info{flex-wrap:wrap}.favorite-button{width:100%;text-align:center}.player-dialog{width:calc(100vw - 16px)}}
.heading-side{display:flex;align-items:center;gap:12px}
.clear-filter{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#ddd;border-radius:999px;padding:8px 14px;font-size:11px}
.player-controls{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 2px 6px}
.ctrl{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#a9abb2}
.ctrl select,.ctrl input{background:#0b0c0f;color:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:11px}
.ctrl.ab input{width:84px;text-align:center;font-variant-numeric:tabular-nums}
.ctrl button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e6e6e8;border-radius:8px;padding:6px 10px;font-size:11px}
.ctrl button.active,.ctrl.actions button.saved{background:var(--accent);border-color:var(--accent);color:#fff}

.player-detail{flex:1 1 auto;min-height:0;overflow:auto;padding:4px 2px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}
.player-detail .player-code{font:700 10px Inter,sans-serif;letter-spacing:.18em;color:var(--accent);margin:6px 0 2px}
.player-detail h2{font-size:16px;margin:0 0 8px;line-height:1.4}
.detail-row{display:flex;gap:10px;padding:5px 0;font-size:11.5px;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.05)}
.detail-key{flex:0 0 92px;color:#7f828a}
.detail-value{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px;color:#e8e9ec;align-items:center}
.detail-chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#cfd1d6;border-radius:999px;padding:3px 10px;font-size:11px}
.detail-chip:hover{border-color:var(--accent);color:#fff}
.detail-chip.static{pointer-events:none;border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){.player-dialog{width:calc(100vw - 16px)}.player-shell{height:calc(100vh - 16px)}.player-stage{height:auto;width:100%}.detail-key{flex-basis:70px}}
.period-tabs{display:flex;gap:8px;margin:0 0 18px}
.period-tabs button{border:1px solid var(--line);background:transparent;color:#a7a9b0;border-radius:999px;padding:8px 16px;font-size:12px}
.period-tabs button.active{background:#fff;color:#111;border-color:#fff;font-weight:700}
.player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 4px 8px}
.ctrl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b9bbc2}
.ctrl-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent)}
.ctrl-icon svg{width:16px;height:16px}
.ctrl-label{color:#9a9da5}
.ctrl select,.ctrl input{background:#0b0c0f;color:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px}
.ctrl.ab input{width:88px;text-align:center;font-variant-numeric:tabular-nums}
.ctrl button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e8e9ec;border-radius:10px;padding:8px 12px;font-size:12px}
.ctrl button:hover{border-color:#5e6068}
.ctrl button.active,.ctrl button.saved{background:var(--accent);border-color:var(--accent);color:#fff}
.ctrl button.saved .ctrl-icon{color:#fff}
.ctrl.actions{width:100%;gap:8px}
.player-detail{display:block;overflow:visible;padding:8px 4px 6px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
@media(max-width:760px){.player-dialog{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.player-shell{padding:8px}.player-controls{gap:6px 10px}.ctrl.actions button{flex:1;justify-content:center}}
.nav-link{display:inline-flex;align-items:center;gap:7px}
.nav-link svg{width:16px;height:16px}
.nav-link.active svg{color:var(--accent)}
.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(8,9,11,.55);border:1px solid rgba(255,255,255,.4);color:#fff;opacity:.9;transition:.2s;z-index:2;backdrop-filter:blur(3px)}
.play-badge svg{width:18px;height:18px;margin-left:2px}
.video-card:hover .play-badge{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.1);opacity:1}
.toast{position:fixed;right:24px;bottom:24px;left:auto;top:auto;margin:0;inset:auto;border:0;border-radius:10px;background:#f5f3f0;color:#111;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.toast:not(:popover-open){display:none}
.chip.uncensored.active{background:var(--accent);color:#fff;border-color:var(--accent)}
@media(max-width:760px){.player-dialog{width:calc(100vw - 16px)}}


.uncensored-toggle{display:inline-flex;align-items:center;gap:7px;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:#c9cbd1;font-size:12px;font-weight:700;white-space:nowrap;flex:none}
.uncensored-toggle svg{width:16px;height:16px}
.uncensored-toggle:hover{border-color:#5e6068;color:#fff}
.uncensored-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:7px;justify-content:center;margin-top:48px}
.page-button{min-width:36px;height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:#90939a;font:600 12px Inter,sans-serif;cursor:pointer}
.page-button:hover:not(:disabled){border-color:#5e6068;color:#fff}
.page-button.active{background:var(--accent);border-color:var(--accent);color:#fff}
.page-button:disabled{opacity:.35;cursor:default}
.page-button.nav{font-size:16px;line-height:1;padding:0 12px}
.page-ellipsis{color:#6f727a;padding:0 4px}
.page-status{flex-basis:100%;text-align:center;color:#7b7e86;font-size:11px;margin-bottom:4px}
@media(max-width:760px){.uncensored-toggle{margin-top:12px;height:40px;padding:0 12px;font-size:11px}.pagination{gap:5px}.page-button{min-width:32px;height:32px;padding:0 8px}}
.detail-chip.flag{border-color:var(--accent);color:var(--accent)}
.discovery{align-items:flex-start}
.chips{flex:1;min-width:0;flex-wrap:wrap;overflow:visible}
.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;font-size:12px;line-height:1}
.chip-count{font-size:10px;color:#8b8e96;background:rgba(255,255,255,.06);border-radius:999px;padding:2px 7px}
.chip.active .chip-count{background:rgba(17,17,17,.14);color:#3a3a3a}
.chip.more{border-style:dashed;color:#cfd1d6}
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;margin-top:48px}
.page-status{flex-basis:100%;text-align:center;color:#9a9da5;font-size:12px;margin-bottom:8px}
.page-button{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#a9acb4;font:700 13px Inter,sans-serif;cursor:pointer}
.page-button:hover:not(:disabled){border-color:#5e6068;color:#fff}
.page-button.active{background:var(--accent);border-color:var(--accent);color:#fff}
.page-button:disabled{opacity:.3;cursor:default}
.page-button.nav{font-size:16px;padding:0 14px}
.page-ellipsis{color:#6f727a;padding:0 6px}
@media(max-width:760px){.chips{margin-top:15px}.page-button{min-width:34px;height:34px;padding:0 9px}.page-button.nav{padding:0 11px}.page-status{font-size:11px}}
[hidden]{display:none !important}
.uncensored-badge{position:absolute;left:9px;top:9px;z-index:3;background:var(--accent);color:#fff;font:700 9px Inter,sans-serif;padding:4px 7px;border-radius:5px;letter-spacing:.04em}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.mobile-nav button{font-size:7px}}
.detail-chip.version{border-color:#3b82f6;color:#8bb6ff}
.related-block{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.related-title{font:700 9px Inter,sans-serif;letter-spacing:.18em;color:#8b8e96;margin:0 0 9px}
.related-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.related-card{flex:0 0 152px;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}
.related-thumb{display:block;aspect-ratio:16/10;border-radius:8px;background:var(--art);background-size:cover;background-position:center}
.related-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10.5px;line-height:1.45;margin-top:6px;color:#c9cbd1}
.related-card:hover .related-thumb{outline:2px solid var(--accent)}
.crawler-panel{margin:18px auto 0;max-width:var(--max);padding:0 26px}
.crawler-panel details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
.crawler-panel summary{display:flex;align-items:center;gap:9px;padding:13px 16px;color:#e5e6e9;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.crawler-panel summary::-webkit-details-marker{display:none}
.crawler-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(233,69,96,.14);color:var(--accent);font-size:17px}
.crawler-summary-note{margin-left:auto;color:#777b83;font-size:10px;font-weight:400}
.crawler-body{padding:0 16px 16px;color:#9da0a8;font-size:11px;line-height:1.7}
.crawler-body>p:first-child{margin:0 0 12px}
.crawler-body .primary-button{padding:9px 14px;font-size:11px}
.crawler-status{margin:10px 0 0;color:#d5d7dc}
.crawler-result{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.22);color:#d9dbe0}
.crawl-result-head{display:flex;align-items:center;gap:10px;color:#8b8e96;font-size:10px}
.crawl-badge{color:#fff;background:var(--accent);padding:3px 8px;border-radius:999px;font-weight:700}
.crawler-result h3{margin:10px 0 5px;font-size:16px;color:#fff}
.crawl-site,.crawl-description,.crawl-note{font-size:11px;line-height:1.7;color:#aeb1b8}
.crawl-site a,.crawl-links a{color:#f08b9c;text-decoration:none}
.crawl-field{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}
.crawl-field span{flex:0 0 110px;color:#858891}
.crawl-field b{font-weight:500;color:#e4e5e8;overflow-wrap:anywhere}
.crawl-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:8px}
.crawl-record{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}
.crawl-record h4{margin:0 0 7px;font-size:12px;color:#fff}
.crawl-record>a{display:inline-block;margin-bottom:5px;color:#f08b9c;font-size:10px}
.crawl-links{margin-top:10px}
.crawl-links summary{padding:7px 0;font-size:10px;color:#aeb1b8}
.crawl-links ul{margin:0;padding-left:18px}
.crawl-links li{margin:4px 0}
@media(max-width:760px){.crawler-panel{padding:0 14px}.crawler-summary-note{font-size:9px}.crawl-field span{flex-basis:80px}}
[hidden]{display:none!important}
.search-wrap{position:relative;flex:none}
.search-wrap .search{width:100%}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#141519;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.6);max-height:340px;overflow:auto}
.suggest-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;color:#dfe1e6;font:inherit;font-size:12px;padding:9px 10px;border-radius:8px;cursor:pointer}
.suggest-item:hover{background:rgba(255,255,255,.07)}
.suggest-kind{flex:none;font-size:9px;font-weight:700;letter-spacing:.08em;color:#111;background:#c9cbd1;border-radius:4px;padding:3px 6px}
.suggest-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest-count{flex:none;font-size:10px;color:#8b8e96}
.resume-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.55);z-index:2}
.resume-bar i{display:block;height:100%;background:var(--accent)}
.sort-select{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#cfd1d6;font-size:12px}
.shorts-view{position:fixed;inset:0;z-index:60;background:#000}
.shorts-track{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.shorts-track::-webkit-scrollbar{display:none}
.short-slide{position:relative;height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;overflow:hidden}
.short-video{width:100%;height:100%;object-fit:contain;background:#000}
.short-overlay{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 36px;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.25) 55%,transparent);display:flex;flex-direction:column;gap:8px;pointer-events:none}
.short-overlay>*{pointer-events:auto}
.short-meta{display:flex;align-items:center;gap:9px;font-size:11px;color:#cfd1d6}
.short-badge{background:var(--accent);color:#fff;border-radius:4px;padding:3px 8px;font-weight:700;font-size:10px}
.short-code{font-family:Inter,sans-serif;letter-spacing:.14em;font-weight:700}
.short-title{font-size:17px;margin:0;line-height:1.45;max-width:800px}
.short-sub{font-size:11.5px;color:#b9bbc2;margin:0}
.short-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.short-action{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.45);color:#fff;border-radius:999px;padding:11px 18px;font-size:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}
.short-action svg{width:16px;height:16px}
.short-action.saved{background:var(--accent);border-color:var(--accent)}
.shorts-close{position:fixed;top:16px;right:18px;z-index:62;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(6px)}
.shorts-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:62;color:#e6e7ea;font-size:11px;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:999px;pointer-events:none;animation:shortsHint 4s ease 1 forwards}
@keyframes shortsHint{0%{opacity:0}15%{opacity:1}75%{opacity:1}100%{opacity:0}}
body.shorts-open{overflow:hidden}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(7,1fr)}.mobile-nav button{font-size:8.5px}.short-title{font-size:14px}.short-overlay{padding:20px 16px 96px}}
.short-mode{font-size:10px;color:#8b8e96;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:2px 8px}
.player-shell{display:block;padding:10px;height:auto;max-height:none}
.player-dialog{width:min(1820px,calc(100vw - 24px))}
.player-stage{width:min(100%,calc((100vh - 64px) * 16 / 9))}
.shorts-sound{position:fixed;top:16px;left:18px;z-index:62;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);color:#fff;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;backdrop-filter:blur(6px);cursor:pointer}
.shorts-sound svg{width:16px;height:16px}
.shorts-sound.on{background:var(--accent);border-color:var(--accent)}
.short-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;place-items:center;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5);color:#fff;z-index:3;backdrop-filter:blur(4px);cursor:pointer}
.short-slide.paused .short-play{display:grid}
.short-play svg{width:30px;height:30px;margin-left:3px}
.short-slide.paused .short-video{filter:brightness(.55)}












.suggest-item.active{background:rgba(233,69,96,.18)}
.play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.55);color:#fff;font-size:26px;display:grid;place-items:center;z-index:4;cursor:pointer;backdrop-filter:blur(4px)}
.play-overlay[hidden]{display:none}
.play-overlay:hover{background:var(--accent);border-color:var(--accent)}

.player-stage{position:relative;overflow:hidden;background:#000}
.player-stage{aspect-ratio:16/9}
.player-dialog{height:calc(100vh - 24px);max-height:calc(100vh - 24px);overflow:hidden}
.player-shell{display:flex;flex-direction:column;height:calc(100vh - 24px);padding:10px;overflow:hidden}
.player-stage{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9;width:min(100%,calc((100vh - 210px) * 16 / 9));margin:0 auto;flex:0 0 auto}
.player-stage video{width:100%;height:100%;object-fit:contain;background:#000}
.player-controls{flex:0 0 auto}
.player-detail{flex:1 1 auto;min-height:0;overflow:auto}
.player-dialog{max-height:calc(100vh - 16px);overflow-y:auto;overflow-x:hidden}
.player-shell{display:block;height:auto;max-height:none;overflow:visible;padding:10px}
.player-stage{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9;width:min(100%,calc((100vh - 190px) * 16 / 9));margin:0 auto;flex:none}
.player-detail{flex:none;overflow:visible;min-height:0;max-height:none}
.player-dialog{width:min(1080px,calc(100vw - 40px))}
@media(max-width:760px){.ctrl.actions{width:100%;flex-wrap:wrap}.ctrl.actions button{flex:1 1 46%;justify-content:center}}
@media(max-width:760px){.ctrl.ab{width:100%;flex-wrap:wrap;gap:6px}.ctrl.ab input{width:72px;flex:0 0 auto}.ctrl.ab button{flex:1 1 auto;justify-content:center}.ctrl.ab .ctrl-icon{flex:0 0 auto}}