:root{font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;color:#edf2ff;background:#0b1020;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #263147}.header-inner{max-width:1410px;margin:auto;min-height:66px;padding:0 24px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:22px;letter-spacing:-.055em}.brand strong span{color:#4d91ff}.mark{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#fff;background:#2869d7;font-size:15px}.header-inner nav{display:flex;gap:25px}.header-inner nav a{color:#c3cddd;text-decoration:none;font-size:13px}main{max-width:1410px;margin:auto;padding:22px 24px 0}.eyebrow{display:block;color:#74aaff;font-size:10px;font-weight:900;letter-spacing:.15em;margin:0 0 4px}.top-heading h1,.section-heading h2{font-size:21px;letter-spacing:-.02em;margin:0 0 4px}.top-heading p{color:#96a5bd;font-size:12px;margin:0 0 14px}.search-panel{background:#151d2e;border:1px solid #2b3850;border-radius:10px;padding:17px;margin-bottom:24px}.search-label,.filters label{font-size:13px;font-weight:750;color:#cbd7ea}.search-row{display:flex;gap:8px;margin-top:8px}.search-row input{flex:1}.search-row input,.filters input,.filters select{height:39px;padding:0 12px;border:1px solid #3b4b68;border-radius:8px;color:#edf2ff;background:#1c2940;font:inherit;font-size:13px;min-width:0}.search-row input:focus,.filters input:focus,.filters select:focus{outline:2px solid #8abaff;outline-offset:2px}.search-row button{border:0;border-radius:8px;background:#3279e9;color:#fff;padding:0 20px;font-size:13px;font-weight:800;cursor:pointer}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.filters label{display:flex;flex-direction:column;gap:6px}.tag-area{display:flex;gap:13px;align-items:flex-start;margin-top:15px}.tag-area>span{padding-top:7px;color:#96a5bd;font-size:12px;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid #33445e;background:#192338;color:#cbd7ea;padding:7px 12px;border-radius:20px;font-size:12px;cursor:pointer}.tag[aria-pressed=true],.tag:hover{background:#2468cd;color:#fff;border-color:#4389ee}.results{padding:0 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.section-heading #status{color:#96a5bd;font-size:12px}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;align-content:start}.card{display:block;min-width:0;color:inherit;text-decoration:none}.card:hover h3{color:#81b0ff}.thumb{aspect-ratio:16/9;background:#202b3d;position:relative;overflow:hidden;border:1px solid #303c51;border-radius:7px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;bottom:6px;right:6px;background:#101b30dd;color:#eef3ff;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:750}.card-body{padding:8px 0}.card h3{margin:0 0 6px;line-height:1.4;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;justify-content:space-between;gap:8px;color:#8190a6;font-size:11px}.meta span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.meta time{white-space:nowrap}.sidebar{padding:0 0 0 18px;border-left:1px solid #26344d}.sidebar h3{font-size:17px;margin:0 0 12px}.sidebar p{color:#8190a6;font-size:11px;line-height:1.5}.sidebar button{display:block;width:100%;border:0;border-bottom:1px solid #202d41;padding:10px 0;text-align:left;background:none;color:#c5d4e9;font:inherit;font-size:13px;cursor:pointer}.sidebar button:hover{color:#81b0ff}.empty{grid-column:1/-1;border:1px solid #2b3850;background:#151d2e;border-radius:8px;padding:42px 20px;text-align:center;color:#aebed3;line-height:1.7;font-size:14px}.more{display:block;margin:26px auto 0;padding:10px 22px;background:#1d2940;border:1px solid #3b4b68;color:#fff;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.more[hidden]{display:none}footer{border-top:1px solid #263147;max-width:1410px;margin:auto;color:#96a5bd;font-size:12px;line-height:1.9;padding:25px 24px}@media(max-width:1080px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.result-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid #26344d;padding:18px 0}.sidebar #sidebar-categories{display:grid;grid-template-columns:repeat(3,1fr);column-gap:12px}}@media(max-width:590px){.header-inner{padding:0 14px;gap:16px;min-height:58px}.brand{font-size:19px}.header-inner nav{gap:10px}.header-inner nav a{font-size:11px}main{padding:19px 14px 0}.search-panel{padding:13px}.search-row{flex-direction:column}.search-row button{height:39px}.filters{grid-template-columns:1fr}.tag-area{display:block}.tag-list{margin-top:8px}.grid{gap:15px 9px}.card h3{font-size:12px}.meta{font-size:10px}.sidebar #sidebar-categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.header-inner nav a:last-child{display:none}.grid{grid-template-columns:1fr 1fr}.meta time{display:none}}

.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.agency-sidebar{margin-top:25px;padding-top:17px;border-top:1px solid #26344d}@media(max-width:760px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar #sidebar-agencies{display:grid;grid-template-columns:repeat(3,1fr);column-gap:12px}}@media(max-width:590px){.header-inner nav{gap:8px}.header-inner nav a{font-size:10px}.filters{grid-template-columns:1fr}.sidebar #sidebar-agencies{grid-template-columns:repeat(2,1fr)}}

.period-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 9px}.period-tabs button{border:1px solid #33445e;border-radius:7px;padding:8px 15px;background:#192338;color:#cbd7ea;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.period-tabs button.active,.period-tabs button:hover{background:#2468cd;color:white;border-color:#4389ee}.period-tabs .hot-tab{color:#ffbc83;border-color:#80543b}.period-tabs .hot-tab.active{background:#a4542b;color:#fff;border-color:#d8793a}.top-heading .period-note{margin:0 0 16px;color:#96a5bd;font-size:12px}

.sidebar-ranking{display:grid}.sidebar-item{display:grid;grid-template-columns:24px 78px minmax(0,1fr);gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #202d41;text-decoration:none;color:#edf2ff;min-width:0}.sidebar-item:hover strong{color:#81b0ff}.sidebar-rank{text-align:center;color:#8394ae;font-size:14px}.sidebar-item:nth-child(1) .sidebar-rank{color:#ffb42b}.sidebar-item:nth-child(2) .sidebar-rank{color:#c0cbdc}.sidebar-item:nth-child(3) .sidebar-rank{color:#d99164}.sidebar-thumb{width:78px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:#263249}.sidebar-info{min-width:0}.sidebar-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.4}.sidebar-info small{display:block;margin-top:4px;color:#8194ae;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-loading{font-size:12px;color:#96a5bd}@media(max-width:760px){.sidebar-ranking{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}}@media(max-width:470px){.sidebar-ranking{grid-template-columns:1fr}}
.brand{color:inherit;text-decoration:none}.guide-nav{color:#9ec3ff!important;font-weight:800}@media(max-width:590px){.header-inner{align-items:flex-start;flex-direction:column;padding:12px 14px;gap:10px}.header-inner nav{flex-wrap:wrap;gap:11px}.header-inner nav a{font-size:12px}}@media(max-width:390px){.header-inner nav a:last-child{display:inline}}

/* Video-first home layout */
header{background:#0d1425}.header-inner{max-width:1480px}main{max-width:1480px}.top-heading{padding:12px 0 4px}.top-heading h1{font-size:clamp(25px,2.4vw,34px);line-height:1.2;letter-spacing:-.04em}.top-heading p{font-size:13px}.period-tabs{margin:16px 0 10px}.period-tabs button{padding:10px 18px;font-size:13px}.top-heading .period-note{margin-bottom:10px}.search-panel{padding:13px 16px;margin-bottom:26px;border-color:#2b3b57;background:#141e30}.search-label{display:block;font-size:12px;color:#9eb5d4}.search-row{margin-top:7px}.search-row input{height:44px;font-size:14px}.search-row button{min-width:112px}.advanced-search{border-top:1px solid #2c3a50;margin-top:12px;padding-top:9px}.advanced-search summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#a9caff;font-size:12px;font-weight:750;list-style:none}.advanced-search summary::-webkit-details-marker{display:none}.advanced-search summary span{font-size:16px}.advanced-search[open] summary span{transform:rotate(180deg)}.advanced-search .filters{margin-top:15px}.advanced-search .tag-area{margin-top:13px}.results{padding-bottom:85px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:23px}.section-heading #status{font-size:12px}.result-layout{grid-template-columns:minmax(0,1fr) 305px;gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.card{background:#151f31;border:1px solid #2c3b52;border-radius:11px;overflow:hidden;transition:border-color .16s,transform .16s}.card:hover{border-color:#659ef6;transform:translateY(-2px)}.thumb{border:0;border-radius:0;aspect-ratio:16/9;background:#1c2940}.thumb img{transition:transform .25s}.card:hover .thumb img{transform:scale(1.025)}.badge{top:11px;bottom:auto;left:11px;right:auto;padding:6px 9px;background:#102644e8;color:#dcebff;font-size:11px;letter-spacing:.045em}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffffaa;border-radius:50%;background:#101d32ae;color:#fff;padding-left:3px;font-size:20px;opacity:.92}.card:hover .play-mark{background:#357be4}.card-body{padding:15px 16px 18px}.card h3{font-size:17px;line-height:1.5;margin-bottom:11px;-webkit-line-clamp:2}.meta{font-size:12px;color:#9aabc2}.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr;align-items:stretch;min-height:320px}.featured-card .thumb{height:100%;min-height:320px;aspect-ratio:auto}.featured-card .card-body{display:flex;flex-direction:column;justify-content:center;padding:28px}.featured-card h3{font-size:clamp(21px,2vw,29px);line-height:1.45;-webkit-line-clamp:4}.featured-card .meta{margin-top:9px}.featured-card .play-mark{width:65px;height:65px;font-size:24px}.sidebar{align-self:start;position:sticky;top:16px;border:1px solid #2c3b52;border-radius:11px;background:#141e30;padding:18px 16px 14px}.sidebar h3{font-size:20px;letter-spacing:-.03em;margin-bottom:8px}.sidebar>p{margin:10px 0 0}.sidebar-ranking{display:grid;grid-template-columns:1fr}.sidebar-item{grid-template-columns:25px 100px minmax(0,1fr);gap:8px;padding:10px 0}.sidebar-rank{font-size:17px;font-weight:900}.sidebar-thumb{width:100px}.sidebar-info strong{font-size:12px;line-height:1.45}.sidebar-info small{font-size:10px}.more{margin-top:30px;padding:12px 26px}@media(max-width:1100px){.result-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.sidebar-item{grid-template-columns:22px 80px minmax(0,1fr)}.sidebar-thumb{width:80px}.featured-card{grid-template-columns:1.12fr .88fr}.featured-card .card-body{padding:20px}.card h3{font-size:15px}}@media(max-width:760px){.result-layout{grid-template-columns:1fr}.sidebar{position:static;order:-1;padding:14px;margin-bottom:3px}.sidebar-ranking{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:7px}.sidebar-item{flex:0 0 175px;display:block;scroll-snap-align:start;border:0;padding:0}.sidebar-rank{display:inline-block;font-size:12px;margin:0 0 6px;color:#8db9ff}.sidebar-thumb{display:block;width:100%;aspect-ratio:16/9;margin-bottom:7px}.sidebar-info strong{font-size:11px}.sidebar-info small{font-size:10px}.sidebar>p{font-size:10px}.grid{gap:13px}.featured-card{min-height:0}.featured-card .thumb{min-height:250px}}@media(max-width:590px){.top-heading{padding-top:5px}.top-heading h1{font-size:27px}.period-tabs{gap:6px}.period-tabs button{padding:8px 11px;font-size:11px}.search-panel{padding:12px;margin-bottom:20px}.search-row{flex-direction:row}.search-row button{min-width:82px;padding:0 10px;height:44px}.section-heading h2{font-size:21px}.grid{grid-template-columns:1fr;gap:14px}.featured-card{grid-column:auto;display:block}.featured-card .thumb{height:auto;min-height:0;aspect-ratio:16/9}.featured-card .card-body{padding:16px}.featured-card h3{font-size:20px;-webkit-line-clamp:3}.card h3{font-size:16px}.card-body{padding:12px 13px 15px}.sidebar{margin-bottom:0}.sidebar h3{font-size:17px}.sidebar>p{margin-bottom:0}.thumb .play-mark{width:48px;height:48px;font-size:17px}}@media(max-width:390px){.search-row input{width:0}.search-row button{min-width:75px}.period-tabs button{font-size:10px;padding:8px 9px}}

/* Search and HOT order on narrow screens */
.mobile-search-toggle{display:none}.primary-results{grid-area:primary;min-width:0}.result-layout{grid-template-areas:'primary sidebar'}.sidebar{grid-area:sidebar}.view-count{display:block;margin-top:12px;color:#8cbcff;font-size:12px;font-weight:750}.featured-card .view-count{font-size:14px}.sidebar-info .sidebar-views{color:#9dc6ff;font-weight:750;margin-top:5px}@media(max-width:760px){.result-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'sidebar' 'primary';gap:20px}.sidebar{order:initial}.grid{grid-template-columns:minmax(0,1fr)}.featured-card{display:block;min-height:0}.featured-card .thumb{height:auto;min-height:0;aspect-ratio:16/9}.mobile-search-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;margin:0 0 11px;background:#1a2b45;border:1px solid #3d5880;border-radius:9px;color:#cfe2ff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.mobile-search-toggle span{font-size:18px}.mobile-search-toggle[aria-expanded=true] span{transform:rotate(180deg)}.search-panel{display:none}.search-panel.is-open{display:block}.sidebar{margin-bottom:0}.sidebar-ranking{display:flex;grid-template-columns:none}.primary-results .section-heading{margin-top:0}}@media(max-width:590px){.grid{grid-template-columns:minmax(0,1fr)}.card{width:100%}.thumb{aspect-ratio:16/9}.sidebar-item{flex-basis:175px}.view-count{font-size:12px;margin-top:9px}}@media(max-width:390px){.grid{grid-template-columns:minmax(0,1fr)}}

/* Mobile navigation and quicker access to videos */
.thumb{background:linear-gradient(135deg,#24467a,#23304a 55%,#372959)}.thumb img[hidden],.sidebar-thumb[hidden]{display:none}.swipe-hint,.mobile-bottom-nav{display:none}@media(max-width:760px){html{scroll-padding-top:12px}.header-inner{min-height:55px;padding:10px 15px;align-items:center;flex-direction:row}.header-inner .brand{font-size:20px}.header-inner nav{display:none}main{padding-top:14px}.top-heading{padding:0}.top-heading h1{font-size:24px;margin:0 0 6px}.top-heading p:not(.period-note){display:none}.period-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:13px -14px 7px;padding:0 14px 4px;scroll-snap-type:x proximity}.period-tabs::-webkit-scrollbar{display:none}.period-tabs button{flex:none;min-height:43px;scroll-snap-align:start;padding:9px 13px;font-size:12px;white-space:nowrap}.top-heading .period-note{font-size:11px;line-height:1.5;margin:0 0 12px}.mobile-search-toggle{min-height:48px;margin-bottom:13px}.sidebar{position:static;padding:12px 13px;margin:0;border-radius:10px}.sidebar h3{display:inline-block;font-size:17px;margin:0 0 11px}.sidebar .eyebrow{font-size:9px}.swipe-hint{display:inline;float:right;color:#8aa9cf;font-size:10px;margin-top:4px}.sidebar-ranking{gap:10px;padding-bottom:5px}.sidebar-item{flex:0 0 155px}.sidebar-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:6px}.sidebar-info strong{font-size:11px;-webkit-line-clamp:2}.sidebar-info small:not(.sidebar-views){display:none}.sidebar-info .sidebar-views{font-size:10px;margin-top:4px}.sidebar>p{font-size:10px;line-height:1.45;margin:8px 0 0}.result-layout{gap:20px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:21px;line-height:1.3}.section-heading #status{font-size:10px;white-space:nowrap}.grid{grid-template-columns:minmax(0,1fr);gap:16px}.card,.featured-card{display:block;min-width:0}.card .thumb,.featured-card .thumb{width:100%;aspect-ratio:16/9;height:auto;min-height:0}.card .card-body,.featured-card .card-body{padding:14px 15px 16px}.card h3,.featured-card h3{font-size:17px;line-height:1.45;-webkit-line-clamp:3;margin-bottom:8px}.card .meta{font-size:11px}.view-count,.featured-card .view-count{font-size:12px;margin-top:7px}.badge{top:8px;left:8px;font-size:10px}.play-mark,.featured-card .play-mark{width:52px;height:52px;font-size:18px}.more{width:100%;min-height:46px;margin-top:20px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:20;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:#0d1728f5;backdrop-filter:blur(10px);border-top:1px solid #34465f;box-shadow:0 -8px 24px #050b1880}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:55px;padding:5px 0;border:0;background:none;color:#b9c9df;text-decoration:none;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.mobile-bottom-nav span{font-size:20px;line-height:1.1;color:#8fb9ff}.mobile-bottom-nav a:focus-visible,.mobile-bottom-nav button:focus-visible{outline:2px solid #8bbaff;outline-offset:-2px}.results{padding-bottom:40px}footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media(max-width:390px){.period-tabs button{font-size:11px;padding:9px 11px}.card h3,.featured-card h3{font-size:16px}.sidebar-item{flex-basis:145px}}

/* Full-width result list after removing duplicate HOT panel */
.result-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'primary'}
@media(max-width:760px){.result-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'primary'}}

/* larger card title and view count */
.card h3{font-size:20px;font-weight:800;line-height:1.4}
.featured-card h3{font-size:clamp(24px,2.4vw,32px)}
.card .view-count,.featured-card .view-count{display:block;margin-top:8px;font-size:18px;font-weight:800;color:#e6eefc}
.featured-card .view-count{font-size:22px}
@media(max-width:590px){.card h3{font-size:18px}.featured-card h3{font-size:22px}.card .view-count{font-size:17px}.featured-card .view-count{font-size:20px}}

/* gadget promo strip */
.gadget-strip{max-width:1180px;margin:32px auto;padding:20px 22px;background:#151f31;border:1px solid #2c3b52;border-radius:11px}
.gadget-strip h2{margin:0 0 6px;font-size:20px}
.gadget-strip small{font-size:12px;color:#8190a6;font-weight:400}
.gadget-strip p{margin:0 0 12px;color:#9aabc2;font-size:14px}
.gadget-strip-links{display:flex;flex-wrap:wrap;gap:8px}
.gadget-strip-links a{padding:9px 14px;border:1px solid #3d5880;border-radius:999px;background:#1a2b45;color:#cfe2ff;text-decoration:none;font-size:14px;font-weight:700}
.gadget-strip-links a:hover{border-color:#659ef6}
.gadget-strip-links .gadget-strip-all{background:#357be4;border-color:#357be4;color:#fff}
.gadget-strip .gadget-strip-note{margin:12px 0 0;font-size:11px;color:#8190a6}