/* w7b content: the same readable document in two presentation modes. */
.w7-content { padding-block: 80px 110px; }
.w7-content :is(h2,h3) { font-family: var(--serif); font-weight: 400; color: #f0e7d7; }
.w7-content h2 { font-size: clamp(38px,4vw,58px); line-height: 1.08; letter-spacing: -.025em; margin: 14px 0 24px; }
.w7-content h2 em { color: var(--gold-light); font-weight: 400; }
.w7-content h3 { font-size: 31px; line-height: 1.16; margin: 14px 0 18px; }
.w7-content p,.w7-content dd,.w7-content li { color: #b2bfd0; font-size: 14px; line-height: 1.85; }
.w7-content p + p { margin-top: 16px; }
.w7-intro { max-width: 790px; margin-bottom: 42px; }
.w7-intro > p:last-child { font-size: 16px; max-width: 680px; }
.w7-hosting { margin-bottom: 42px; padding: clamp(24px,4vw,44px); border: 1px solid #d8bc8070; border-radius: 14px; background: linear-gradient(125deg,#26374c,#0c1728 75%); box-shadow: inset 0 1px #f2ddb02b,0 16px 48px #00000024; scroll-margin-top: 170px; }
.w7-hosting .r7-kicker { margin: 0; color: #f2ddb0; font-size: 10px; letter-spacing: .16em; line-height: 1.7; }
.w7-hosting h2 { margin: 14px 0 20px; color: #f0e7d7; font: 400 clamp(32px,3.6vw,50px)/1.12 var(--serif); letter-spacing: -.025em; }
.w7-hosting h2 span { color: #f2ddb0; }
.w7-hosting > p:last-child { margin: 0; max-width: 790px; color: #c4cfdd; font-size: 15px; line-height: 1.85; }
.w7-hosting [data-hosting-term] { color: #f2ddb0; }
/* w7k: the Overview promise follows a short banner on the first screen. */
[data-view] .r7-page-hero.r7-overview-hero { height: auto; min-height: 0; padding: 120px 0 28px; overflow: clip; }
[data-view="classic"] .r7-page-hero.r7-overview-hero { padding: 32px 0; }
.r7-overview-hero h1 { font-size: 46px; margin-block: 12px; }
.r7-overview-hero + .w7-content { padding-top: 20px; }
.w7-hosting { padding: 24px 28px; margin-bottom: 32px; }
.w7-hosting h2 { font-size: 32px; margin-block: 8px 18px; }
.w7-hosting > p:last-child { font-size: 13px; line-height: 1.7; }
.w7-timers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 28px; margin-bottom: 18px; }
.w7-timer { min-width: 0; }
.w7-timer-label { display: block; min-height: 2.8em; color: #bdc9d9; font: 500 12px/1.4 var(--sans); }
.w7-timer-value { display: block; min-height: 3.2em; color: #f2ddb0; font: 500 14px/1.6 var(--sans); font-variant-numeric: tabular-nums; }
.w7-timer-calendar { display: block; min-height: 1.6em; }
.w7-timer-clock { display: block; width: 18ch; max-width: 100%; min-height: 1.6em; white-space: nowrap; }
.r7-facts > .r7-live-facts { grid-column: 1 / -1; padding-inline: 0; border: 0; }
.r7-live-facts > dd { margin: 0; }
.r7-live-facts .w7-timers { margin: 0; gap: 16px; }
.w7-timers-compact .w7-timer-label { font-size: 11px; }
.w7-timers-compact .w7-timer-value { font-size: 13px; }
.w7-timers-compact .w7-timer-calendar { white-space: nowrap; }
@media (max-width:600px) {
 [data-view] .r7-page-hero.r7-overview-hero { padding: 100px 0 20px; }
 [data-view="classic"] .r7-page-hero.r7-overview-hero { padding: 24px 0; }
 [data-view] .r7-overview-hero > .r7-wrap { padding: 18px; }
 [data-view] .r7-overview-hero h1 { font-size: 34px; }
 .r7-overview-hero p:not(.r7-kicker) { font-size: 12px; }
 .r7-overview-hero + .w7-content { padding-top: 14px; }
 .w7-hosting { padding: 18px; }
 .w7-hosting h2 { font-size: 28px; }
 .w7-hosting .w7-timers { grid-template-columns: 1fr; gap: 12px; margin-bottom: 14px; }
 .w7-hosting .w7-timer-label { min-height: 1.4em; }
 .w7-hosting .w7-timer-value { font-size: 13px; }
 .r7-facts > .r7-live-facts:nth-child(n) { grid-column: 1 / -1; padding-inline: 0; border: 0; }
 .w7-timers-compact .w7-timer-label { min-height: 4.2em; }
 .w7-timers-compact .w7-timer-value { font-size: 12px; }
}
.w7-content .r7-kicker { color: #d8bc80; font-size: 10px; line-height: 1.7; }
.w7-card { min-width: 0; padding: 34px; position: relative; border: 1px solid #d8bc8030; border-radius: 14px; background: linear-gradient(135deg,#20334b59,#0c1626c7 65%); box-shadow: inset 0 1px #ffffff08,0 20px 70px #00000017; backdrop-filter: blur(18px); }
.w7-card::before { content: ''; position: absolute; top: -1px; left: 32px; right: 50%; height: 1px; background: linear-gradient(90deg,transparent,#e6c98c7d,transparent); pointer-events: none; }
.w7-card > .r7-link { margin-top: 22px; }
.w7-limited-costumes { margin-block: 44px; border-color: #d8bc8060; }
.w7-content .w7-quantity { color: var(--gold-light); font-weight: 500; }
.w7-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.w7-grid .w7-card:last-child:nth-child(odd) { grid-column: 1/-1; }
.w7-related { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 48px; padding-top: 28px; border-top: 1px solid #d8bc8029; }
.w7-related .r7-button { min-height: 48px; white-space: normal; }
.w7-tag { font-size: 9px; letter-spacing: .13em; padding: 7px 10px; border: 1px solid #d8bc8045; line-height: 1.5; }
.w7-tag[data-status='Live'] { color: #a7d7bd; border-color: #74b29745; background: #3b786915; }
.w7-tag[data-status='In testing'] { color: #c0d7ee; border-color: #8db4dd45; background: #355e831c; }
.w7-tag[data-status='Coming'] { color: #dbbc83; background: #9e7e3510; }
.w7-content .w7-note { padding: 20px 24px; margin-block: 28px; border-left: 1px solid #d8bc8070; background: #d8bc8007; color: #a8b6c8; font-size: 12px; }
.w7-content .w7-statement { font: 400 clamp(25px,2.8vw,37px)/1.4 var(--serif); color: #e7d5b1; max-width: 900px; margin-bottom: 48px; }
.w7-section-title { margin: 85px 0 35px; max-width: 760px; }
.w7-way-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); align-items: start; gap: 65px; }
.w7-pinned { position: sticky; top: 130px; }
.w7-pinned h2 { font-size: 44px; }
.w7-pinned .w7-intro { margin-bottom: 24px; }
.w7-pinned .w7-intro > p:last-child { font-size: 14px; }
.w7-pinned > p { font-size: 12px; }
.w7-pinned .w7-related { display: grid; margin-top: 28px; }
.w7-star { margin-top: 42px; font: 95px/1 var(--serif); color: #d8bc8070; text-shadow: 0 0 35px #d8bc8044; }
.w7-catalogue { min-width: 0; }
.w7-filter-panel { padding: 25px; background: #0c1827da; border: 1px solid #d8bc8033; border-radius: 14px; margin-bottom: 28px; }
.w7-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.w7-chips + .w7-chips { border-top: 1px solid #ffffff0e; padding-top: 14px; margin-top: 14px; }
.w7-chips button,.w7-reset { border: 1px solid #d8bc8030; color: #aebbd0; background: #08101c80; border-radius: 30px; min-height: 44px; padding: 10px 14px; font-size: 11px; cursor: pointer; }
.w7-chips button:hover,.w7-chips button[aria-pressed='true'] { color: #f2ddb0; border-color: #d8bc8080; background: #d8bc8014; }
.w7-content .w7-result { font-size: 11px; margin-top: 18px; color: #d8bc80; }
.w7-feature-grid { display: grid; gap: 30px; }
.w7-feature { scroll-margin-top: 170px; padding: 36px 40px; }
.w7-feature-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.w7-index { font: 400 32px/1 var(--serif); color: #d8bc8077; }
.w7-title-link { color: inherit; display: flex; min-height: 44px; align-items: baseline; gap: 18px; text-decoration: none; }
.w7-title-link > span { font: 15px var(--sans); opacity: .45; }
.w7-title-link:hover { color: var(--gold-light); }
.w7-feature .w7-lead { color: #d8dfE7; font-size: 16px; }
.w7-feature-detail { margin-top: 27px; }
.w7-feature-detail > div { border-top: 1px solid #d8bc801b; padding-top: 18px; margin-top: 18px; }
.w7-feature-detail dt { color: #d8bc80; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 10px; }
.w7-feature-detail dd { margin: 0; font-size: 13px; }
.w7-empty { padding: 35px; border: 1px dashed #d8bc8050; border-radius: 12px; }
.w7-faq-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 65px; align-items: start; }
.w7-faq-aside { position: sticky; top: 145px; display: grid; gap: 16px; }
.w7-faq-aside p { color: #d8bc80; }
.w7-faq-panel { min-width: 0; }
.w7-faq-panel .r7-search-label { margin-bottom: 22px; }
.r7-search-label input { width: 100%; min-width: 0; min-height: 52px; border-radius: 7px; }
.w7-reset { margin-top: 16px; background: transparent; border-color: transparent; color: #d8bc80; padding-left: 0; }
#w7-faq-results { margin-top: 20px; }
.w7-faq { border-bottom: 1px solid #d8bc8028; scroll-margin-top: 170px; }
.w7-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; list-style: none; padding: 26px 4px; cursor: pointer; min-height: 68px; }
.w7-faq summary::-webkit-details-marker { display: none; }
.w7-faq summary small { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: .13em; color: #b89960; margin-bottom: 9px; }
.w7-faq summary strong { display: block; font-size: 16px; font-weight: 400; line-height: 1.6; color: #e0e4ea; }
.w7-plus { font: 25px/1 var(--serif); color: #d8bc80; transition: transform .2s; }
.w7-faq[open] { background: linear-gradient(90deg,#d8bc8007,transparent); }
.w7-faq[open] .w7-plus { transform: rotate(45deg); }
.w7-answer { padding: 0 30px 28px 4px; }
.w7-answer-links { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.w7-inline-faq { margin-top: 70px; max-width: 900px; }
.w7-table-wrap { margin: 35px 0 45px; border-radius: 14px; border: 1px solid #d8bc8030; overflow: hidden; background: #0e1c2baa; }
.w7-fair-table { border-collapse: collapse; width: 100%; table-layout: fixed; }
.w7-fair-table caption { text-align: left; padding: 25px 30px; color: #dbc28f; font-size: 12px; }
.w7-fair-table th { color: #ecd7ad; font-size: 12px; font-weight: 500; padding: 20px 30px; background: #d8bc800b; text-align: left; border-top: 1px solid #d8bc8022; }
.w7-fair-table td { padding: 24px 30px; border-top: 1px solid #d8bc8018; color: #b9c5d4; font-size: 14px; line-height: 1.8; }
.w7-fair-table th + th,.w7-fair-table td + td { border-left: 1px solid #d8bc8025; }
.w7-road-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; list-style: none; padding: 0; margin: 60px 0 30px; border-top: 1px solid #d8bc8060; }
.w7-road-timeline li { padding: 32px 26px 20px 0; position: relative; }
.w7-road-timeline li::before { content: ''; position: absolute; width: 7px; height: 7px; background: #d8bc80; border: 3px solid #080f1b; box-sizing: content-box; border-radius: 50%; top: -7px; left: 0; box-shadow: 0 0 18px #d8bc8040; }
.w7-road-timeline h3 { font-size: 29px; }
.w7-road-timeline p { font-size: 13px; }
[id^='roadmap-'] { scroll-margin-top: 175px; }
.w7-episode-list { position: relative; max-width: 920px; list-style: none; padding: 0; margin: 70px auto; }
.w7-episode-list > li { position: relative; display: grid; grid-template-columns: 100px minmax(0,1fr); padding: 24px 0; border-bottom: 1px solid #d8bc8020; }
.w7-episode-number { color: #d8bc807d; font: 48px/1.4 var(--serif); }
.w7-episode-list h3 { margin: 8px 0; font-size: 30px; }
.w7-class-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.w7-class-badge { padding: 8px 12px; border: 1px solid #d8bc8052; border-radius: 10px; color: #e9d6af; background: #d8bc800b; font-size: 12px; line-height: 1.7; }
.w7-episode-list .r7-tag { white-space: normal; }
.w7-episode-list .is-rebirth { border-block: 1px solid #e9cb8790; }
.w7-episode-list .is-rebirth h3 { color: #f2ddb0; }
[data-view="cinematic"] .w7-episode-list { padding-left: 25px; }
[data-view="cinematic"] .w7-episode-list::before { content: ''; position: absolute; left: 0; top: 25px; bottom: 25px; width: 2px; background: linear-gradient(#d8bc8050,#f2ddb0,#d8bc8050); box-shadow: 0 0 12px #d8bc8040; }
[data-view="cinematic"] .w7-episode-list > li { margin-block: 16px; padding: 24px; border: 1px solid #d8bc803d; border-radius: 14px; background: #101b2b; box-shadow: inset 1px 1px #fff0cc18,0 14px 36px #0003; }
[data-view="cinematic"] .w7-episode-list > li::before { content: ''; position: absolute; left: -31px; top: 35px; width: 12px; height: 12px; border: 1px solid #f2ddb0; border-radius: 50%; background: #182638; box-shadow: 0 0 12px #d8bc8060; }
[data-view="cinematic"] .w7-episode-list .is-rebirth { border-color: #e9cb8790; background: linear-gradient(120deg,#26334a,#101b2b); }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 [data-view="cinematic"] .w7-episode-list > li { background-color: #101b2be8; backdrop-filter: blur(12px) saturate(112%); }
}
.w7-specs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: #d8bc802a; border: 1px solid #d8bc802a; border-radius: 14px; overflow: hidden; margin-bottom: 50px; }
.w7-specs div { background: #0d1929; padding: 28px; }
.w7-specs dt { color: #8fa2ba; font-size: 10px; margin-bottom: 9px; text-transform: uppercase; letter-spacing: .12em; }
.w7-specs dd { color: #ead7b0; font: 29px/1.4 var(--serif); margin: 0; }
.w7-rules { display: grid; gap: 20px; max-width: 960px; }
.w7-rule { display: grid; grid-template-columns: 65px minmax(0,1fr); gap: 15px; }
.w7-rule h3 { margin-top: 0; }
.w7-db-search { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 18px; }
.w7-db-search .r7-button { height: 52px; }
.w7-db-search .r7-search-label { margin: 0; }
.w7-grid .is-current { border-color: #d8bc8080; background: linear-gradient(135deg,#d8bc8010,#0c1626c7); }
.w7-tool-panel { display: grid; grid-template-columns: 180px minmax(0,1fr); align-items: center; padding: 40px; gap: 35px; border: 1px solid #d8bc8040; border-radius: 14px; margin: 45px 0; background: radial-gradient(ellipse at 0 0,#d8bc800d,transparent 60%),#0e1929b0; }
.w7-tool-symbol { color: #d8bc80aa; font: 140px/1 var(--serif); text-align: center; text-shadow: 0 0 50px #d8bc8040; }
.w7-tool-panel ul { padding-left: 22px; margin-top: 16px; }
.w7-account { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 40px; align-items: start; }
.w7-account-nav { display: grid; padding: 25px 0; position: sticky; top: 135px; }
.w7-account-nav > p { padding: 0 16px 12px; }
.w7-account-nav a { min-height: 48px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; color: #a4b4c9; font-size: 12px; border-left: 1px solid #d8bc8029; text-decoration: none; }
.w7-account-nav a[aria-current],.w7-account-nav a:hover { background: #d8bc800b; color: #ecd6a6; border-left-color: #d8bc80; }
.w7-account-panel { min-width: 0; border: 1px solid #d8bc8038; border-radius: 18px; padding: 40px; background: linear-gradient(145deg,#21334b55,#0c1626b5 55%); backdrop-filter: blur(18px); }
.w7-account-panel h2 { font-size: 42px; }
.w7-account-panel .w7-intro { margin-top: 30px; }
.w7-account-empty { padding: 42px 25px; text-align: center; border: 1px dashed #d8bc8038; border-radius: 10px; }
.w7-account-empty img { object-fit: contain; opacity: .65; margin: 0 auto 22px; }
.w7-account-empty h3 { font-size: 30px; }
.w7-account-empty p { font-size: 13px; }
.w7-account-panel .r7-actions { flex-wrap: wrap; }
.w7-legends-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 45px 0; }
.w7-legend { position: relative; text-align: center; padding: 32px 22px; border: 1px solid #d8bc802e; border-radius: 10px; background: radial-gradient(ellipse at 50% 0,#d8bc800a,transparent 70%),#0d1928a0; }
.w7-legend > span { color: #d8bc80a0; font: 42px/1.5 var(--serif); }
.w7-legend h3 { font-size: 29px; margin-bottom: 10px; }
.w7-legend .w7-unwritten { font-size: 13px; color: #c8b693; }
.w7-legend small { font-size: 10px; color: #8395ad; }
.w7-closed .coming-soon-page { padding-bottom: 0; }
.w7-story-single { margin: 0 auto; width: min(960px,calc(100% - 70px)); }
.w7-story-single .si-story-panel { margin-top: 0; padding: 50px; border: 1px solid #d8bc8035; border-radius: 16px; background: linear-gradient(145deg,#182b425e,#0a1523cf); backdrop-filter: blur(18px); }
.w7-story-single .si-story-purpose { max-width: 960px; }
.w7-story-single .si-purpose-card { background: #0d192980; }
.w7-story-single .si-founder-letter { max-width: 850px; }
.w7-story-single .si-founder-letter p { font-size: 15px; line-height: 1.95; }
.w7-story-single .si-letter-chapter { padding-top: 15px; }
.w7-story-single .si-story-intro h1 { font-size: 45px; }
.si-page:has(.w7-story-single) { padding-top: 65px; padding-bottom: 100px; }
.w7-story-next { margin-top: 0; margin-bottom: 85px; }
/* Classic uses a compact, flat reading grid, with no pinned side stage. */
[data-view='classic'] .w7-content { padding-block: 50px 75px; }
[data-view='classic'] .w7-content h2 { font-size: 42px; }
[data-view='classic'] .w7-way-layout { display: block; }
[data-view='classic'] .w7-pinned { position: static; max-width: 850px; }
[data-view='classic'] .w7-pinned .w7-related { display: flex; margin-block: 20px 30px; }
[data-view='classic'] .w7-star { display: none; }
[data-view='classic'] .w7-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
[data-view='classic'] .w7-feature { padding: 28px; }
[data-view='classic'] .w7-card,[data-view='classic'] .w7-account-panel,[data-view='classic'] .w7-story-single .si-story-panel { backdrop-filter: none; background: #0d1927; box-shadow: none; }
[data-view='classic'] .w7-card::before { display: none; }
[data-view='classic'] .w7-card h3 { font-size: 29px; }
[data-view='classic'] .w7-faq-layout { gap: 35px; }
[data-view='classic'] .w7-story-single .si-story-panel { min-height: 0; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .w7-card,.w7-legend { transition: transform .25s,border-color .25s; }
 .w7-card:hover,.w7-legend:hover { transform: translateY(-4px); border-color: #d8bc8075; }
 .w7-story-single .si-letter-chapter { animation: w7-letter-in .6s both; }
 @keyframes w7-letter-in { from { opacity: .5; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}
@media (max-width:1100px) {
 .w7-way-layout { grid-template-columns: 230px minmax(0,1fr); gap: 30px; }
 .w7-pinned h2 { font-size: 36px; }
 .w7-feature { padding: 30px; }
 .w7-account { grid-template-columns: 200px minmax(0,1fr); gap: 25px; }
 .w7-faq-layout { grid-template-columns: 180px minmax(0,1fr); gap: 35px; }
 .w7-road-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; border: 0; }
 .w7-road-timeline li { border-top: 1px solid #d8bc8060; }
}
@media (max-width:760px) {
 .w7-content { padding-block: 45px 70px; }
 .w7-way-layout,.w7-faq-layout,.w7-account { display: block; }
 .w7-pinned,.w7-faq-aside,.w7-account-nav { position: static; }
 .w7-pinned { margin-bottom: 35px; }
 .w7-star { display: none; }
 .w7-pinned .w7-related { display: flex; }
 .w7-grid,[data-view='classic'] .w7-feature-grid { grid-template-columns: minmax(0,1fr); }
 .w7-content h2,[data-view='classic'] .w7-content h2,.w7-pinned h2 { font-size: 36px; }
 .w7-card,.w7-feature,[data-view='classic'] .w7-feature { padding: 25px; }
 .w7-content h3 { font-size: 29px; }
 .w7-intro > p:last-child { font-size: 14px; }
 .w7-feature .w7-lead { font-size: 15px; }
 .w7-filter-panel { padding: 18px; }
 .w7-chips { gap: 6px; }
 .w7-chips button { font-size: 10px; padding-inline: 12px; }
 .w7-feature { scroll-margin-top: 155px; }
 .w7-faq-aside { display: flex; flex-wrap: wrap; margin-bottom: 35px; gap: 12px 22px; }
 .w7-faq-aside p { width: 100%; }
 .w7-faq summary strong { font-size: 14px; }
 .w7-faq summary { padding-block: 23px; }
 .w7-answer { padding-right: 5px; }
 .w7-answer p { font-size: 13px; }
 .w7-fair-table caption { padding: 20px; }
 .w7-fair-table :is(th,td) { padding: 18px 15px; font-size: 12px; overflow-wrap: anywhere; }
 .w7-road-timeline { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .w7-road-timeline li { padding-right: 0; padding-top: 25px; }
 .w7-section-title { margin-top: 60px; }
 .w7-episode-list > li { grid-template-columns: 55px minmax(0,1fr); }
 .w7-episode-list h3 { font-size: 27px; }
 .w7-episode-number { font-size: 33px; }
 .w7-specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .w7-specs div { padding: 20px; }
 .w7-specs dt { font-size: 8px; }
 .w7-specs dd { font-size: 24px; }
 .w7-rule { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .w7-db-search { grid-template-columns: minmax(0,1fr); }
 .w7-db-search button { justify-self: start; }
 .w7-tool-panel { grid-template-columns: minmax(0,1fr); padding: 25px; gap: 20px; }
 .w7-tool-symbol { font-size: 70px; text-align: left; }
 .w7-account-panel { padding: 25px; }
 .w7-account-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 0 25px; }
 .w7-account-nav > p { grid-column: 1/-1; padding-left: 0; }
 .w7-account-nav a { font-size: 11px; padding: 12px; }
 .w7-account-empty { padding: 30px 16px; }
 .w7-legends-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .w7-legend { padding: 25px 12px; }
 .w7-legend h3 { font-size: 23px; }
 .w7-legend .r7-kicker { font-size: 8px; }
 .w7-legend small { font-size: 9px; }
 .w7-story-single { width: calc(100% - 40px); }
 .w7-story-single .si-story-panel { padding: 25px; }
 .w7-story-single .si-founder-letter p { font-size: 14px; }
 .w7-story-single .si-story-intro h1 { font-size: 37px; }
 .w7-story-single .si-purpose-card { padding: 25px 0; border: 0; background: none; }
 .si-page:has(.w7-story-single) { padding-top: 35px; }
}
@media (prefers-reduced-motion:reduce) {
 .w7-card,.w7-legend,.w7-plus,.w7-story-single .si-letter-chapter { animation: none; transition: none; transform: none; }
 .w7-pinned { position: static; }
}

/* Live world data extends the shared timeline without changing its static fallback. */
.w7-chapter-calendar { margin: 28px 0; padding: 22px; background: #0d1929ed; border: 1px solid #d8bc8055; border-radius: 12px; }
.w7-calendar-rule,.w7-episode-rule { color: #d1dbe9; font-size: 12px; line-height: 1.7; }
.w7-calendar-list { list-style: none; margin: 18px 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 28px; }
.w7-calendar-list li { padding: 8px 0; border-bottom: 1px solid #d8bc8028; font: 12px/1.6 'DM Sans',sans-serif; }
.w7-calendar-list strong,.w7-calendar-list span { display: block; }
.w7-calendar-list strong,.w7-episode-date,.w7-christmas-note { color: #f2ddb0; }
.w7-calendar-list span { color: #d1dbe9; }
.w7-episode-list .w7-episode-date { margin: 12px 0 4px; font-size: 14px; }
.w7-episode-list .w7-episode-rule,.w7-episode-list .w7-christmas-note { margin: 4px 0 12px; font-size: 12px; }
.w7-content > .r7-chapter-now { margin: 28px 0; max-width: 800px; }
[data-chapter-next][hidden],[data-chapter-clock][hidden] { display: none; }
@media (max-width:760px) {
 .w7-chapter-calendar { padding: 16px; }
 .w7-calendar-list { grid-template-columns: minmax(0,1fr); }
}
[data-view] .w7-episode-list > .is-live-chapter { border-color: #f2ddb0; box-shadow: inset 3px 0 #d8bc80,0 0 30px #d8bc801c; background: #172437; }
.w7-episode-list [data-chapter-here] { color: #09111f; background: #f2ddb0; margin: 8px 8px 8px 0; }
.w7-live-goals { margin-top: 18px; padding-top: 16px; border-top: 1px solid #d8bc8045; overflow-wrap: anywhere; }
.w7-live-goals h4 { font: 600 14px/1.6 'DM Sans',sans-serif; color: #f2ddb0; margin: 0 0 12px; }
.w7-live-goals progress { display: block; width: 100%; height: 10px; border: 0; border-radius: 8px; background: #060d19; accent-color: #d8bc80; overflow: hidden; }
.w7-live-goals progress::-webkit-progress-bar { background: #060d19; }
.w7-live-goals progress::-webkit-progress-value { background: linear-gradient(90deg,#af8b48,#f2ddb0); }
.w7-live-goals progress::-moz-progress-bar { background: #d8bc80; }
.w7-live-goals p,.w7-live-goals li { font-size: 13px; line-height: 1.8; color: #d1dbe9; }
.w7-live-goals ul { padding-left: 18px; margin-bottom: 0; }
.w7-live-goals li { margin-bottom: 6px; }
[data-chapter-here][hidden],[data-chapter-goals][hidden],.w7-live-goals progress[hidden] { display: none; }
/* w7c: the same bevel and frosted rim in every page-side surface. */
.w7-content,.si-page { position: relative; z-index: 2; }
.w7-filter-panel,.w7-faq-aside,.w7-account-nav,.w7-pinned,.tl-aside {
 background-color: #101b2b; background-image: var(--glass-sheen);
 border: 1px solid #ac8e5269; border-top-color: #f2ddb099; border-left-color: #e5c88b80;
 border-radius: 14px; box-shadow: var(--glass-depth); padding: 24px;
}
.w7-pinned { padding: 26px; }
.w7-pinned h2 { font-size: 37px; }
.w7-pinned .w7-related { gap: 10px; }
.w7-pinned .r7-button { padding-inline: 14px; font-size: 11px; }
.w7-account-nav { padding: 14px; }
.w7-account-nav a { border-radius: 7px; color: #c5d0df; }
.w7-account-nav a[aria-current],.w7-chips button[aria-pressed="true"] { background-color: #050e1db0; color: #f2ddb0; box-shadow: inset 1px 2px 5px #0009,inset 0 -2px #e8cb8bd9,0 0 20px #d8bc8012; }
.w7-account-nav a:hover,.w7-chips button:hover { border-color: #ecd19b90; box-shadow: inset 0 1px #fff0cc22,0 0 18px #d8bc801c; }
.w7-card,.w7-account-panel,.w7-legend,.w7-tool-panel,.w7-story-single .si-story-panel {
 background-color: #0d1929; background-image: var(--glass-sheen);
 border-top-color: #ecd6a66b; border-left-color: #ecd6a64a;
 box-shadow: inset 1px 1px #fff0cc16,inset -1px -2px #02071180,0 16px 40px #0003;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
 .w7-filter-panel,.w7-faq-aside,.w7-account-nav,.w7-pinned,.tl-aside { background-color: #0b1628e0; -webkit-backdrop-filter: blur(24px) saturate(135%); backdrop-filter: blur(24px) saturate(135%); }
 .w7-card,.w7-account-panel,.w7-legend,.w7-tool-panel,.w7-story-single .si-story-panel { background-color: #0d1929ed; backdrop-filter: blur(16px) saturate(120%); }
}
[data-view="classic"] .w7-card,[data-view="classic"] .w7-account-panel,[data-view="classic"] .w7-story-single .si-story-panel { background-image: var(--glass-sheen); box-shadow: inset 1px 1px #fff0cc16,inset -1px -2px #02071180,0 10px 25px #0002; }
@media (max-width:760px) {
 .w7-faq-aside,.w7-filter-panel,.w7-pinned { padding: 20px; }
 .w7-account-nav { padding: 14px; margin-bottom: 25px; }
 .w7-account-nav > p { padding-left: 12px; }
}