/* Layout is present in the first HTML; only missing content is animated. */
.boot-placeholder{pointer-events:none;user-select:none}
.brand-skeleton{min-width:0;overflow:hidden}
.brand-skeleton .poster{position:relative;display:block;aspect-ratio:2/3;border:1px solid #38393c;border-radius:12px;background:linear-gradient(145deg,#242629,#191a1c);animation:none!important;overflow:hidden}
.brand-skeleton .poster::before,.brand-skeleton .poster::after{content:none!important}
.boot-spark{position:absolute;left:calc(50% - 16px);top:calc(44% - 16px);width:32px;height:32px;color:var(--accent,#f04a32);animation:boot-orbit 3.6s linear infinite;transform-origin:center}
.boot-spark svg{display:block;width:100%;height:100%;stroke-width:2.2;stroke-linecap:butt}
.boot-poster-title{position:absolute;left:12px;right:12px;bottom:18px;display:grid;gap:8px}
.boot-poster-title i,.boot-card-meta i,.boot-resume-copy i,.boot-detail-lines i{display:block;height:9px;border-radius:3px;background:#56585b55}
.boot-poster-title i:last-child{width:68%;height:8px;background:#45474a66}
.boot-card-meta{display:flex;gap:12px;align-items:center;height:29px;padding:4px 3px}
.boot-card-meta i{width:30px;height:7px}.boot-card-meta i:last-child{width:45px;background:#45474a55}
.boot-personal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.boot-resume{display:flex;align-items:center;gap:16px;min-height:124px;border:1px solid #3e4045;border-radius:12px;padding:14px;background:#1b1c1e}
.boot-resume-art{position:relative;flex:0 0 64px;height:94px;border-radius:7px;background:#292b2e}
.boot-resume-art .boot-spark{width:26px;height:26px;left:calc(50% - 13px);top:calc(50% - 13px)}
.boot-resume-copy{display:grid;gap:12px;flex:1;min-width:0}.boot-resume-copy i:nth-child(2){width:57%;height:7px}.boot-resume-copy i:nth-child(3){width:85%;height:5px;background:#45474a55}
.boot-personal-list{display:none}html.boot-account-pending .boot-personal-list{display:grid}
html:not(.boot-has-history) .boot-personal-list{grid-template-columns:1fr}
html:not(.boot-has-history) .boot-personal-list .boot-resume:nth-child(2){display:none}
html.boot-has-history .boot-personal-list .boot-resume{flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:248px;overflow:hidden}
html.boot-has-history .boot-personal-list .boot-resume-art{flex:0 0 148px;width:100%;height:148px;border-radius:11px 11px 0 0}
html.boot-has-history .boot-personal-list .boot-resume-copy{padding:18px 14px;gap:10px}
html.boot-has-history .boot-personal-list .boot-resume-copy i:first-child{height:17px;width:75%}
.boot-library-pending{display:none}html.boot-account-pending .boot-library-pending{display:grid;gap:12px}
html.boot-account-pending #my-library #library-list{display:none!important}
html.boot-account-pending #continue-list{display:none!important}
html.boot-account-pending #account-open{position:relative}html.boot-account-pending #account-open>*{visibility:hidden}
html.boot-account-pending #account-open::after,.poster.is-poster-loading::before,.poster.is-poster-failed::before,.resume-art.is-poster-loading::before,.resume-art.is-poster-failed::before{content:'';position:absolute;z-index:1;width:28px;height:28px;left:calc(50% - 14px);top:calc(45% - 14px);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f04a32' stroke-width='2.2'%3E%3Cpath d='M12 2v20M3.34 7l17.32 10M3.34 17 20.66 7'/%3E%3C/svg%3E");animation:boot-orbit 3.6s linear infinite;pointer-events:none}
html.boot-account-pending #account-open::after{width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 10px)}
.poster.is-poster-loading>img,.resume-art.is-poster-loading>img{opacity:0}
.poster.is-poster-failed::before,.resume-art.is-poster-failed::before{animation:none;opacity:.35}
.poster.is-poster-loading h3,.poster.is-poster-failed h3{z-index:2}
.boot-notice{display:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 20px;border:1px solid #44464a;border-radius:8px;color:#b9b8b4;font:13px/1.5 system-ui,sans-serif}.boot-notice button{flex-shrink:0;color:var(--accent,#f04a32)}
html.boot-delayed:not(.boot-done) .boot-notice{display:flex}
#boot-detail{display:none}.boot-detail-hero{position:relative;height:clamp(180px,28vw,300px);border:1px solid #38393c;border-radius:12px;background:linear-gradient(145deg,#242629,#191a1c)}
.boot-detail-lines{display:grid;gap:16px;padding:28px 0}.boot-detail-lines i:first-child{height:35px;width:55%}.boot-detail-lines i:nth-child(2){width:35%}.boot-detail-lines i:nth-child(3){width:80%}
.boot-detail-episodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.boot-detail-episodes i{height:65px;border:1px solid #38393c;border-radius:7px;background:#202225}
html.boot-paused .boot-spark,html.boot-paused .is-poster-loading::before,html.boot-paused #account-open::after,html.watch-focus .boot-spark,html.watch-focus .is-poster-loading::before,html.watch-focus #account-open::after{animation-play-state:paused}
@keyframes boot-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){.boot-personal-list{grid-template-columns:1fr}.boot-personal-list .boot-resume:nth-child(2){display:none}.boot-resume{min-height:112px;padding:12px}.boot-resume-art{height:86px;flex-basis:58px}.boot-poster-title{left:9px;right:9px;bottom:14px}.boot-notice{font-size:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.boot-spark,html.boot-account-pending #account-open::after,.poster.is-poster-loading::before,.resume-art.is-poster-loading::before{animation:none}}
@media(max-width:600px){html.boot-has-history .boot-personal-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;overflow:hidden}html.boot-has-history .boot-personal-list .boot-resume:nth-child(2){display:flex}html.boot-has-history .boot-personal-list .boot-resume-art{height:150px;flex-basis:150px}}