@font-face{font-family:Nunito;src:url('assets/nunito-400.ttf');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-600.ttf');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-700.ttf');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-800.ttf');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-900.ttf');font-weight:900;font-style:normal;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fff7fb;color:#342c48;font:18px/1.5 Nunito,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #d7cadc;border-radius:14px;padding:12px 18px;min-height:48px}button:hover,a:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #246e80;outline-offset:4px}button[disabled]{opacity:.7;cursor:default}.primary{display:inline-block;background:#754372;color:#fff;border:0;border-radius:999px;padding:14px 24px;font-weight:800}.brandbar{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:16px 4vw;height:82px;background:#fffdfef5;border-bottom:1px solid #e4d8e2}.brand{font-weight:900;font-size:24px;letter-spacing:.04em}.brandbar nav{display:flex;gap:28px;align-items:center}.brandbar [aria-current]{font-weight:900;border-bottom:3px solid #d66f9d}.brandbar button{font-size:16px}.marquee{background:#f5bcd6;overflow:hidden;white-space:nowrap;height:43px;display:flex;align-items:center;font-size:16px;letter-spacing:.15em;font-weight:900}.marquee>div{min-width:max-content;animation:marquee 42s linear infinite}.marquee:hover>div,.marquee:focus-within>div{animation-play-state:paused}.still *{animation:none!important;transition:none!important}.proposal{position:fixed;right:12px;bottom:0;font-size:11px;letter-spacing:.08em;margin:0;background:#fff9;padding:2px 8px;pointer-events:none}main{padding:28px 4vw 24px;max-width:1800px;margin:auto}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:900;margin:0 0 10px}.fine{font-size:15px;line-height:1.5;color:#64596d}.pill{display:inline-block;background:#dcf2e5;padding:4px 12px;border-radius:8px;font-weight:800;font-size:14px}h1,h2,p{margin-top:0}h1{font-size:48px;line-height:1.05;letter-spacing:-.04em;margin-bottom:14px}h2{font-size:30px;line-height:1.15;margin-bottom:16px}h1 span{font-size:23px;font-weight:600;letter-spacing:0;margin-left:14px}em{color:#b65d90;font-style:normal}.landing{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:calc(100svh - 180px)}.intro h1{font-size:clamp(58px,6.3vw,110px);font-weight:900}.motto{font-size:24px;font-weight:800}.episode-card{background:#eee8f4;border-radius:32px;padding:24px;box-shadow:0 20px 60px #77607517}.cover{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.cover img{width:100%;max-height:58svh;object-fit:contain;border-radius:120px 120px 12px 12px}.cover h2{font-size:52px;margin:14px 0}.episode-card>p:last-child{font-size:15px;margin:18px 0 0}.episode-heading{display:flex;align-items:center;gap:30px;margin-bottom:18px}.back{font-size:16px;background:transparent;white-space:nowrap}.episode-heading h1{margin:0}.tabs{display:flex;gap:8px;border-bottom:1px solid #d6c9db;padding:0 0 12px;margin-bottom:18px}.tabs button{background:transparent;border-color:transparent;font-weight:800;padding:10px 22px}.tabs [aria-selected=true]{background:#493854;color:#fff}.costume-view,.watch{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center}.art{display:block;padding:0;background:linear-gradient(130deg,#eeeaf4,#f9eaf1);width:100%;height:clamp(390px,56svh,680px);border-radius:26px;border:1px solid #e1d4e4;overflow:hidden;position:relative}.art img{display:block;object-fit:contain;width:100%;height:calc(100% - 46px);padding:16px}.enlarge{height:46px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;background:#ffffffb8;position:absolute;bottom:0;width:100%}.looks{display:grid;gap:9px;margin:24px 0 16px}.looks button{display:flex;gap:14px;align-items:center;text-align:left;min-height:58px}.looks b{margin-left:auto}.looks [aria-pressed=true]{background:#def2e8;border:2px solid #55917c}.number{font-size:14px;opacity:.7}.episode-footer{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-top:18px}.facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.facts span{background:#e2f1eb;border-radius:20px;padding:6px 12px;font-size:16px}.wide-art .art{height:clamp(390px,55svh,660px)}.wide-art>p{font-size:16px;margin:12px 0 0}.form-view{max-width:860px;margin:auto}.form-view h1{margin-top:24px}.form-view label{display:grid;gap:6px;margin-bottom:18px;font-weight:700}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-view input,.form-view textarea{width:100%;border:1px solid #b8a8be;background:#fff;border-radius:10px;padding:12px}.form-view textarea{min-height:90px}.form-actions{display:flex;justify-content:flex-end;gap:16px}.form-notice{font-size:16px;border-left:3px solid #a66b9e;padding:8px 14px;background:#fff}dialog{width:min(1300px,96vw);height:94svh;border:0;border-radius:18px;background:#fffcfd;padding:18px}dialog::backdrop{background:#24182cbb}dialog>button{float:right}.large{clear:both;height:calc(100% - 108px);overflow:auto}.large img{display:block;width:100%;height:100%;object-fit:contain}#caption{font-size:16px;text-align:center;margin:12px 0}body[data-design=b]{background-color:#f7f7ed;background-image:radial-gradient(#b9ccc1 1px,transparent 1px);background-size:24px 24px;color:#28473f}body[data-design=b] .brandbar{background:#e1f3e9;border-color:#a8cabb}body[data-design=b] .marquee{background:#def2fa;transform:rotate(-.35deg);border-bottom:1px solid #b5d0dc}body[data-design=b] .intro h1{font-size:clamp(58px,6vw,96px)}body[data-design=b] em{color:#39796b}body[data-design=b] .primary{background:#2f7566;border-radius:12px}body[data-design=b] .episode-card{background:#fff;border:2px solid #a9caba;border-radius:8px;box-shadow:10px 10px 0 #dbeac9}body[data-design=b] .cover{grid-template-columns:1.2fr 1fr}body[data-design=b] .cover img{border-radius:8px}body[data-design=b] .workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;background:#fffdf8;border:1px solid #adcabc;padding:24px;border-radius:8px;box-shadow:8px 8px 0 #d6e7df}body[data-design=b] .episode-heading{grid-column:1/-1}body[data-design=b] .tabs{display:flex;flex-direction:column;border:0;margin:0;padding:0;align-self:start}body[data-design=b] .tabs button{text-align:left;border-radius:8px;padding:14px}body[data-design=b] .tabs [aria-selected=true]{background:#d9efb7;color:#254d39}body[data-design=b] .costume-view,body[data-design=b] .watch{grid-template-columns:minmax(0,1fr) 300px;gap:24px}body[data-design=b] .art{border-radius:4px;background:#f0f6ea;height:clamp(370px,53svh,600px)}body[data-design=b] .looks button{border-radius:7px}body[data-design=b] .looks [aria-pressed=true]{background:#fde3c9;border-color:#b4865b}body[data-design=b] .episode-footer{grid-column:1/-1;border-top:1px dashed #adbaaa;padding-top:16px}body[data-design=b] .eyebrow{color:#5d796e}
@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:850px){body{font-size:18px}.brandbar{height:auto;min-height:76px;gap:8px;padding:12px 18px;flex-wrap:wrap}.brand{font-size:20px}.brandbar nav{gap:12px;font-size:15px}.brandbar nav a:first-child{display:none}.brandbar button{padding:6px 10px;min-height:44px;font-size:13px}.marquee{height:36px;font-size:13px}main{padding:20px 18px 30px}.landing{grid-template-columns:1fr;gap:28px}.intro h1,body[data-design=b] .intro h1{font-size:58px}.motto{font-size:22px}.episode-card{padding:18px}.cover{gap:16px}.cover h2{font-size:32px}.cover .primary{font-size:16px;padding:12px}.episode-heading{display:block;margin-bottom:16px}.back{padding:6px 0;border:0;margin-bottom:14px;min-height:44px}.episode-heading h1{font-size:38px}.episode-heading h1 span{display:block;font-size:22px;margin:8px 0 0}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tabs button{font-size:15px;padding:10px 6px;min-height:48px}.costume-view,.watch{grid-template-columns:1fr;gap:22px}.art{height:340px}.art img{padding:8px}.looks{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.looks button{padding:10px;font-size:16px;gap:7px;min-height:60px}.looks .number{display:none}.costume-view aside h2{font-size:27px}.episode-footer{display:block;font-size:13px}.episode-footer span{display:block;margin:8px 0}.wide-art .art{height:340px}.fields{grid-template-columns:1fr;gap:0}.form-view h1{font-size:36px}body[data-design=b] .workspace{display:block;padding:16px;box-shadow:5px 5px 0 #d6e7df}body[data-design=b] .tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px}body[data-design=b] .tabs button{text-align:center;padding:10px 4px}body[data-design=b] .costume-view,body[data-design=b] .watch{grid-template-columns:1fr}body[data-design=b] .art{height:320px}body[data-design=b] .looks{grid-template-columns:1fr}body[data-design=b] .looks .number{display:inline}body[data-design=b] .costume-view aside h2{font-size:27px}.wide-art>p{font-size:16px}.proposal{font-size:9px}}

.intro h1{animation:entrance .65s ease-out both}.episode-card{animation:entrance .8s ease-out both}@keyframes entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.episode-video{width:100%;aspect-ratio:16/9;min-height:200px;background:#172720;border:1px solid #adcabc;border-radius:4px;overflow:hidden}.episode-video iframe{display:block;width:100%;height:100%;border:0}#panel{min-width:0}
.costume-mat{height:calc(100% - 46px);padding:16px;display:flex;justify-content:center;align-items:center}.costume-frame{display:block;height:100%;max-width:100%;aspect-ratio:2/3;overflow:hidden}.art.costume-art .costume-frame img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0}@media(max-width:850px){.costume-mat{padding:8px}}
dialog{width:98vw;max-width:98vw;height:98dvh;max-height:98dvh;padding:8px;overflow:hidden;border-radius:12px}dialog>button{position:absolute;top:12px;right:12px;z-index:2;float:none;background:#fffef7ed;min-height:44px;padding:8px 16px;box-shadow:0 2px 12px #0002}.large{display:flex;justify-content:center;align-items:center;clear:none;height:100%;overflow:hidden}.zoom-frame{display:block;width:100%;height:100%}.large img{width:100%;height:100%;object-fit:contain}.costume-lightbox .zoom-frame{width:auto;max-width:100%;aspect-ratio:2/3}.costume-lightbox .large img{object-fit:cover;object-position:center}#caption{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;padding:4px 12px;border-radius:8px;background:#fffef7e8;font-size:14px;max-width:85%;pointer-events:none}
body[data-design=b]:not([data-view=episode]){background-color:#fff4fa;background-image:radial-gradient(#b8dce8 1px,transparent 1px);color:#44334f}body[data-design=b]:not([data-view=episode]) .brandbar{background:#ffe5f0;border-color:#e7bbd0}body[data-design=b]:not([data-view=episode]) .marquee{background:#d9f4fb;border-color:#b5dce8}body[data-design=b]:not([data-view=episode]) em{color:#b05284}body[data-design=b]:not([data-view=episode]) .primary{background:#365d78}body[data-design=b]:not([data-view=episode]) .episode-card{background:#fffafd;border-color:#e0b7ce;box-shadow:10px 10px 0 #cfeef6}body[data-design=b]:not([data-view=episode]) .eyebrow{color:#72536e}
.brandbar{position:relative;z-index:3}.brandbar nav>a,.brandbar nav>button{display:inline-flex!important;align-items:center;min-height:44px}.brandbar #site-home{font-size:inherit;padding:0;border:0;background:transparent}.episode-menu{position:relative}.episode-menu>button{font-size:inherit;background:#fff9;min-height:44px;padding:8px 14px}#episode-links{position:absolute;right:0;top:calc(100% + 8px);width:240px;padding:8px;margin:0;list-style:none;background:#fffafd;border:1px solid #e0b7ce;border-radius:14px;box-shadow:0 12px 32px #44334f26;z-index:5}#episode-links a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:12px;border-radius:8px;color:#44334f}#episode-links a:hover{background:#def2ec}#episode-links span{font-size:12px;grid-row:1/3}#episode-links small{font-size:14px}body[data-view=episode] #episode-links{background:#fffdf8;border-color:#adcabc}@media(max-width:850px){.brandbar nav{width:100%;justify-content:space-between;gap:12px}.brandbar .episode-menu>button{font-size:15px}#episode-links{max-width:85vw}}
#lightbox>button{width:44px;height:44px;padding:0;font-size:28px;line-height:1}#caption{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.official-logo{display:block;width:260px;max-width:100%;height:auto}.dream-sparkles{pointer-events:none}body[data-design=a] .dream-sparkles{display:none}
