/* thescent · blue hour / uniquement chargé sur le miroir */
html.thescent,html.thescent[data-theme],html.thescent [data-zone="cine"]{
 --bg:#080f1a;--bg-2:#0c1624;--card:#111e30;--card-2:#17263b;--card-3:#1d3048;
 --line:#25394f;--line-2:#36516c;--text:#edf5ff;--muted:#afc0d5;--dim:#879bb4;
 --accent:#a8d8ff;--accent-2:#c9e8ff;--accent-soft:#90caff1a;--gold:#9daff1;--blue:#8dcfff;--ok:#94d7c4;
 --r:20px;--r-sm:13px;--r-lg:28px;--w:1400px;--ui:"Plus Jakarta Sans","Noto Sans JP",system-ui,sans-serif;
 color-scheme:dark;
}
html.thescent body{text-transform:lowercase;background:radial-gradient(ellipse 70% 480px at 75% 0,#1b365c3b,transparent),var(--bg);letter-spacing:.005em}
html.thescent body *{text-transform:lowercase!important}
html.thescent :is(input,textarea,code,pre,[contenteditable]),html.thescent :is(code,pre,[contenteditable]) *{text-transform:none!important}
html.thescent :is(h1,h2,h3,.sec-h h2,.hero h1,.cd-title){font-family:var(--ui);text-transform:lowercase;letter-spacing:-.04em}
html.thescent a:focus-visible,html.thescent button:focus-visible{outline:2px solid #b3e2ff;outline-offset:5px}
html.thescent .hd{height:76px;background:#080f1aeb;border-bottom:1px solid #b2d9ff12;gap:22px;backdrop-filter:blur(22px)}
html.thescent .hd .logo{font-size:17px;white-space:nowrap;letter-spacing:-.06em}
html.thescent .hanko{background:#a6daff17;box-shadow:none;border:1px solid #a6daff3b;border-radius:50%;color:#bfe8ff;transform:none}
html.thescent .ts-mark{font-family:var(--ui);font-size:27px;width:34px;height:34px}
html.thescent .nav>a,html.thescent .nav>.dd>button{font-size:12px;padding:9px 10px;color:#b9cce1;border-radius:100px}
html.thescent .nav>a:hover,html.thescent .nav>a.on,html.thescent .nav>.dd>button:hover{background:#a2d4ff13;color:#ddf2ff}
html.thescent .nav>a[href="#/seasons"],html.thescent .nav>a[href="#/random"]{display:none}
html.thescent .btn{background:#a8d8ff;color:#0a2139;border:1px solid #c5e7ff44;border-radius:100px;font-weight:800;box-shadow:none;text-transform:lowercase;letter-spacing:0;transition:background .18s,transform .18s}
html.thescent .btn:hover{background:#c7e8ff;transform:translateY(-1px)}
html.thescent .btn.ghost{background:#a2cfff08;color:#d5eaff;border:1px solid #a7d5ff33}
html.thescent .btn.danger{background:#a63b5333;color:#ffb3c4;border-color:#e58aa84d}
html.thescent :is(.box,.menu,.modal,.mo,.dk-win){background:#101c2d;border:1px solid #b0d6ff24;box-shadow:0 18px 55px #030a1240}
html.thescent .inp{background:#0b1625;border-color:#a4caff2b;border-radius:14px}
html.thescent :is(.chip,.tag){border-color:#a9d4ff29;border-radius:100px;background:#91bfff0b;color:#c2d9f0;text-transform:lowercase;letter-spacing:0}
html.thescent .chip.acc{background:#a0d0ff18;color:#c6e9ff}
html.thescent .ft{border-top:1px solid #a1d3ff1a;background:#0a1321;margin-top:56px;color:#9eb3cb}
html.thescent .ft .wrap{gap:24px;padding-top:28px;padding-bottom:28px}
html.thescent .jp{font-family:var(--ui);font-size:12px;color:#a4bad2}
html.thescent .sec-h h2{font-size:24px;font-weight:700}
html.thescent .sec-h h2::before{content:"✧";color:#a9d8ff;margin-right:9px;font-size:19px}
html.thescent .sec{margin-top:36px}
html.thescent .card .poster,html.thescent .card .thumb,html.thescent .wcard .thumb{border-radius:17px;border:1px solid #d2eaff16;box-shadow:0 12px 26px #01071244}
html.thescent .hero{margin-top:0}
html.thescent .hero-bg::after{background:linear-gradient(0deg,#080f1a,transparent 90%)}
html.thescent .au-bg{background-image:url('/img/thescent/blue-hour.webp')!important;filter:saturate(.85)}
html.thescent .au-bg::after{background:linear-gradient(100deg,#080f1aef,#080f1a85)}
html.thescent .au-box{background:#0b1628ed;border:1px solid #a8d8ff33;border-radius:28px;box-shadow:0 30px 100px #0006;padding:36px}
html.thescent .hold-art img{content:url('/img/thescent/miku-bobo.webp');object-fit:contain;max-height:500px}
html.thescent .dk-screen,html.thescent .dk-player{background-color:#122e48}
html.thescent .leaves,html.thescent .cy-fx{display:none!important}
html.thescent .ts-home{padding-top:0}
.ts-topline{display:flex;justify-content:space-between;align-items:center;padding:23px 2px 19px;font-size:12px;color:#9cb2cb;letter-spacing:.04em;gap:14px}
.ts-topline>span:first-child{color:#c8e8ff;font-size:14px}
.ts-welcome{min-height:456px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b1d9ff2b;border-radius:28px;background:#15253c}
.ts-welcome-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}
.ts-welcome-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101e32fa 0%,#101e32ed 29%,#101e3280 54%,#101e3200 78%),linear-gradient(0deg,#0b182a70,transparent 35%);z-index:-2}
.ts-welcome-copy{padding:44px 48px;max-width:720px}
.ts-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;color:#b0d4f4}
.ts-welcome h1{font-size:clamp(42px,5vw,70px);line-height:1.08;font-weight:700;margin:18px 0;color:#f2f6ff;letter-spacing:-.065em}
.ts-welcome h1 em{font-style:normal;color:#a4d7ff}
.ts-welcome h1>span{font-size:35px;font-weight:400;vertical-align:top;color:#c1c8ff}
.ts-welcome-copy>p{font-size:14px;line-height:1.9;color:#c3d2e4;max-width:500px}
.ts-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap;align-items:center}
.ts-actions .btn{font-size:12px;padding:13px 20px;min-height:46px}
.ts-welcome-tags{display:flex;gap:17px;flex-wrap:wrap;color:#afc5dc;font-size:10px;margin-top:27px}
.ts-art-note{position:absolute;bottom:21px;right:25px;padding:7px 14px;border-radius:100px;background:#0815298c;backdrop-filter:blur(12px);border:1px solid #c8e6ff26;font-size:10px;color:#deedff}
.ts-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 42px}
.ts-shortcuts>a{display:flex;align-items:center;gap:13px;background:#0f1b2b;border:1px solid #a3cfff20;border-radius:18px;padding:19px 20px;transition:background .2s,border-color .2s}
.ts-shortcuts>a:hover{background:#17283c;border-color:#9aceff70}
.ts-shortcuts>a>span{font-size:24px;color:#aacfff;width:35px;text-align:center}
.ts-shortcuts b{display:block;font-size:12px;color:#dbe9fa;font-weight:600}
.ts-shortcuts small{display:block;color:#8fa8c3;font-size:10px;margin-top:3px}
.ts-shortcuts i{font-style:normal;margin-left:auto;color:#7698b9}
.ts-library-label{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.ts-library-label h2{font-size:28px;font-weight:600;letter-spacing:-.05em;margin-top:8px}
.ts-library-label>a{font-size:12px;color:#b0d5f5}
html.thescent #ts-library>#hero{display:none}
html.thescent #ts-library .sec:first-child{margin-top:22px}
.ts-kindness{display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#122b41,#101b30);border:1px solid #a1ceff24;border-radius:22px;margin:48px 0 10px;padding:26px 30px}
.ts-kindness>span{font-size:36px;color:#a5d8ff}
.ts-kindness p{color:#9fb8d1;font-size:12px;line-height:1.9}
.ts-kindness b{font-weight:600;color:#d4e8fc;font-size:14px}
.ts-kindness>a{margin-left:auto;white-space:nowrap;color:#b4daff;font-size:12px}
.ts-load-error{margin-top:24px;padding:30px}.ts-load-error p{color:var(--muted);margin:12px 0 20px}
.ts-community-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;padding:28px 36px 20px;border:1px solid #a6d8ff26;background:radial-gradient(ellipse at right,#223c63,#0f1d30 70%);border-radius:28px}
.ts-community-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.2;margin:22px 0;font-weight:600}
.ts-community-hero em{font-style:normal;color:#b2dcff}
.ts-community-hero p{font-size:14px;color:var(--muted);line-height:1.9}
.ts-community-hero img{object-fit:contain;width:100%;height:auto;max-height:390px}
.ts-community-heading{margin:42px 0 22px}.ts-community-heading h2{font-weight:600;font-size:28px;margin:10px 0}.ts-community-heading p{color:var(--muted);font-size:13px}
.ts-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ts-values .box{padding:26px;margin:0;border-radius:22px}.ts-value-icon{font-size:26px;color:#b5dcff}.ts-values h3{font-weight:600;font-size:17px;margin:14px 0 10px}.ts-values p{font-size:12px;color:var(--muted);line-height:1.9}
@media(min-width:1500px){.ts-welcome{min-height:500px}.ts-welcome-copy{padding:54px 56px}}
@media(max-width:1100px){html.thescent .hd{gap:12px}html.thescent .nav>a,html.thescent .nav>.dd>button{padding:9px 7px;font-size:11px}.ts-shortcuts>a{padding:16px 12px;gap:8px}.ts-shortcuts small{font-size:9px}.ts-welcome-copy{padding:40px 30px}.ts-welcome-shade{background:linear-gradient(90deg,#101e32fa,#101e32da 38%,#101e3240 80%)}.ts-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.ts-topline>span:last-child{display:none}.ts-welcome{min-height:480px}.ts-welcome-art{object-position:63% center}.ts-welcome-shade{background:linear-gradient(90deg,#101e32ed,#101e32c9 50%,#101e3240),linear-gradient(0deg,#101e32 0%,transparent 80%)}.ts-welcome h1{font-size:52px}.ts-welcome-copy{padding:32px 24px}.ts-welcome-copy>p{font-size:12px}.ts-art-note{font-size:9px;bottom:14px;right:15px}.ts-welcome-tags{max-width:300px;gap:8px 14px}.ts-shortcuts{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:30px}.ts-shortcuts small{font-size:10px}.ts-library-label h2{font-size:24px}.ts-kindness{padding:22px;gap:16px;flex-wrap:wrap}.ts-kindness>a{margin-left:0}.ts-community-hero{grid-template-columns:1fr;padding:26px;gap:10px}.ts-community-hero img{height:240px;grid-row:2}.ts-community-hero h1{font-size:36px}}
@media(max-width:480px){.ts-welcome h1{font-size:43px}.ts-welcome{min-height:490px}.ts-welcome-copy{padding:30px 21px}.ts-actions{gap:9px}.ts-actions .btn{font-size:11px;padding:11px 15px}.ts-welcome-tags{font-size:9px;max-width:250px}.ts-shortcuts>a{padding:14px 12px}.ts-shortcuts>a>span{font-size:21px;width:24px}.ts-shortcuts b{font-size:11px}.ts-shortcuts small{font-size:9px}.ts-values{grid-template-columns:1fr}.ts-library-label{align-items:start}.ts-library-label>a{font-size:10px;margin-top:6px}.ts-library-label h2{font-size:22px}.ts-kindness>span{font-size:28px}.ts-kindness b{font-size:12px}.ts-community-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html.thescent *,html.thescent *::before,html.thescent *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.ts-social-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #adcfff1b;padding:0 0 26px;margin:-14px 0 30px;color:#9eb9d4;font-size:11px}.ts-social-strip>div{display:flex;gap:23px}.ts-social-strip a{color:#c2e3ff}.ts-social-strip a:hover{color:#fff}
.ts-social-block{margin-top:38px}.ts-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ts-socials>a{display:flex;align-items:center;gap:15px;padding:19px 20px;border:1px solid #a8d9ff26;border-radius:17px;background:#0e1c2d;transition:background .2s}.ts-socials>a:hover{background:#192d44}.ts-socials>a>span{font-size:24px;width:30px;text-align:center;color:#a9d7ff}.ts-socials b{font-size:13px;font-weight:600;display:block}.ts-socials small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.ts-socials i{font-style:normal;margin-left:auto;color:#91b6d8}
@media(max-width:800px){.ts-socials{grid-template-columns:repeat(2,1fr)}.ts-social-strip{align-items:start;flex-direction:column;gap:12px;margin-top:-10px}.ts-social-strip>div{flex-wrap:wrap;gap:18px}}
@media(max-width:480px){.ts-socials{grid-template-columns:1fr}.ts-social-strip{font-size:10px}}

html.thescent .sn-art{background:linear-gradient(110deg,#102c48d9,#17314c88),url('/img/thescent/blue-hour.webp') center 56%/cover!important;color:#c2e5ff}
html.thescent .sn-art::before{background:none;opacity:.3}html.thescent .sn-logo{color:#d8edff}html.thescent .sn-logo i{background:#86bfff33;color:#d4ebff}html.thescent .sn-k{color:#d8edff;text-shadow:0 0 30px #8ecfff55}
html.thescent .sec-h .more{white-space:nowrap}
@media(max-width:480px){html.thescent .sec-h h2{font-size:19px;letter-spacing:-.05em}html.thescent .sec-h{gap:8px}html.thescent .sec-h .more{font-size:10px}.ts-library-label h2{font-size:21px}}

html.thescent .nav.open{top:76px;background:#0c1828f7;border-bottom:1px solid #b0d6ff30}

html.thescent .nf-art img{content:url("/img/thescent/miku-bobo.webp");object-fit:contain;max-height:440px;animation:none}

/* guirlande blanche & bleue et petits pixels */
.ts-garland{display:flex;justify-content:space-around;position:absolute;top:74px;left:0;right:0;height:24px;z-index:39;pointer-events:none;overflow:hidden}.ts-garland::before{content:"";position:absolute;inset:0 -2% auto;height:17px;border-bottom:1px solid #d9efff66;border-radius:0 0 50% 50%}.ts-garland>span{position:relative;width:8px;height:16px;margin-top:7px;border-left:1px solid #c9e8ff80}.ts-garland i{display:block;position:absolute;bottom:0;left:-4px;width:7px;height:9px;border-radius:2px;background:#87cfff;box-shadow:0 0 9px #77bdff80}.ts-garland .white i{background:#edf8ff;box-shadow:0 0 10px #e3f6ff88}
html.thescent .jp,html.thescent .hero-jp{display:none!important}html.thescent .ts-mark{background:url('/img/thescent/pixel-miku.svg') center/28px no-repeat;font-size:0!important;border:0;border-radius:0;image-rendering:pixelated}
html.thescent .ts-home{background-image:radial-gradient(#a1d6ff16 1px,transparent 1px);background-size:20px 20px}
html.thescent .ts-value-icon{image-rendering:pixelated}html.thescent .sn-k{font-size:0!important}html.thescent .sn-k::after{content:"✧";font:50px var(--ui);color:#d8eeff}html.thescent .sn-logo i{font-size:0}html.thescent .sn-logo i::after{content:"♡";font:15px var(--ui)}
html.thescent .bdg svg{filter:drop-shadow(0 2px 4px #06132166)}html.thescent .bdg-sheen{background:linear-gradient(110deg,transparent,#b5dfff33,transparent)}
.ts-pixel-miku{image-rendering:pixelated;width:72px;height:72px;object-fit:contain}
html.thescent .ts-community-hero::after{content:"";background:url('/img/thescent/pixel-miku.svg') center/contain no-repeat;position:absolute;width:60px;height:60px;right:24px;bottom:16px;image-rendering:pixelated}.ts-community-hero{position:relative}
@media(prefers-reduced-motion:reduce){.ts-garland i{box-shadow:none}}

html.thescent .ts-home{background-image:url('/img/thescent/pixel-sky.svg')}html.thescent .ts-topline>span:first-child::before{content:"";display:inline-block;width:27px;height:27px;margin-right:9px;vertical-align:middle;background:url('/img/thescent/pixel-miku.svg') center/contain no-repeat;image-rendering:pixelated}html.thescent .lb-film-icon{border-radius:5px;box-shadow:3px 3px 0 #82bcff1a}