.home-subtitle{margin:5px 0 0;color:#98a6bc;font-size:.85rem}.home-intro{color:#d6deec;margin:19px 0 23px}.home-intro span{display:block;color:#98a6bc;font-size:.86rem}.home-section{margin:22px 0}.home-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.home-section-heading h2{margin:0;font-size:1.08rem}.home-section-heading>span{font-size:.78rem;color:#98a6bc}.home-news,.home-entrances{display:grid;gap:10px}.home-entrances{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card{--accent:#8cbce9;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #344158;border-left:3px solid var(--accent);border-radius:11px;background:linear-gradient(120deg,#192336,#101722);color:#edf2fb;text-decoration:none;transition:border-color .15s,background .15s}.home-card:hover{border-color:var(--accent);background:#1c2940}.home-card:focus-visible{outline:2px solid #e4b84f;outline-offset:3px}.home-card-icon{flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.home-card svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-card-copy{min-width:0;flex:1}.home-card time{font-size:.76rem;color:#98a6bc;display:block;margin-bottom:2px}.home-card-title{font-weight:700;display:block;font-size:1rem}.home-card-description{display:block;color:#b8c6da;font-size:.85rem;margin-top:4px}.home-card-description svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px}.home-card-open{font-size:.8rem;color:var(--accent);white-space:nowrap}.home-entrances .home-card{padding:13px 12px;gap:10px}.home-entrances .home-card-icon{width:34px;height:34px}.home-entrances .home-card-title{font-size:.94rem}.home-footer{border-top:1px solid #344158;margin-top:25px;padding-top:15px;color:#98a6bc;font-size:.78rem}.home-footer a{color:#9bc5ff}.account-button{background:#192336;color:#d4deee;border:1px solid #465570;border-radius:8px;padding:8px 12px;font:inherit;font-size:.82rem;cursor:pointer}.trial-access-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 16px;color:#aab8cc;font-size:.78rem}.member-dialog{width:min(510px,calc(100% - 28px));border:1px solid #53617a;border-radius:14px;background:#141c2a;color:#edf2fb;padding:24px;font-family:inherit}.member-dialog::backdrop{background:#030710c9}.member-dialog h2{font-size:1.25rem;margin:0 0 12px}.member-dialog p,.member-dialog li{font-size:.9rem;line-height:1.65}.member-dialog label{display:block;font-size:.9rem}.member-dialog input{display:block;width:100%;margin:6px 0 12px;background:#0b1220;border:1px solid #53617a;border-radius:7px;color:#edf2fb;font:inherit;padding:10px}.member-dialog .actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.member-dialog .primary{background:#e4b84f;color:#211a0c}.member-dialog .preview-note{font-size:.78rem;color:#b9c6da}.member-dialog a{color:#9bc5ff}@media(max-width:850px){.home-entrances{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-entrances{grid-template-columns:1fr}.home-card{padding:13px 11px;gap:10px}.home-card-icon{width:32px;height:32px}.home-card-open{font-size:.75rem}header{gap:10px}.home-card-title{font-size:.94rem}}

/* Icon-only tiles must not inherit the spacing used before text labels. */
.home-card-icon>svg{display:block;margin:0;vertical-align:initial;justify-self:center;align-self:center}
/* Compact portal news: one consistent row per item. */
.home-news{grid-template-columns:minmax(0,1fr);gap:9px}.home-news .home-card{position:relative;overflow:hidden;align-items:center;gap:13px;padding:12px 15px;min-height:0}.home-news .home-featured{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%),linear-gradient(120deg,#1a2539,#111a29);border-color:color-mix(in srgb,var(--accent) 55%,#344158)}.home-news .home-pinned{background:linear-gradient(110deg,#251e34,#111824 72%)}.home-news .home-card-title{font-size:1.1rem;line-height:1.45}.home-entrances .home-card-title{font-size:1.02rem}.home-section:first-of-type .home-section-heading h2{font-size:1.2rem}.home-card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.home-card-meta time{display:inline;margin:0 0 0 auto;font-variant-numeric:tabular-nums}.home-category,.home-latest,.home-pin{font-size:.69rem;line-height:1.5;font-weight:700;letter-spacing:.03em;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,#101722);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.home-latest{color:#fff1ee;border-color:#e46e68;background:linear-gradient(110deg,#a6313c,#7b2832);font-weight:800}.home-pin{border-style:dashed}.home-news .home-card-description{margin-top:3px}.home-card-open{align-self:center}.home-member-label{display:inline-flex;gap:4px;align-items:center;color:#e9c765;white-space:nowrap}.home-card-description .home-member-label svg{color:inherit;margin:0;vertical-align:initial}.home-notice{width:100%;font:inherit;text-align:left;cursor:pointer}.home-notice:hover{border-color:var(--accent);background:#1c2940}.home-older summary{padding:8px;color:#ffe29a;font-size:.85rem}.home-older .home-card{margin-top:8px}.home-notice-dialog{width:min(560px,calc(100% - 28px));padding:22px;border:1px solid #53617a;border-radius:13px;background:#141c2a;color:#edf2fb;font:inherit;box-shadow:0 20px 70px #0008}.home-notice-dialog::backdrop{background:#030710c9}.home-notice-dialog h2{font-size:1.2rem;margin:0 0 15px}.home-notice-body{font-size:1rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto}.home-notice-actions{display:flex;justify-content:flex-end;margin-top:18px}@media(max-width:560px){.home-news .home-card{padding:11px;gap:10px}.home-news .home-card-title{font-size:1.02rem}.home-card-meta time{font-size:.7rem}.home-news .home-card-icon,.home-news .home-featured .home-card-icon{width:32px;height:32px}}
/* Channel thumbnails stay separate from database update cards. */
.youtube-section{margin-top:26px;margin-bottom:25px}.youtube-heading{justify-content:space-between;gap:12px}.youtube-heading h2{display:flex;gap:7px;align-items:center}.youtube-heading #youtubeHeadingIcon{display:inline-flex}.youtube-heading #youtubeHeadingIcon svg{color:#e77c7c;width:19px;height:19px;margin:0}.youtube-heading>a{color:#aebed6;text-decoration:none;font-size:.78rem;white-space:nowrap}.youtube-heading>a:hover{color:#ffe29a}.youtube-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.youtube-card{display:flex;flex-direction:column;min-width:0;border:1px solid #344158;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#182131,#111824);color:#edf2fb;text-decoration:none;transition:border-color .15s,background .15s}.youtube-card:hover{border-color:#b97676;background:#202a3c}.youtube-card:focus-visible{outline:2px solid #e4b84f;outline-offset:3px}.youtube-thumbnail{position:relative;display:block;aspect-ratio:16/9;background:#111a29;overflow:hidden}.youtube-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.youtube-play{position:absolute;left:9px;bottom:8px;display:flex;align-items:center;justify-content:center;background:#7d2831e8;border:1px solid #d78080;border-radius:6px;padding:5px 7px}.youtube-play svg{width:17px;height:17px;margin:0;color:#fff0ed;vertical-align:initial}.youtube-copy{padding:10px 12px;display:flex;flex-direction:column;flex:1;gap:8px}.youtube-video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.94rem;font-weight:700;line-height:1.55;min-height:2lh}.youtube-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9baec9;font-size:.73rem;font-variant-numeric:tabular-nums}.youtube-card-meta>span:last-child{margin-left:auto;color:#d4b2b2;white-space:nowrap}.youtube-status{color:#8fa1ba;font-size:.73rem;margin:8px 0 0}.youtube-image-unavailable::before{content:'YouTube';position:absolute;inset:0;display:grid;place-items:center;color:#aebed6;font-size:1.1rem}@media(max-width:640px){.youtube-videos{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:83%;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 9px;scrollbar-width:thin}.youtube-card{scroll-snap-align:start}.youtube-heading>a{font-size:.72rem}.youtube-heading h2{font-size:1rem}.youtube-copy{padding:9px 10px}}

.youtube-thumbnail img[hidden]{display:none}

.portal-heading{display:flex;align-items:center;gap:7px}.portal-heading>span{display:inline-flex}.portal-heading svg{width:19px;height:19px;margin:0;vertical-align:initial;color:inherit}.portal-heading-news{color:#e2bd67}.portal-heading-entrances{color:#79c3b1}
/* Section text remains neutral; only its icon carries the theme color. */
.portal-heading-news,.portal-heading-entrances{color:#edf2fb}.portal-heading-news svg{color:#e2bd67}.portal-heading-entrances svg{color:#79c3b1}
.video-platform-tabs{display:inline-flex;gap:3px;padding:3px;border:1px solid #344158;border-radius:8px;background:#0f1622;margin-right:auto}.video-platform-tabs button{font:inherit;font-size:.78rem;color:#aebbd1;background:transparent;border:1px solid transparent;border-radius:5px;padding:5px 11px;cursor:pointer;line-height:1.4;white-space:nowrap}.video-platform-tabs button:hover{color:#edf2fb;background:#202b40}.video-platform-tabs button[aria-selected=true][data-video-platform=youtube]{background:#672d36;border-color:#c16b71;color:#ffebeb}.video-platform-tabs button[aria-selected=true][data-video-platform=niconico]{background:#2d3747;border-color:#96a5b9;color:#fff}.video-platform-tabs button:focus-visible{outline:2px solid #e4b84f;outline-offset:2px}.youtube-section[data-video-platform=niconico] #youtubeHeadingIcon svg{color:#d5deeb}.youtube-section[data-video-platform=niconico] .youtube-play{background:#252f3fe8;border-color:#9aa9be}.youtube-section[data-video-platform=niconico] .youtube-card-meta>span:last-child{color:#bfcde1}.youtube-section[data-video-platform=niconico] .youtube-image-unavailable::before{content:'ニコニコ動画'}@media(max-width:760px){.youtube-heading{flex-wrap:wrap}.video-platform-tabs{order:3;flex-basis:auto;margin-right:0}.youtube-heading>a{margin-left:auto}.youtube-heading h2{min-width:0}.youtube-card-meta{flex-wrap:wrap}}

.recommended-section #recommendedTitle svg{color:#e4bd6b}.recommended-card{display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden;border:1px solid #665436;border-radius:12px;background:linear-gradient(115deg,#242435,#151d2b)}.recommended-thumbnail{align-self:center;margin:12px;border-radius:8px;aspect-ratio:16/9}.recommended-copy{padding:15px 18px 15px 4px;min-width:0}.recommended-label{font-size:.76rem;color:#ffe29a;background:#604a254d;border:1px solid #826539;border-radius:5px;padding:3px 8px;display:inline-block}.recommended-copy h3{font-size:1.15rem;line-height:1.5;margin:8px 0 5px;color:#f4f7ff}.recommended-copy p{font-size:.9rem;line-height:1.65;color:#d5ddec;margin:0}.recommended-copy small{font-size:.74rem;color:#aab3c6}.recommended-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recommended-actions a{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;font-size:.86rem;font-weight:700;text-decoration:none;border:1px solid #52627a;border-radius:7px;color:#e7edf7;background:#202b3d}.recommended-actions a.recommended-primary{color:#231c10;background:#e9bd57;border-color:#e9bd57}.recommended-actions a:hover{filter:brightness(1.12)}.recommended-actions a:focus-visible,.recommended-thumbnail:focus-visible{outline:2px solid #ffe29a;outline-offset:3px}@media(max-width:600px){.recommended-card{grid-template-columns:1fr}.recommended-thumbnail{margin:12px 12px 0}.recommended-copy{padding:13px 15px 16px}.recommended-copy h3{font-size:1.05rem}}

.recommended-videos{display:grid;gap:12px}.recommended-card{background:linear-gradient(135deg,#1c2636,#131b28);border-color:#39485f}.recommended-copy{display:flex;flex-direction:column;justify-content:center;gap:7px}.recommended-copy h3{margin:0;line-height:1.5}.recommended-copy p{margin:0;white-space:pre-line}.recommended-actions{margin-top:4px}.recommended-actions a.recommended-primary{background:#293d56;border-color:#607d9d;color:#edf5ff}.recommended-actions a.recommended-primary .ui-icon{color:#b8d7f5;width:15px;height:15px;margin-right:6px}.recommended-play-right{left:auto;right:9px}.recommended-text-only{grid-template-columns:1fr}.recommended-text-only .recommended-copy{padding:16px 18px}.recommended-section[hidden]{display:none}

/* Distinct destinations with a consistent compact button shape. */
.recommended-actions a.recommended-tier{color:#d9c4f1;border-color:#89709f;background:#202b3d}.recommended-actions a.recommended-formation{color:#a0dfd1;border-color:#518e84;background:#202b3d}.recommended-actions a{min-height:36px;line-height:1.4;gap:6px}.recommended-actions a .ui-icon{width:15px;height:15px;margin:0;flex:none}.recommended-actions a.recommended-primary .ui-icon{margin:0}.recommended-actions a.recommended-tier:hover{background:#302d43}.recommended-actions a.recommended-formation:hover{background:#233d3d}
.recommended-actions a.recommended-tier .ui-icon,.recommended-actions a.recommended-formation .ui-icon{color:inherit}
