:root{
  --ink:#172033;
  --ink-2:#334155;
  --bg:#F7F8F6;
  --bg-2:#EEF3F6;
  --surface:#FFFFFF;
  --surface-raised:#FBFCFD;
  --surface-soft:#E8F0F3;
  --navy:#18324A;
  --navy-dark:#10263A;
  --navy-deep:#0A1B2A;
  --cyan:#4FA3B6;
  --cyan-soft:rgba(79,163,182,.16);
  --coral:#E07A5F;
  --coral-soft:#F4D7CF;
  --sand:#E9E2D8;
  --slate:#708090;
  --text:#172033;
  --text-2:#526071;
  --text-3:#83909E;
  --line:#D9E1E6;
  --line-strong:#BCCAD2;
  --shadow:0 12px 30px rgba(31,50,68,.08);
  --shadow-strong:0 24px 60px rgba(24,50,74,.14);
  --radius:8px;
  --radius-card:16px;
  --radius-large:26px;
  --wrap:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--navy)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto;object-fit:cover}
::selection{background:var(--cyan-soft);color:var(--navy-deep)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
.section{padding:76px 0}
.section-tight{padding:48px 0}
.section-compact{padding:24px 0}
.soft-section{background:var(--bg-2)}
.eyebrow{display:inline-block;color:var(--cyan);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.section-head{margin-bottom:30px;max-width:860px}
.section-head.split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:28px}
.section-head h2,.service-hero h1,.page-intro h1{margin:.35rem 0 .65rem;line-height:1.15}
.section-head h2{font-size:clamp(1.8rem,3vw,3rem)}
.section-head p,.hero-lead,.page-intro p,.service-hero p{color:var(--text-2);font-size:1.03rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:700}
.button.primary{background:var(--navy);color:#fff}
.button.ghost{border-color:var(--line-strong);background:var(--surface)}
.button.light{background:#fff;color:var(--navy-deep)}
.button.outline-light{border-color:rgba(255,255,255,.5);color:#fff}
.small-button,.text-button,.icon-button,.menu-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px}
.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.tag-row a,.tag-row span,.footer-tags a,.keyword-cloud a{padding:7px 12px;border-radius:999px;background:var(--surface-soft);color:var(--navy);font-size:.9rem}
.badge{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.78rem;font-weight:700}
.badge-cyan{background:var(--cyan-soft);border-color:rgba(79,163,182,.4);color:var(--navy)}
.badge-coral{background:var(--coral-soft);border-color:rgba(224,122,95,.35);color:#7b3d2d}
.skip-link{position:fixed;left:12px;top:8px;z-index:1000;transform:translateY(-150%);padding:10px 14px;background:#fff;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{transform:none}
.channel-guide{height:30px;background:var(--navy-deep);color:#f8fbfc;font-size:.78rem;overflow:hidden}
.guide-track{display:flex;align-items:center;gap:28px;height:30px;white-space:nowrap;overflow:hidden}
.guide-track span{display:inline-flex;align-items:center;gap:8px}
.guide-track i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(247,248,246,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{border-radius:10px}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.08rem}.brand small{font-size:.72rem;color:var(--text-3);margin-top:4px}
.desktop-nav{display:flex;justify-content:center;gap:4px;min-width:0}.desktop-nav a{position:relative;padding:9px 11px;border-radius:10px;color:var(--ink-2);font-size:.94rem}.desktop-nav a.active{background:var(--surface-soft);color:var(--navy);font-weight:800}.desktop-nav a.active:after{content:"";position:absolute;left:50%;bottom:3px;width:24px;height:2px;transform:translateX(-50%);background:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:12px;font-size:.9rem}.header-actions a{white-space:nowrap}.menu-button{display:none}
.mobile-menu{border-top:1px solid var(--line);background:var(--surface)}.mobile-menu[hidden]{display:none}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:24px}.mobile-menu-grid div{display:grid;gap:6px}.mobile-menu-grid strong{color:var(--navy);margin-bottom:4px}
.search-modal{display:none;position:fixed;inset:0;z-index:500;background:rgba(10,27,42,.62);padding:24px;align-items:flex-start;justify-content:center}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-dialog{width:min(760px,100%);margin-top:10vh;background:var(--surface);border-radius:var(--radius-large);box-shadow:var(--shadow-strong);padding:26px}
.search-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.search-dialog-head h2{margin:.25rem 0 0;font-size:2rem}.search-form{display:grid;gap:8px;margin:24px 0}.search-field{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--surface)}.search-field input{min-width:0;border:0;padding:14px;background:transparent}.search-field button{border:0;background:var(--navy);color:#fff;padding:0 20px}.search-suggestions{display:flex;flex-wrap:wrap;gap:10px}.search-suggestions a{background:var(--bg-2);padding:7px 11px;border-radius:999px;font-size:.9rem}
.home-hero{background:linear-gradient(180deg,#fbfcfb 0%,#eef3f6 100%)}
.hero-editorial{display:grid;grid-template-columns:5fr 7fr;gap:54px;align-items:center;min-height:650px}.hero-copy h1{font-size:clamp(2.7rem,5vw,5.6rem);letter-spacing:-.045em;line-height:.98;margin:.35rem 0 1.2rem}.hero-lead{max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.editor-note{margin-top:26px;padding:18px 20px;border-left:3px solid var(--navy);background:var(--surface);box-shadow:var(--shadow)}.editor-note p{margin:.4rem 0 0;color:var(--text-2)}
.hero-visual{position:relative}.hero-image{aspect-ratio:5/4;border-radius:var(--radius-large);box-shadow:var(--shadow-strong)}.hero-float-card{position:absolute;display:grid;gap:2px;width:160px;padding:14px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.hero-float-card span{color:var(--coral);font-weight:900}.hero-float-card small{color:var(--text-3)}.float-a{left:-28px;bottom:40px}.float-b{right:-16px;top:42px}.float-c{right:44px;bottom:-24px}
.hero-data{background:var(--surface);border-block:1px solid var(--line)}.data-nav-grid,.today-grid{display:grid;grid-template-columns:repeat(4,1fr)}.data-nav-grid a,.today-grid>div{padding:22px;border-right:1px solid var(--line)}.data-nav-grid a:last-child,.today-grid>div:last-child{border-right:0}.data-nav-grid strong{display:block;font-size:2.4rem;color:var(--navy);line-height:1}.data-nav-grid span,.today-grid strong{display:block;margin-top:8px}.data-nav-grid small,.today-grid span{color:var(--text-3)}
.today-strip{background:var(--bg-2)}
.directory-list{border-top:1px solid var(--line)}.directory-row{display:grid;grid-template-columns:80px 1fr 220px;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.rank-no{font-size:2.1rem;font-weight:900;color:var(--navy)}.directory-row h3{margin:.2rem 0 .45rem;font-size:1.3rem}.directory-row p{margin:0;color:var(--text-2)}.directory-meta{display:grid;gap:8px;justify-items:start;color:var(--text-3);font-size:.88rem}
.two-col-editorial,.editorial-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:58px;align-items:start}.time-stream{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-strong)}.time-stream li{position:relative;display:grid;grid-template-columns:64px 1fr auto;gap:20px;padding:0 0 28px 26px}.time-stream li:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--coral)}.time-stream p{margin:.3rem 0;color:var(--text-2)}
.collage-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}.collage-main{grid-row:span 2;position:relative;border-radius:var(--radius-large);overflow:hidden}.collage-main img{height:100%;min-height:500px}.collage-main div{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(10,27,42,.9))}.collage-main h3{font-size:2rem;margin:.4rem 0}.collage-note{min-height:240px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft);display:flex;flex-direction:column;justify-content:flex-end}.collage-note.coral{background:var(--coral-soft)}.collage-note.dark{background:var(--navy);color:#fff}
.horizontal-rail,.app-screen-rail,.creator-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.horizontal-rail>*{flex:0 0 min(370px,78vw);scroll-snap-align:start}.film-strip-card{padding:22px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.film-strip-card h3{margin:.5rem 0}.film-strip-card p{color:var(--text-2)}.rail-controls{display:flex;gap:8px}.rail-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}
.grid-2plus1{display:grid;grid-template-columns:2fr 1fr;gap:18px}.snap-card{border-radius:var(--radius-card);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.snap-card.wide{grid-row:span 2}.snap-card img{width:100%;height:100%;max-height:520px}.snap-card>div:last-child{padding:20px}.snap-card.text-only{padding:26px;background:var(--navy);color:#fff}.snap-card.text-only p{color:#dce7ee}.big-no{font-size:3rem;font-weight:900;color:var(--cyan)}
.vertical-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.vertical-card{padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.vertical-card.v2,.vertical-card.v4{margin-top:34px}.vertical-card>span{font-weight:900;color:var(--coral)}.vertical-poster{aspect-ratio:9/16;border-radius:10px;margin:10px 0;padding:14px;color:#fff;background:linear-gradient(160deg,var(--navy),#31566f 55%,var(--cyan));display:flex;flex-direction:column;justify-content:flex-end}.vertical-poster strong{font-size:1.5rem}.vertical-card p{color:var(--text-2);font-size:.92rem}
.cinema-card,.cinema-wide{position:relative;overflow:hidden;border-radius:var(--radius-large);background:var(--navy-deep)}.cinema-card img,.cinema-wide img{width:100%;aspect-ratio:21/9}.cinema-overlay,.cinema-wide-copy{position:absolute;inset:auto 0 0;padding:38px;color:#fff;background:linear-gradient(transparent,rgba(10,27,42,.92))}.cinema-overlay h2,.cinema-wide-copy h1{font-size:clamp(2rem,5vw,4rem);margin:.4rem 0}.cinema-overlay p,.cinema-wide-copy p{max-width:700px;color:#dbe7ec}
.progress-board{display:grid;gap:12px}.progress-board article{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.progress-board h3{margin:0}.progress-board p{margin:.35rem 0;color:var(--text-2)}.progress-meta{display:grid;justify-items:end;gap:6px}
.anime-split{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}.anime-cover img{aspect-ratio:3/4;border-radius:var(--radius-large)}.anime-copy h2{font-size:clamp(2rem,4vw,4.4rem);margin:.4rem 0}.anime-list article{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.anime-list h3{margin:0}.anime-list p{margin:.3rem 0;color:var(--text-2)}
.editor-pick-grid,.topic-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.media-frame{display:block;overflow:hidden;background:var(--surface-soft)}.ratio-16x9{aspect-ratio:16/9}.media-frame img{width:100%;height:100%}.video-card-body{padding:18px}.video-card h3{margin:.5rem 0}.video-card p{color:var(--text-2);font-size:.94rem}.card-meta,.card-foot{display:flex;justify-content:space-between;gap:12px;color:var(--text-3);font-size:.82rem}
.type-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.type-matrix>a,.type-matrix>span{display:grid;gap:6px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.type-matrix span:first-child{color:var(--text-3);font-size:.8rem}.type-matrix strong{font-size:1.12rem;color:var(--navy)}
.creator-track>*{flex:0 0 min(480px,88vw);scroll-snap-align:start}.creator-track article{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.creator-track img{width:100px;height:100px;border-radius:50%}.creator-track h3{margin:0}.creator-track p{color:var(--text-2)}
.step-grid,.note-grid,.playlist-grid,.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article,.note-grid article,.playlist-grid article,.scenario-grid article{padding:24px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.step-grid span,.note-grid>article>span,.playlist-grid>article>span,.scenario-grid span{color:var(--coral);font-weight:900}.step-grid h3,.note-grid h3,.playlist-grid h3,.scenario-grid h3{margin:.5rem 0}.step-grid p,.note-grid p,.playlist-grid p,.scenario-grid p{color:var(--text-2)}
.compare-edit,.local-history-grid,.safety-split,.browser-tease,.final-note-grid,.submission-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-panels article,.history-cards article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.compare-panels span,.history-cards span{color:var(--cyan);font-weight:800}.history-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dual-rankings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dual-rankings>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.dual-rankings article{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:start}.dual-rankings small{display:block;color:var(--text-2);margin-top:2px}.dual-rankings em{color:var(--cyan);font-style:normal;font-weight:800}
.week-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-calendar article{min-height:128px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.week-calendar strong,.week-calendar span,.week-calendar small{display:block}.week-calendar strong{color:var(--navy)}.week-calendar span{margin:16px 0 6px}.week-calendar small{color:var(--text-3)}
.topic-four-grid article{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.topic-four-grid img{aspect-ratio:4/3;width:100%}.topic-four-grid article div{padding:18px}.topic-four-grid h3,.topic-four-grid h2{margin:.4rem 0}.topic-four-grid p{color:var(--text-2)}
.keyword-map{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.keyword-cloud{display:flex;flex-wrap:wrap;gap:12px}.keyword-cloud a:nth-child(3n){font-size:1.15rem;background:var(--coral-soft)}.keyword-cloud a:nth-child(4n){font-size:1.3rem;background:var(--cyan-soft)}
.comment-flow{display:grid;gap:12px}.comment-flow article{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.comment-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--navy);font-weight:900}.comment-flow h3{margin:0}.comment-flow p{color:var(--text-2)}.comment-flow button,.feed-post button{border:0;background:transparent;padding:4px 8px;color:var(--navy)}
.check-list,.number-list{padding-left:1.2rem;color:var(--text-2)}.check-list li,.number-list li{margin:.45rem 0}.app-stack{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}.app-stage-main{position:relative}.app-stage-main>img:first-child{border-radius:var(--radius-large)}.phone-float{position:absolute;right:-5%;bottom:-7%;width:40%;border-radius:22px;box-shadow:var(--shadow-strong)}.app-mini-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.app-mini-screens img{aspect-ratio:9/18;border-radius:14px;border:1px solid var(--line)}
.principle-grid,.status-grid{display:flex;flex-wrap:wrap;gap:10px}.principle-grid span{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.faq-item h3{margin:0}.faq-toggle{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;background:transparent;padding:18px 20px;font-weight:800}.faq-panel{padding:0 20px 18px;color:var(--text-2)}.faq-panel[hidden]{display:none}.center-link{text-align:center;margin-top:24px}
.page-intro,.service-hero{padding:64px 0;background:linear-gradient(180deg,var(--surface),var(--bg-2));border-bottom:1px solid var(--line)}.page-intro h1,.service-hero h1{font-size:clamp(2.6rem,6vw,5.4rem);letter-spacing:-.04em}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.service-hero-grid img{border-radius:var(--radius-large);aspect-ratio:16/10}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px;color:var(--text-3);font-size:.88rem}.breadcrumb li:not(:last-child):after{content:"/";margin-left:8px;color:var(--line-strong)}
.newsroom-hero{background:var(--surface)}.newsroom-grid{display:grid;grid-template-columns:7fr 5fr;gap:30px}.newsroom-focus img{margin-top:22px;border-radius:var(--radius-large);aspect-ratio:16/9}.newsroom-focus h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02;margin:.4rem 0}.newsroom-top5{display:grid;align-content:start;padding:24px;background:var(--navy);color:#fff;border-radius:var(--radius-large)}.newsroom-top5>a{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}.newsroom-top5>a span{color:var(--cyan);font-size:1.4rem;font-weight:900}.newsroom-top5 small{display:block;color:#b9cad5;margin-top:5px}.news-info-band{background:var(--navy-deep);color:#fff}.news-info-band .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:14px 0}.news-info-band a{margin-left:auto;color:var(--cyan)}
.date-index{display:flex;justify-content:space-between;align-items:end;gap:20px}.date-chips{display:flex;gap:8px;flex-wrap:wrap}.date-chips a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.news-rows{display:grid}.news-rows article{display:grid;grid-template-columns:72px 1fr auto;gap:18px;padding:20px 0;border-top:1px solid var(--line);align-items:start}.news-rows h3{margin:.25rem 0}.news-rows p{margin:0;color:var(--text-2)}.memo-grid,.interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.memo-grid img,.interview-grid img{border-radius:var(--radius-large)}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.source-grid article{padding:24px;background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line)}
.editorial-columns aside{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.editorial-columns aside span{display:block;margin:8px 0;color:var(--text-2)}.verify-callout{background:var(--coral-soft)}.verify-callout .wrap{max-width:980px}.verify-callout h2{font-size:2.2rem}
.sunken-tabs{position:relative;margin-top:-24px;display:flex;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.sunken-tabs a{padding:8px 12px;border-radius:999px;background:var(--bg-2)}.media-feature-row,.manual-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.media-feature-row.reverse,.manual-feature.reverse{grid-template-columns:.85fr 1.15fr}.media-feature-row.reverse>div:first-child,.manual-feature.reverse>div:first-child{order:2}.media-feature-row img,.manual-feature img{border-radius:var(--radius-large)}.media-feature-row>div:last-child article{padding:16px 0;border-bottom:1px solid var(--line)}.duration-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.duration-bands>a,.duration-bands>article{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.duration-bands strong,.duration-bands span{display:block}.duration-bands span{color:var(--text-2);margin-top:8px}
.shorts-lab-hero{background:var(--navy-deep);color:#fff;padding:46px 0}.shorts-hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:28px}.shorts-lead-card{position:relative}.shorts-lead-card img{width:100%;aspect-ratio:3/4;border-radius:var(--radius-large)}.shorts-lead-card>div{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(10,27,42,.92))}.shorts-lead-card h1{font-size:4rem;margin:.2rem 0}.shorts-side-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.shorts-side-stack article{min-height:240px;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#10263a}.shorts-side-stack>article:nth-child(2),.shorts-side-stack>article:nth-child(4){transform:translateY(24px)}.shorts-side-stack p{color:#cbd9e1}.duration-ruler{margin-top:24px;display:flex;align-items:center;gap:12px;color:#b9cad5}.duration-ruler i{height:1px;flex:1;background:rgba(255,255,255,.25)}.poster-fake{aspect-ratio:3/4;border-radius:var(--radius-large);padding:30px;background:linear-gradient(150deg,#f0e6d8,var(--coral-soft) 45%,var(--navy));color:var(--navy);display:flex;flex-direction:column;justify-content:space-between}.poster-fake strong{font-size:3rem}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.experiment-chips{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.experiment-chips span{padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.city-observer,.newcomer-plan{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.city-list{display:grid;gap:10px}.city-list article{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.vlog-journal-hero{padding:50px 0;background:#faf7f1}.journal-hero-grid{display:grid;grid-template-columns:150px 1.3fr .8fr;gap:28px;align-items:center}.journal-date{display:grid;justify-items:center;padding:18px;border:1px solid var(--sand);background:#fff;border-radius:14px}.journal-date strong{font-size:5rem;line-height:1;color:var(--navy)}.weather-block{margin-top:26px;padding-top:14px;border-top:1px solid var(--sand);text-align:center;color:var(--text-2)}.journal-image img{border-radius:6px;box-shadow:16px 18px 0 var(--sand)}.journal-author h1{font-size:clamp(2.8rem,5vw,5rem);margin:.3rem 0}.journal-author strong,.journal-author small{display:block}.journal-timeline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journal-timeline article{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--sand);border-radius:10px}.diary-spread{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}.diary-spread.reverse{grid-template-columns:1.2fr .8fr}.diary-spread.reverse>div:first-child{order:2}.photo-page img{border:10px solid #fff;box-shadow:var(--shadow);transform:rotate(-1deg)}.photo-page blockquote{margin:-18px 24px 0;padding:20px;background:#fff;position:relative;box-shadow:var(--shadow)}.note-paper{padding:30px;background:#fffdf7;border:1px solid var(--sand);box-shadow:var(--shadow);transform:rotate(1deg)}.vlog-color-block{min-height:220px;background:linear-gradient(145deg,#e9e2d8,#f4d7cf)}.vlog-color-block.block1{background:linear-gradient(145deg,#dbe8ec,#7faeb8)}.vlog-color-block.block2{background:linear-gradient(145deg,#f4d7cf,#e9e2d8)}.night-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.night-cards article{padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.05)}.author-diary{display:grid;grid-template-columns:340px 1fr;gap:38px;align-items:center}.author-diary img{border-radius:var(--radius-large);aspect-ratio:3/4}.location-overview{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.location-overview>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.location-overview span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.theater-hero{background:var(--navy-deep);color:#fff;padding:48px 0}.theater-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px}.theater-visual{position:relative}.theater-visual img{border-radius:var(--radius-large);aspect-ratio:16/10}.theater-title{position:absolute;inset:auto 0 0;padding:30px;background:linear-gradient(transparent,rgba(10,27,42,.93))}.theater-title h1{font-size:4rem;margin:.3rem 0}.week-program{padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-large);background:#10263a}.week-program article{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12)}.week-program small{display:block;color:#b7c8d2}.anime-card-grid,.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.anime-card-grid article,.character-grid article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.program-poster{padding:34px;border-radius:var(--radius-large);background:linear-gradient(155deg,var(--navy),#2d6572);color:#fff}.program-poster strong{font-size:4rem}.world-guide{display:grid;grid-template-columns:.5fr 1.5fr;gap:34px}.world-guide>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.world-guide article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}
.magazine-opening{padding:70px 0 24px;background:#fff}.magazine-opening h1{font-size:clamp(4rem,10vw,9rem);line-height:.9;margin:.2rem 0;letter-spacing:-.07em}.magazine-opening p{max-width:760px;color:var(--text-2)}.spread-full{display:grid;grid-template-columns:1.2fr .8fr;gap:0;background:var(--navy);color:#fff;border-radius:var(--radius-large);overflow:hidden}.spread-full img{width:100%;height:100%;min-height:620px}.spread-caption{padding:46px;align-self:center}.spread-caption h2{font-size:4rem;margin:.4rem 0}.spread-caption blockquote{margin:30px 0 0;border-left:2px solid var(--cyan);padding-left:18px;color:#dbe7ec}.magazine-editorial{display:grid;grid-template-columns:180px 1fr;gap:40px}.magazine-editorial aside{display:grid;align-content:start}.magazine-editorial aside strong{font-size:3rem;color:var(--coral)}.double-cover-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.double-cover article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);overflow:hidden}.double-cover article>div{padding:24px}.text-cover{padding:36px!important;background:var(--coral-soft)!important}.text-wrap-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}.wrap-image img{border-radius:var(--radius-large)}.wrap-copy{padding:40px;margin-left:-80px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.wrap-copy aside{padding:12px;border-left:3px solid var(--coral);color:var(--text-2)}.trend-observer aside{display:flex;flex-wrap:wrap;gap:8px}.magazine-finale{padding-top:0}.finale-image{position:relative;padding:0}.finale-image img{width:100%;aspect-ratio:16/9;border-radius:var(--radius-large)}.finale-image>div{position:absolute;left:0;right:0;bottom:0;padding:44px;color:#fff;background:linear-gradient(transparent,rgba(10,27,42,.95));border-radius:0 0 var(--radius-large) var(--radius-large)}.finale-image h2{font-size:4rem;margin:.3rem 0}
.ranking-dashboard{background:var(--navy-deep);color:#fff}.ranking-dashboard-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.ranking-dashboard h1{font-size:4.5rem;margin:.3rem 0}.ranking-summary{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:end}.ranking-summary strong{font-size:2.5rem;color:var(--cyan)}.ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ranking-tabs a{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.ranking-tabs a.active{background:#fff;color:var(--navy)}.ranking-table{display:grid}.ranking-head,.ranking-table>article{display:grid;grid-template-columns:80px 1fr 150px 80px 70px;gap:16px;align-items:center;padding:14px 0}.ranking-head{color:var(--text-3);font-size:.82rem;border-bottom:1px solid var(--line)}.ranking-table>article{border-bottom:1px solid var(--line)}.ranking-table>article>strong{font-size:2rem;color:var(--navy)}.ranking-table>article.top>strong{color:var(--coral)}.ranking-table h2{font-size:1.15rem;margin:0}.ranking-table p{margin:.2rem 0;color:var(--text-2)}.ranking-table em{color:var(--cyan);font-style:normal;font-weight:800}.trend-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trend-cards article{padding:24px;background:#fff;border-radius:14px;border:1px solid var(--line)}.trend-cards>article>strong{font-size:2rem;color:var(--cyan)}
.community-hero{padding:54px 0;background:var(--surface)}.community-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.community-hero h1{font-size:4.5rem;margin:.3rem 0}.community-hero img{border-radius:var(--radius-large)}.community-3col{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:22px}.community-sidebar,.community-right section{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);height:max-content}.community-sidebar{position:sticky;top:120px}.community-right{display:grid;gap:14px;align-content:start}.feed-post{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px}.feed-user{display:flex;gap:12px;align-items:center}.feed-user>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);font-weight:900}.feed-user small{display:block;color:var(--text-3)}.local-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.local-demo-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.local-demo-grid span{color:var(--cyan);font-weight:800}
.browser-manual-hero{padding:48px 0}.manual-window{border:1px solid var(--line);border-radius:var(--radius-large);overflow:hidden;background:#fff;box-shadow:var(--shadow-strong)}.browser-chrome{height:42px;display:flex;gap:8px;align-items:center;padding:0 14px;background:var(--bg-2);border-bottom:1px solid var(--line)}.browser-chrome span{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.browser-chrome strong{margin-left:12px;font-size:.8rem;color:var(--text-3)}.manual-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:36px}.manual-hero-grid h1{font-size:4rem;margin:.3rem 0}.manual-hero-grid img{border-radius:14px}.callout-window{position:relative;max-width:1100px;margin:auto}.callout-window img{border-radius:var(--radius-large);border:1px solid var(--line)}.callout{position:absolute;padding:8px 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:.8rem}.callout.c1{left:5%;top:18%}.callout.c2{right:10%;top:36%}.callout.c3{left:28%;bottom:12%}.parameter-matrix{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.parameter-matrix>div{padding:20px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.parameter-matrix span,.parameter-matrix strong{display:block}.parameter-matrix span{color:var(--text-3);font-size:.82rem}
.app-product-stage{padding:54px 0;background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff}.app-stage-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.app-stage-copy h1{font-size:5rem;line-height:.95;margin:.4rem 0}.app-stage-copy p{color:#d9e5ec}.device-stage{position:relative;min-height:640px}.app-backdrop{width:78%;border-radius:var(--radius-large);opacity:.65}.app-phone{position:absolute;width:39%;left:31%;top:0;border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.floating-ui{position:absolute;padding:12px 16px;background:rgba(255,255,255,.95);color:var(--navy);border-radius:12px;box-shadow:var(--shadow)}.floating-ui.left{left:2%;bottom:18%}.floating-ui.right{right:1%;top:18%}.app-screen-rail>*{flex:0 0 280px}.app-screen-rail article{scroll-snap-align:start}.app-screen-rail img{aspect-ratio:9/18;border-radius:20px;border:1px solid var(--line)}.app-screen-rail h3{margin:.7rem 0 .3rem}.app-screen-rail p{color:var(--text-2);font-size:.92rem}.app-feature-23,.app-search-wide,.favorite-drawer-showcase{display:grid;grid-template-columns:2fr 1fr;gap:42px;align-items:center}.app-main-screen img,.app-search-wide img,.favorite-drawer-showcase img{max-height:760px;margin:auto;border-radius:24px}.app-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-triptych article{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.app-triptych img{aspect-ratio:9/18;border-radius:16px}.capability-list{list-style:none;padding:0}.capability-list li{padding:14px 0;border-top:1px solid var(--line)}.capability-list strong,.capability-list span{display:block}.capability-list span{color:var(--text-2)}
.filter-bar{padding:18px 0;background:var(--surface);border-bottom:1px solid var(--line)}.filter-bar form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.filter-bar label{display:grid;gap:5px}.filter-bar select,.search-page-form input,.search-page-form select,.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:10px 12px}.filter-bar button,.search-page-form button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:11px 18px}.pagination{display:flex;gap:8px;justify-content:center}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.pagination a.active{background:var(--navy);color:#fff}.empty-state{text-align:center;padding:50px;border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:#fff}.search-page-form{margin-top:26px;max-width:900px}.search-page-form>div{display:grid;grid-template-columns:1fr 180px auto;gap:8px}.search-summary{color:var(--text-2)}.search-group{padding:28px 0;border-bottom:1px solid var(--line)}.search-result-list{display:grid}.search-result-list article{display:grid;grid-template-columns:1fr auto;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.search-result-list h3{margin:0}.search-result-list p{color:var(--text-2);margin:.3rem 0}.detail-hero{padding:54px 0;background:#fff}.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;margin:.3rem 0}.detail-hero img{border-radius:var(--radius-large)}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-3);margin-top:18px}.detail-body{display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.detail-body aside{padding:22px;background:var(--bg-2);border-radius:14px}.detail-body dl{margin:0}.detail-body dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line)}.detail-timeline{list-style:none;padding:0}.detail-timeline li{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.brand-timeline{list-style:none;padding:0;margin:0}.brand-timeline li{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.brand-timeline time{font-weight:900;color:var(--coral)}.principle-list{display:grid;gap:10px}.principle-list article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.principle-list>article>span{font-size:2rem;font-weight:900;color:var(--navy)}.status-explain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.status-explain article{padding:18px;border:1px solid var(--line);background:#fff;border-radius:12px}.forbidden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.forbidden-grid span{padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:12px}.data-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.data-flow article{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.data-flow article>span{color:var(--coral);font-weight:900}.help-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-cards a{display:grid;gap:5px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.help-cards span{color:var(--text-2)}.contact-form-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:5px}.form-notice{padding:16px;border-radius:12px;background:var(--coral-soft);margin-bottom:18px}.form-notice.success{background:var(--cyan-soft)}
.site-footer{margin-top:0;background:var(--bg-2);border-top:1px solid var(--navy)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px;padding:54px 0 30px}.footer-grid section{display:grid;align-content:start;gap:7px}.footer-grid h2{font-size:1rem;color:var(--navy);margin:0 0 8px}.footer-brand p{max-width:560px;color:var(--text-2)}.footer-correction{display:inline-flex;color:var(--coral);font-weight:700}.footer-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px 0;border-top:1px solid var(--line)}.footer-notice{background:var(--surface);border-block:1px solid var(--line);padding:16px 0;color:var(--text-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 34px;color:var(--text-3);font-size:.88rem}.mobile-bottom-nav{display:none}.favorites-drawer{position:fixed;inset:0;z-index:450;background:rgba(10,27,42,.58);display:flex;justify-content:flex-end}.favorites-drawer[hidden]{display:none}.drawer-panel{width:min(430px,92vw);height:100%;overflow:auto;padding:24px;background:#fff;box-shadow:var(--shadow-strong)}.drawer-close{float:right;border:1px solid var(--line);border-radius:50%;background:#fff;width:40px;height:40px}.favorite-item{padding:14px 0;border-top:1px solid var(--line)}.favorite-item button{border:0;background:transparent;color:var(--coral)}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.back-to-top[hidden]{display:none}.status-text{margin-left:10px;color:var(--cyan)}
.dark-note{background:var(--navy-deep);color:#fff}.dark-note p{color:#cddbe3}.dark-note .section-head p{color:#cddbe3}
@media (max-width:1200px){
  .desktop-nav a{padding-inline:7px;font-size:.88rem}.header-actions>a{display:none}.hero-editorial{gap:34px}.hero-copy h1{font-size:4.3rem}.editor-pick-grid,.topic-four-grid{grid-template-columns:repeat(2,1fr)}.vertical-wall{grid-template-columns:repeat(3,1fr)}.week-calendar{grid-template-columns:repeat(4,1fr)}.community-3col{grid-template-columns:190px 1fr}.community-right{grid-column:2}.status-explain{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:992px){
  .wrap{width:min(calc(100% - 32px),var(--wrap))}.desktop-nav{display:none}.menu-button{display:inline-flex}.hero-editorial,.service-hero-grid,.newsroom-grid,.shorts-hero-grid,.theater-hero-grid,.community-hero-grid,.app-stage-grid,.manual-hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3rem,9vw,5rem)}.hero-visual{max-width:760px}.float-a{left:12px}.float-b{right:12px}.data-nav-grid,.today-grid{grid-template-columns:1fr 1fr}.collage-grid{grid-template-columns:1.4fr 1fr}.collage-main{grid-row:span 3}.collage-note{min-height:160px}.vertical-wall{grid-template-columns:repeat(2,1fr)}.anime-split,.compare-edit,.local-history-grid,.safety-split,.browser-tease,.final-note-grid,.submission-grid,.keyword-map,.two-col-editorial,.editorial-columns,.media-feature-row,.manual-feature,.diary-spread,.diary-spread.reverse,.journal-hero-grid,.author-diary,.location-overview,.magazine-editorial,.double-cover-grid,.text-wrap-layout,.app-feature-23,.app-search-wide,.favorite-drawer-showcase,.detail-hero-grid,.detail-body,.contact-form-grid{grid-template-columns:1fr}.media-feature-row.reverse>div:first-child,.manual-feature.reverse>div:first-child,.diary-spread.reverse>div:first-child{order:0}.wrap-copy{margin-left:0}.journal-date{grid-template-columns:auto auto auto;justify-content:start;gap:12px}.weather-block{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--sand)}.journal-image img{box-shadow:10px 12px 0 var(--sand)}.week-calendar{grid-template-columns:repeat(3,1fr)}.type-matrix{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>section:last-child{grid-column:2/4}.spread-full{grid-template-columns:1fr}.spread-full img{min-height:0;aspect-ratio:16/9}.app-phone{width:34%;left:33%}.device-stage{min-height:540px}.ranking-head,.ranking-table>article{grid-template-columns:60px 1fr 110px 60px}.ranking-head>*:last-child,.ranking-table>article>b{display:none}.community-sidebar{position:static;grid-column:1/-1;display:flex;overflow:auto}.community-3col{grid-template-columns:1fr}.community-right{grid-column:auto;grid-template-columns:repeat(3,1fr)}.data-flow{grid-template-columns:1fr}.data-flow>b{display:none}.app-screen-rail>*{flex-basis:260px}
}
@media (max-width:768px){
  .section{padding:54px 0}.channel-guide{height:30px}.guide-track{overflow-x:auto}.header-inner{height:64px;grid-template-columns:1fr auto}.brand small{display:none}.header-actions{gap:6px}.header-actions>.text-button{display:inline-flex}.mobile-menu-grid{grid-template-columns:1fr 1fr}.search-modal{padding:14px}.search-dialog{margin-top:4vh;padding:20px}.data-nav-grid,.today-grid,.grid-2plus1,.dual-rankings,.step-grid,.note-grid,.playlist-grid,.scenario-grid,.source-grid,.journal-timeline,.night-cards,.anime-card-grid,.character-grid,.trend-cards,.local-demo-grid,.parameter-matrix,.forbidden-grid,.help-cards,.app-triptych{grid-template-columns:1fr 1fr}.directory-row{grid-template-columns:52px 1fr}.directory-meta{grid-column:2;display:flex;flex-wrap:wrap}.collage-grid{grid-template-columns:1fr}.collage-main{grid-row:auto}.collage-main img{min-height:380px}.vertical-wall{grid-template-columns:1fr 1fr}.vertical-card.v2,.vertical-card.v4{margin-top:20px}.progress-board article{grid-template-columns:1fr}.progress-meta{justify-items:start}.type-matrix{grid-template-columns:1fr 1fr}.week-calendar{grid-template-columns:1fr 1fr}.topic-four-grid,.editor-pick-grid{grid-template-columns:1fr 1fr}.app-stack{grid-template-columns:1fr}.app-mini-screens{max-width:560px}.compare-panels,.history-cards{grid-template-columns:1fr}.news-rows article{grid-template-columns:58px 1fr}.news-rows article>.badge{grid-column:2}.shorts-side-stack{grid-template-columns:1fr 1fr}.shorts-side-stack article{min-height:190px}.experiment-grid,.city-observer,.newcomer-plan,.world-guide{grid-template-columns:1fr}.world-guide>div:last-child{grid-template-columns:1fr}.ranking-dashboard-head{align-items:start}.ranking-dashboard h1{font-size:3.4rem}.ranking-head{display:none}.ranking-table>article{grid-template-columns:54px 1fr 60px}.ranking-table>article>span{display:none}.community-right{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>section:last-child{grid-column:auto}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:180;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom))}.mobile-bottom-nav a,.mobile-bottom-nav button{display:grid;place-items:center;min-height:42px;border:0;background:transparent;font-size:.78rem;color:var(--navy)}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.back-to-top{bottom:82px}.status-explain{grid-template-columns:1fr 1fr}.search-page-form>div{grid-template-columns:1fr}.contact-form-grid aside{padding-top:20px;border-top:1px solid var(--line)}
}
@media (max-width:520px){
  .wrap{width:min(calc(100% - 24px),var(--wrap))}.section{padding:42px 0}.hero-copy h1,.service-hero h1,.page-intro h1{font-size:2.8rem}.hero-float-card{position:static;width:auto;margin-top:8px}.hero-visual{display:grid;grid-template-columns:1fr}.data-nav-grid,.today-grid,.step-grid,.note-grid,.playlist-grid,.scenario-grid,.source-grid,.journal-timeline,.night-cards,.anime-card-grid,.character-grid,.trend-cards,.local-demo-grid,.parameter-matrix,.forbidden-grid,.help-cards,.app-triptych,.type-matrix,.topic-four-grid,.editor-pick-grid,.status-explain{grid-template-columns:1fr}.vertical-wall{grid-template-columns:1fr}.vertical-card.v2,.vertical-card.v4{margin-top:0}.week-calendar{grid-template-columns:1fr}.shorts-side-stack{grid-template-columns:1fr}.shorts-side-stack>article:nth-child(2),.shorts-side-stack>article:nth-child(4){transform:none}.shorts-lead-card h1,.theater-title h1,.app-stage-copy h1,.manual-hero-grid h1,.community-hero h1{font-size:2.8rem}.theater-title{padding:18px}.ranking-dashboard-head{display:grid}.ranking-table>article{grid-template-columns:46px 1fr}.ranking-table>article>em{grid-column:2}.community-sidebar{padding:12px}.mobile-menu-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}.app-mini-screens{grid-template-columns:1fr 1fr}.app-phone{width:46%;left:27%}.device-stage{min-height:420px}.spread-caption h2,.finale-image h2{font-size:2.7rem}.date-index{display:grid}.ranking-tabs{overflow-x:auto;flex-wrap:nowrap}.ranking-tabs a{white-space:nowrap}.brand-timeline li,.principle-list article{grid-template-columns:1fr}.journal-date{grid-template-columns:1fr;justify-items:start}.weather-block{border-left:0;padding-left:0}.search-dialog-head h2{font-size:1.5rem}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
