/* LK Studio JP — B3 長影 (long shadow). Light from the top left; every shadow falls to the lower right at 35°, solid, never blurred. */
@font-face{font-family:"LK Sans";src:url(/fonts/lk-latin-300.woff2) format("woff2");font-weight:300;font-display:swap;unicode-range:U+0000-2E7F,U+E000}
@font-face{font-family:"LK Sans";src:url(/fonts/lk-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-2E7F,U+E000}
@font-face{font-family:"LK Sans";src:url(/fonts/lk-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-2E7F,U+E000}
@font-face{font-family:"LK Sans";src:url(/fonts/lk-latin-900.woff2) format("woff2");font-weight:900;font-display:swap;unicode-range:U+0000-2E7F,U+E000}

@property --ls{syntax:"<length>";inherits:false;initial-value:0px}
@property --bs{syntax:"<length>";inherits:true;initial-value:1px}
@property --g{syntax:"<color>";inherits:true;initial-value:#ffcc66}
@property --h{syntax:"<color>";inherits:true;initial-value:#ffcc66}
@property --cast{syntax:"<color>";inherits:true;initial-value:#3a1c40}
@property --ink{syntax:"<color>";inherits:true;initial-value:#3a1c40}

:root{
  --marigold:#ffcc66;--plum:#3a1c40;--cream:#fff4e2;--night:#2e3f7a;--night-cast:#0b1030;--sun:#dda804;
  --surface:#fff4e2;--raised:#ffffff;--ink:#3a1c40;--muted:#6e5571;--line:#eadcc4;--line-strong:#9c8770;--accent-soft:#ffe2a6;--cast:#3a1c40;
  --g:#ffcc66;--h:#ffcc66;
  --font:"LK Sans","LK Sans CJK","Hiragino Sans","Hiragino Kaku Gothic ProN","PingFang SC","Noto Sans CJK JP","Noto Sans JP","Microsoft YaHei",system-ui,sans-serif;
  --serif:"Source Han Serif","Noto Serif CJK JP","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","Songti SC",serif;
  --ease:cubic-bezier(.3,.7,.2,1);
  --gutter:clamp(16px,4.2vw,64px);
  --glass:rgba(255,244,226,.62);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  [data-scheme=auto]{--surface:#141a36;--raised:#1e2750;--ink:#fff4e2;--muted:#b9b4cf;--line:#2c3766;--line-strong:#6e79a8;--accent-soft:#3a4a86;--cast:#0b1030;--glass:rgba(20,26,54,.6);color-scheme:dark}
}
[data-page=thunder]{--surface:#1c1a30;--raised:#26233e;--ink:#fff4e2;--muted:#c9c2dc;--line:#3a3658;--line-strong:#7d77a6;--cast:#06050f;--glass:rgba(28,26,48,.62);color-scheme:dark}
[data-page="404"]{--surface:#2e3f7a;--raised:#25346a;--ink:#fff4e2;--muted:#cfd3ea;--line:#3d4f8c;--cast:#0b1030;--glass:rgba(46,63,122,.6);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-padding-top:80px}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.8;background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;font-feature-settings:"palt" 0}
[data-lang=en] body{line-height:1.6}
[data-page=home] body{background:#ffcc66}
img,svg{display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p,ul,dl,dd{margin:0}
ul{padding:0;list-style:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--marigold);color:var(--plum);padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}

/* type */
.display{font-size:clamp(44px,8.4vw,124px);line-height:.98;font-weight:900;letter-spacing:-.02em}
:is([data-lang=ja],[data-lang=zh]) .display{letter-spacing:0;line-height:1.08;font-size:clamp(40px,7.2vw,108px)}
.h1{font-size:clamp(34px,5.4vw,64px);line-height:1.12;font-weight:700}
.h2{font-size:clamp(26px,3.4vw,40px);line-height:1.25;font-weight:700}
:is([data-lang=ja],[data-lang=zh]) :is(.h1,.h2){line-height:1.3}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.75;max-width:34em}
.kicker,.eyebrow{font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.cast{--ls:.012em;transition:--ls 320ms var(--ease)}
.js .cast:not(.is-in){--ls:0px}
.js [data-r]{opacity:0;transition:opacity 700ms var(--ease) var(--d,0ms)}
.js [data-r].is-in{opacity:1}

/* buttons */
.btn{--bs:1px;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 26px;border-radius:26px;background:var(--marigold);color:var(--plum);font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--btn-cast,var(--cast)),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--btn-cast,var(--cast)),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--btn-cast,var(--cast)),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--btn-cast,var(--cast)),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--btn-cast,var(--cast));
  transition:--bs 320ms var(--ease),transform 320ms var(--ease)}
.btn:hover{--bs:1.5px;transform:translate(-1px,-.7px)}
.btn:active{--bs:.3px;transform:translate(3px,2px);transition-duration:90ms}
.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn-ghost:hover{background:rgba(255,244,226,.08)}
.linkbtn{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:700}
.textlink{font-weight:700;text-underline-offset:4px}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;color:var(--hdr-ink,var(--ink));transition:background-color .35s,box-shadow .35s}
.hdr-in{max-width:1320px;margin:0 auto;height:68px;padding:0 var(--gutter);display:flex;align-items:center;gap:28px}
.hdr.is-solid{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.hdr-logo{display:flex;color:inherit;margin-right:auto}
.lockup{height:20px;width:auto;fill:currentColor}
.lockup text{font-family:"LK Sans",var(--font);fill:currentColor}
.hdr-nav{display:flex;gap:22px}
.hdr-nav a,.hdr-lang a{text-decoration:none;font-weight:700;font-size:14px;position:relative;padding:6px 0}
.hdr-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease)}
.hdr-nav a:hover::after,.hdr-nav a[aria-current]::after{transform:scaleX(1)}
.hdr-lang{display:flex;gap:4px;padding:3px;border-radius:99px;box-shadow:inset 0 0 0 1.5px currentColor}
.hdr-lang a{font-size:12px;padding:4px 10px;border-radius:99px;line-height:1.3}
.hdr-lang a[aria-current]{background:currentColor}
.hdr-lang a[aria-current]>*{color:var(--surface)}
.hdr-lang a[aria-current]{color:var(--hdr-ink,var(--ink))}
.hdr-lang a[aria-current]{background:var(--hdr-ink,var(--ink));color:var(--hdr-bg,var(--surface))}
.hdr-menu{display:none;align-items:center;gap:10px;background:none;border:0;padding:10px 0;cursor:pointer;font-weight:700;font-size:14px}
.hm-l{width:22px;height:12px;position:relative}
.hm-l::before,.hm-l::after{content:"";position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:currentColor;transition:transform 320ms var(--ease)}
.hm-l::before{top:0}.hm-l::after{bottom:0}
.hdr-menu[aria-expanded=true] .hm-l::before{transform:translateY(4.75px) rotate(35deg)}
.hdr-menu[aria-expanded=true] .hm-l::after{transform:translateY(-4.75px) rotate(-35deg)}
.menu{position:fixed;inset:0;z-index:40;background:var(--marigold);color:var(--plum);padding:96px var(--gutter) 32px;display:flex;flex-direction:column;justify-content:space-between;
  clip-path:polygon(0 0,0 0,0 0,0 0);transition:clip-path 520ms var(--ease)}
.menu.is-open{clip-path:polygon(0 0,180% 0,0 260%,0 0)}
.menu[hidden]{display:flex;visibility:hidden}
.menu.is-open[hidden]{visibility:visible}
.menu-list{display:grid;gap:6px}
.menu-list a{display:flex;align-items:center;gap:16px;text-decoration:none;font-weight:700;font-size:clamp(26px,7vw,40px);padding:8px 0}
.menu-list .appicon{border-radius:12px;flex:none}
.menu-langs{display:flex;gap:10px;flex-wrap:wrap}
.menu-langs a{text-decoration:none;font-weight:700;padding:8px 16px;border-radius:99px;box-shadow:inset 0 0 0 2px currentColor}
.menu-langs a[aria-current]{background:var(--plum);color:var(--marigold)}
@media (max-width:960px){.hdr-nav,.hdr-lang{display:none}.hdr-menu{display:inline-flex}}
.menu-open .hdr{color:var(--plum)!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.menu-open{overflow:hidden}

/* ---------------------------------------------------------------- home: one day */
[data-page=home]{--hdr-bg:#ffcc66}
.skybg{position:fixed;inset:0;z-index:-1;pointer-events:none}
.skybg-g{position:absolute;inset:0;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%)}
.skybg-moon{position:absolute;right:max(8vw,40px);top:16vh;width:clamp(28px,3vw,44px);aspect-ratio:1;border-radius:50%;background:var(--cream);opacity:var(--moon,0);transform:translateY(calc((1 - var(--moon,0))*30px))}
[data-page=home] main{color:var(--ink)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;color:var(--plum)}
.hero-mark{position:absolute;right:clamp(16px,9vw,160px);top:clamp(96px,17vh,200px);width:clamp(180px,30vw,460px);height:auto}
.hm-shadow{fill:var(--plum)}
.hm-lit{fill:var(--cream)}
.js .hero-mark .hm-lit{opacity:0;transition:opacity 600ms var(--ease)}
.js .hero.is-in .hm-lit{opacity:1}
.hero-text{position:relative;padding-top:120px;padding-bottom:clamp(56px,11vh,120px)}
.hero .eyebrow{margin-bottom:18px}
.hero .display{max-width:12ch}
:is([data-lang=ja],[data-lang=zh]) .hero .display{max-width:none}
.hero .lead{margin-top:24px}
.scrollcue{display:inline-flex;align-items:center;gap:10px;margin-top:40px;font-weight:700;font-size:13px;text-decoration:none}
.scrollcue svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (max-width:720px){.hero{align-items:flex-end}.hero-mark{width:44vw;right:9vw;top:96px}}

.clockchip{position:fixed;left:var(--gutter);bottom:20px;z-index:30;display:flex;align-items:baseline;gap:10px;padding:8px 16px 8px 14px;border-radius:99px;
  color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s var(--ease);pointer-events:none}
.clockchip.is-on{opacity:1;transform:none}
.cc-t{font-weight:300;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cc-w{font-size:12px;font-weight:700;letter-spacing:.04em}

.chap{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:clamp(96px,14vh,160px)}
.chap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.chap-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.chap-icon{display:block;margin:8px 0 4px;border-radius:18px}
.chap-icon .appicon{border-radius:16px}
.chap-name{font-size:clamp(40px,6vw,76px);line-height:1.05;font-weight:700}
.chap-line{font-size:clamp(20px,2.1vw,26px);line-height:1.45;font-weight:700;max-width:22em}
.chap-body{max-width:31em;opacity:.9}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{font-size:13px;font-weight:700;line-height:1.3;padding:6px 14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px currentColor}
.status{font-size:13px;opacity:.82}
.chap .btn{margin-top:8px}
.chap-vis{display:flex;justify-content:center}
.kg{letter-spacing:.06em}
@media (max-width:860px){.chap-grid{grid-template-columns:1fr}.chap-vis{order:2}.chap{min-height:auto}}

.studio{position:relative;padding-block:clamp(120px,18vh,200px);color:var(--cream)}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.studio .h1{margin:16px 0 24px;font-size:clamp(32px,4.6vw,58px)}
.facts{display:grid;gap:28px;align-content:start}
.facts li{display:flex;align-items:baseline;gap:18px;font-weight:700}
.fact-n{--cast:#0b1030;font-size:clamp(72px,9vw,120px);line-height:.9;font-weight:300;color:var(--cream);min-width:1.1em;font-variant-numeric:tabular-nums}
.contact{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:12px 32px;align-items:center;padding-top:48px;border-top:1px solid rgba(255,244,226,.22)}
.contact h3{font-size:20px}
.contact p{opacity:.88;max-width:40em}
.studio .btn{--btn-cast:#0b1030}
@media (max-width:860px){.studio-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- phone (Atmo mock) */
.phone{--bs:2.2px;position:relative;width:min(300px,78vw);aspect-ratio:9/19.3;border-radius:46px;padding:9px;background:#21141f;flex:none;
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--cast),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--cast),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--cast),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--cast),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--cast),calc(var(--bs)*4.915) calc(var(--bs)*3.441) 0 var(--cast),calc(var(--bs)*5.734) calc(var(--bs)*4.015) 0 var(--cast),calc(var(--bs)*6.553) calc(var(--bs)*4.589) 0 var(--cast),calc(var(--bs)*7.373) calc(var(--bs)*5.162) 0 var(--cast),calc(var(--bs)*8.192) calc(var(--bs)*5.736) 0 var(--cast),calc(var(--bs)*9.011) calc(var(--bs)*6.309) 0 var(--cast),calc(var(--bs)*9.830) calc(var(--bs)*6.883) 0 var(--cast)}
.phone::before{content:"";position:absolute;z-index:3;top:20px;left:50%;width:26%;height:22px;border-radius:12px;background:#000;transform:translateX(-50%)}
.ph-screen{position:relative;height:100%;border-radius:38px;overflow:hidden;color:var(--ink);container-type:inline-size;transition:--g 600ms var(--ease),--h 600ms var(--ease),--cast 600ms var(--ease),--ink 600ms var(--ease)}
.ph-sky,.phero .ph-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%)}
.ph-sky-b{display:none}
.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ph-flash{position:absolute;inset:0;background:#f3f0ff;opacity:0;pointer-events:none}
.ph-top{position:relative;display:flex;align-items:center;gap:2.6cqw;padding:17cqw 6cqw 0}
.ph-badge{font-size:3.3cqw;font-weight:700;padding:1cqw 2.8cqw;border-radius:99px;background:linear-gradient(90deg,rgba(124,92,186,.55),rgba(70,160,132,.55));white-space:nowrap}
.ph-greet{font-size:3.7cqw;opacity:.86;white-space:nowrap;overflow:hidden;text-overflow:clip}
.ph-place{position:relative;display:flex;align-items:center;gap:1.6cqw;padding:5cqw 6cqw 0;font-size:7.4cqw;font-weight:700;line-height:1.2}
.ph-place svg{width:5.4cqw;height:5.4cqw}
.ph-wx{position:relative;padding:1cqw 6cqw 0;font-size:3.8cqw;font-weight:700;opacity:.9}
.ph-temp{position:relative;padding:3cqw 0 0 5cqw;font-size:40cqw;line-height:1;font-weight:300;letter-spacing:-.04em;color:var(--cream);font-variant-numeric:tabular-nums}
.ph-cards{position:absolute;left:5cqw;right:5cqw;bottom:24cqw;display:flex;gap:3cqw}
.ph-card{--bs:.7px;flex:1;display:flex;flex-direction:column;align-items:center;gap:1cqw;padding:3cqw 1cqw 3.4cqw;border-radius:6.6cqw;background:var(--cream);color:var(--plum);
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--cast),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--cast),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--cast),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--cast),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--cast),calc(var(--bs)*4.915) calc(var(--bs)*3.441) 0 var(--cast),calc(var(--bs)*5.734) calc(var(--bs)*4.015) 0 var(--cast)}
.ph-ct{font-size:3cqw;font-weight:700;white-space:nowrap}
.ph-cw{width:9cqw;height:9cqw;--wx-cloud:#d8cfd9;--wx-line:#2e3f7a}
.ph-cv{font-size:5.6cqw;font-weight:300}
.ph-dock{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;height:14cqw;border-radius:9cqw;display:flex;align-items:center;justify-content:space-around;padding:0 2cqw;
  background:rgba(248,230,199,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ph-dock span{font-size:3cqw;font-weight:700;padding:2cqw 3.2cqw;border-radius:7cqw;white-space:nowrap}
.ph-dock .on{background:var(--marigold);color:var(--plum)}
.wx{fill:currentColor}

/* ---------------------------------------------------------------- music visuals */
.vis-music,.vis-health{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}
.record{width:min(440px,82vw);aspect-ratio:1}
.record-xl{width:min(560px,88vw)}
.record svg{width:100%;height:100%;overflow:visible}
.rec-shadow{stroke:var(--cast);stroke-width:300}
.rec-face{fill:var(--cream)}
.rec-groove{fill:none;stroke:var(--plum);stroke-opacity:.09;stroke-width:2}
.rec-glint{fill:none;stroke:var(--plum);stroke-opacity:.14;stroke-width:14;stroke-linecap:round}
.rec-label{fill:var(--marigold)}
.rec-hole{fill:var(--plum)}
.rec-disc{transform-box:fill-box;transform-origin:center;animation:spin 7s linear infinite;animation-play-state:var(--play,running)}
@keyframes spin{to{transform:rotate(360deg)}}
.np{--bs:.9px;display:grid;gap:6px;min-width:min(320px,80vw);padding:16px 20px 18px;border-radius:22px;background:var(--cream);color:var(--plum);
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--cast),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--cast),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--cast),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--cast),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--cast),calc(var(--bs)*4.915) calc(var(--bs)*3.441) 0 var(--cast),calc(var(--bs)*5.734) calc(var(--bs)*4.015) 0 var(--cast)}
.np b{font-size:17px}
.np span{font-size:13px;opacity:.75}
.pm-bar{height:4px;border-radius:2px;background:rgba(58,28,64,.15);overflow:hidden;margin-top:6px}
.pm-bar i{display:block;height:100%;width:100%;background:currentColor;transform-origin:left;animation:prog 22s linear infinite}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.vis-music .np{position:relative;margin-top:-40px;margin-left:30%}

.phone-music .ph-screen{background:var(--pm-bg,#3a1c40);transition:background-color 600ms var(--ease)}
.pm{display:flex;flex-direction:column;color:var(--pm-ink,#fff4e2);transition:color 600ms}
.pm-covers{position:relative;aspect-ratio:1;flex:none}
.cover{position:absolute;inset:0;opacity:0;transition:opacity 700ms var(--ease)}
.cover.on{opacity:1}
.cover svg{width:100%;height:100%}
.pm-body{display:grid;gap:1.6cqw;padding:7cqw 7cqw 0}
.pm-body b{font-size:6.4cqw;line-height:1.3}
.pm-body span{font-size:3.8cqw;opacity:.75}
.pm-body .pm-bar{background:rgba(255,244,226,.22);margin-top:6cqw}
.pm-ctl{display:flex;justify-content:space-around;align-items:center;margin-top:6cqw;font-size:6cqw;font-weight:700}
.pm-sk{width:12cqw;display:grid;place-items:center}
.pm-play{width:17cqw;height:17cqw;border-radius:50%;display:grid;place-items:center;background:var(--marigold);color:var(--plum);font-size:5cqw}

.lyrics-demo{width:min(460px,100%);display:grid;gap:16px;justify-items:start}
.lyrics{position:relative;width:100%;height:260px;overflow:hidden;border-radius:28px;background:var(--plum);color:var(--cream);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.lyrics p{font-size:18px;font-weight:700;opacity:.32;transition:opacity 500ms var(--ease),font-size 500ms var(--ease),transform 500ms var(--ease);transform-origin:left center}
.lyrics[data-mode=focus] p.cur{opacity:1;font-size:30px}
.lyrics[data-mode=flow]{justify-content:flex-start}
.lyrics[data-mode=flow] p{opacity:.9;font-size:24px;animation:flow 9s linear infinite}
@keyframes flow{from{transform:translateY(240px)}to{transform:translateY(-220px)}}
.lyrics[data-mode=vertical]{writing-mode:vertical-rl;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:var(--serif)}
.lyrics[data-mode=vertical] p{font-weight:600;font-size:24px;opacity:.38;letter-spacing:.12em}
.lyrics[data-mode=vertical] p.cur{opacity:1}
.lyrics-by{font-size:13px;color:var(--muted)}
.poem{--bs:1.2px;width:min(380px,100%);padding:26px 28px 24px;border-radius:28px;background:var(--marigold);color:var(--plum);display:grid;gap:10px;--cast:var(--plum);
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--cast),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--cast),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--cast),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--cast),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--cast),calc(var(--bs)*4.915) calc(var(--bs)*3.441) 0 var(--cast),calc(var(--bs)*5.734) calc(var(--bs)*4.015) 0 var(--cast)}
.poem-k{font-size:12px;font-weight:700;letter-spacing:.04em}
.poem p{font-family:var(--serif);font-size:24px;line-height:1.6;font-weight:600}
.poem small{font-size:13px;opacity:.8}

/* ---------------------------------------------------------------- health visuals */
.skel{width:min(440px,86vw);aspect-ratio:400/360}
.skel-hero{width:min(540px,90vw)}
.skel svg{width:100%;height:100%;overflow:visible}
.sk-body line,.sk-body circle{stroke:var(--cream);stroke-width:16;stroke-linecap:round;fill:var(--cream)}
.sk-shadow *{fill:var(--cast);stroke:var(--cast);stroke-width:16;stroke-linejoin:round;stroke-linecap:round}
.sk-ground{stroke:currentColor;stroke-opacity:.25;stroke-width:2}
.steps{justify-items:start;margin-top:-30px;margin-left:34%;min-width:0}
.steps b{font-size:40px;font-weight:300;line-height:1;color:var(--plum)}
.healthcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(520px,100%)}
.hcard{position:relative;display:grid;place-items:center;gap:8px;padding:24px;border-radius:24px;background:var(--marigold);color:var(--plum);aspect-ratio:1;--cast:var(--plum)}
.ring{width:72%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:12}
.ring-bg{stroke:rgba(58,28,64,.14)}
.ring-fg{stroke:var(--cream);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.hcard.is-in .ring-fg{stroke-dashoffset:35}
.ring-n{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-n b,.hbig{font-size:34px;font-weight:300;line-height:1;color:var(--cream);font-variant-numeric:tabular-nums}
.ring-n span,.hlabel{font-size:12px;font-weight:700;letter-spacing:.04em}
.hbig{font-size:64px}
.bars{display:flex;align-items:flex-end;gap:3px;height:44px;width:100%}
.bars i{flex:1;height:calc(var(--v)*1%);background:var(--plum);border-radius:2px;transform-origin:bottom;transform:scaleY(0);transition:transform .8s var(--ease)}
.hcard.is-in .bars i{transform:scaleY(1)}
.bars i:nth-child(odd){transition-delay:.1s}
.warn-cap{grid-column:1/-1;font-size:12px;color:var(--muted)}
.routemap{width:min(520px,100%);border-radius:28px;overflow:hidden;background:#e9dcc6}
[data-scheme=auto] .routemap{background:var(--raised)}
.routemap svg{width:100%}
.contours path{fill:none;stroke:var(--line-strong);stroke-opacity:.35;stroke-width:1.5}
.gps{fill:none;stroke:var(--plum);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
@media (prefers-color-scheme:dark){[data-scheme=auto] .gps{stroke:var(--marigold)}}
.gps-dot{fill:var(--marigold);stroke:var(--plum);stroke-width:3}
.lockart{width:min(460px,100%);border-radius:28px;overflow:hidden}
.lockart svg{width:100%}

/* ---------------------------------------------------------------- thunder */
.vis-thunder{position:relative;width:min(460px,100%);aspect-ratio:4/5;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#26233e 0%,#26233e 62%,#2d2b48 100%);color:var(--cream)}
.storm{position:absolute;inset:0;overflow:hidden}
.figures .fig{position:absolute;left:var(--x);top:var(--y);width:calc(46px*var(--s));opacity:0;transform:translate(-50%,-100%)}
.fig svg{width:100%;fill:#06050f}
.fig.show{opacity:1}
.fig.fade{opacity:0;transition:opacity 1.4s ease-out}
.flash{position:absolute;inset:0;background:#ecebff;opacity:0;pointer-events:none;mix-blend-mode:screen}
.bolt{display:none}
.tt{display:flex;flex-direction:column;gap:10px}
.tt-main{margin-bottom:.32em}
.tt-main{--cast:#06050f;position:relative;font-weight:900;color:var(--cream);font-size:clamp(52px,8.4vw,120px);line-height:1;letter-spacing:.02em;white-space:nowrap}
[data-lang=en] .tt-main{letter-spacing:-.01em;white-space:normal;font-size:clamp(46px,7.2vw,108px);line-height:.96}
.tt-en{font-size:12px;font-weight:700;letter-spacing:.32em}
.tt-main::before,.tt-main::after{content:attr(data-text);position:absolute;inset:0;text-shadow:none;opacity:0;pointer-events:none}
.tt-main::before{color:#ff2a2a}
.tt-main::after{color:#ff7a45}
.glitch .tt-main::before{opacity:.9;transform:translate(-4px,1px);clip-path:inset(18% 0 52% 0)}
.glitch .tt-main::after{opacity:.85;transform:translate(5px,-1px);clip-path:inset(62% 0 12% 0)}
.street{position:absolute;inset:0;width:100%;height:100%}
.vt-mark{position:absolute;left:24px;top:24px;display:grid;gap:6px;color:var(--cream)}
.vt-mark>span:last-child{font-size:10px;font-weight:700;letter-spacing:.3em;opacity:.8}
.tt-card{position:absolute;left:28px;right:20px;bottom:32px}
.tt-card .tt-main{font-size:clamp(44px,6vw,72px)}
[data-lang=en] .tt-card .tt-main{font-size:clamp(38px,5vw,60px)}
.vis-thunder::after{content:"";position:absolute;right:34px;top:34px;width:28px;height:28px;border-radius:50%;background:var(--cream)}
.chap-tt .tt-main{font-size:clamp(44px,6.4vw,84px)}
[data-lang=en] .chap-tt .tt-main{font-size:clamp(40px,5.4vw,72px)}

/* ---------------------------------------------------------------- product pages */
.phero{position:relative;min-height:min(100svh,980px);display:flex;align-items:center;overflow:hidden;color:var(--ink);padding:120px 0 72px;
  transition:--g 600ms var(--ease),--h 600ms var(--ease),--cast 600ms var(--ease),--ink 600ms var(--ease)}
.phero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.phero-text{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.phero .kicker .appicon{border-radius:11px}
.ph-name{font-size:clamp(48px,7vw,96px);line-height:1.02}
.phero .lead{font-weight:700;font-size:clamp(19px,2vw,26px);line-height:1.45}
.phero .sub{max-width:32em;opacity:.9}
.phero-vis{display:flex;justify-content:center}
@media (max-width:860px){.phero-grid{grid-template-columns:1fr}.phero{padding-top:104px}}
.atmo-now{display:grid;gap:4px;margin-top:8px}
.atmo-place{font-size:14px;font-weight:700}
.atmo-temp{font-size:clamp(132px,21vw,280px);line-height:.95;font-weight:300;letter-spacing:-.04em;color:var(--cream);font-variant-numeric:tabular-nums}
.phero-side{display:grid;gap:12px;justify-items:start}
.try{font-size:14px;font-weight:700}
.picker{--bs:1px;display:grid;gap:14px;width:100%;max-width:560px;padding:18px;border-radius:24px;background:var(--cream);color:var(--plum);
  box-shadow:calc(var(--bs)*.819) calc(var(--bs)*.574) 0 var(--cast),calc(var(--bs)*1.638) calc(var(--bs)*1.147) 0 var(--cast),calc(var(--bs)*2.457) calc(var(--bs)*1.721) 0 var(--cast),calc(var(--bs)*3.277) calc(var(--bs)*2.294) 0 var(--cast),calc(var(--bs)*4.096) calc(var(--bs)*2.868) 0 var(--cast),calc(var(--bs)*4.915) calc(var(--bs)*3.441) 0 var(--cast),calc(var(--bs)*5.734) calc(var(--bs)*4.015) 0 var(--cast)}
.seg-row{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:99px;background:rgba(58,28,64,.08)}
.seg{border:0;background:transparent;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:700;cursor:pointer;min-height:36px;transition:background-color .25s}
.seg[aria-pressed=true]{background:var(--marigold);color:var(--plum)}
.pick-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.pick{display:grid;justify-items:center;gap:2px;border:0;background:transparent;border-radius:14px;padding:6px 2px 8px;cursor:pointer;font-size:11px;font-weight:700;line-height:1.25;text-align:center;min-height:64px;transition:background-color .25s}
.pick:hover{background:rgba(58,28,64,.06)}
.pick[aria-pressed=true]{background:var(--marigold)}
.pick-i{width:30px;height:30px;--wx-cloud:#cfc4d1;--wx-line:#2e3f7a}
.toggle{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;cursor:pointer}
.toggle input{width:20px;height:20px;accent-color:var(--plum)}
@media (max-width:560px){.pick-row{grid-template-columns:repeat(4,minmax(0,1fr))}}

.intro{padding-block:clamp(72px,10vw,128px) 0}
.intro .big{font-size:clamp(22px,2.6vw,32px);line-height:1.6;max-width:30em;font-weight:700}
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(64px,9vw,120px)}
.feat.flip .feat-text{order:2}
.feat-text{display:grid;gap:16px;align-content:start}
.feat-text p{max-width:32em}
.feat-text .kicker{color:var(--muted)}
.note{font-size:14px;color:var(--muted);padding-top:4px}
.feat-vis{display:flex;justify-content:center;min-width:0}
.feat-wide{grid-template-columns:1fr}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fgrid li{padding:22px 22px 24px;border-radius:24px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:8px;align-content:start}
.fgrid h3{font-size:17px;line-height:1.4}
.fgrid p{font-size:14px;color:var(--muted);line-height:1.7}
@media (max-width:860px){.feat{grid-template-columns:1fr}.feat.flip .feat-text{order:0}.fgrid{grid-template-columns:1fr}}
@media (min-width:861px) and (max-width:1100px){.fgrid{grid-template-columns:1fr 1fr}}

.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(560px,100%)}
.tile{position:relative;aspect-ratio:1.25;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%);color:var(--ink);padding:8px 10px}
.tile-t{display:block;font-size:clamp(24px,3vw,36px);line-height:1;font-weight:300;color:var(--cream);letter-spacing:-.03em}
.tile-n{position:absolute;right:8px;bottom:6px;text-align:right;font-size:10px;line-height:1.3;font-weight:700}
.clockwrap{display:grid;gap:14px;justify-items:start;width:min(560px,100%)}
.clock{position:relative;width:100%;aspect-ratio:19.5/9;border-radius:30px;overflow:hidden;color:var(--ink);container-type:inline-size;background:#000;
  transition:--g 600ms var(--ease),--h 600ms var(--ease),--cast 600ms var(--ease),--ink 600ms var(--ease)}
.clock-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%)}
.clock-time{position:absolute;left:8cqw;top:16cqw;transform:translateY(-50%);font-size:23cqw;line-height:1;font-weight:300;letter-spacing:-.03em;color:var(--cream);font-variant-numeric:tabular-nums}
.clock-meta{position:absolute;left:8.6cqw;right:6cqw;bottom:7cqw;display:flex;justify-content:space-between;gap:12px;font-size:3cqw;font-weight:700}
.clock-meta span{display:flex;align-items:center;gap:6px}
.clock-wx{width:5cqw;height:5cqw}
.warns{display:grid;gap:14px;width:min(500px,100%)}
.warn{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:22px;background:var(--wb);color:#302b35}
.warn b{display:block;font-size:17px;line-height:1.4}
.warn small{display:block;font-size:12px;opacity:.8}
.warn-lv{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:20px;box-shadow:inset 0 0 0 2px #302b35}
.widgets{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;gap:14px;width:min(540px,100%)}
.wg{border-radius:26px;padding:16px 18px;position:relative;overflow:hidden}
.wg-hour{grid-column:1/-1;background:var(--marigold);color:var(--plum);display:grid;gap:10px}
.wg-h{display:flex;justify-content:space-between;font-size:14px}
.wg-hours{display:flex;justify-content:space-between}
.wg-hours span{display:grid;justify-items:center;gap:2px;font-size:12px}
.wg-hours i{font-style:normal;font-weight:700}
.wg-hours b{font-weight:300;font-size:20px}
.w-i{width:30px;height:30px;--wx-cloud:#fff4e2;--wx-sun:#dda804}
.wg-now{background:var(--night);color:var(--cream);aspect-ratio:1;--cast:#0b1030;display:grid;align-content:space-between}
.wg-big{font-size:clamp(40px,6vw,60px);font-weight:300;line-height:1}
.wg-wx{position:absolute;right:12px;top:12px;width:34px;height:34px;--wx-moon:#fff4e2}
.wg-p{font-size:13px;font-weight:700}
.wg-clear{aspect-ratio:2/1;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%);color:var(--plum);display:grid;align-content:center}
.wg-ct{font-size:clamp(40px,7vw,64px);line-height:1;font-weight:300;color:var(--cream);letter-spacing:-.03em}
.wg-cm{font-size:12px;font-weight:700}
.zeros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:28px 24px;border-radius:28px;background:var(--marigold);color:var(--plum);width:min(520px,100%);--cast:var(--plum)}
.zeros li{display:grid;justify-items:center;gap:6px;font-weight:700;font-size:13px;text-align:center}
.zero{font-size:clamp(72px,9vw,112px);line-height:1;font-weight:300;color:var(--cream)}
.langs{display:flex;flex-wrap:wrap;gap:8px;width:min(520px,100%)}
.langs li{padding:8px 14px;border-radius:99px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);font-size:14px}

.places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(520px,100%)}
.places li{aspect-ratio:1.6;border-radius:20px;background:linear-gradient(180deg,#26233e,#2d2b48);display:flex;align-items:flex-end;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,244,226,.08)}
.places span{--cast:#06050f;font-weight:700;font-size:clamp(20px,2.4vw,28px);color:var(--cream);line-height:1.15}
.places li:nth-child(3n+1){animation:neon 7s steps(1) infinite}
.places li:nth-child(3n+2){animation:neon 9s steps(1) 2.4s infinite}
@keyframes neon{0%,93%,97%{opacity:1}95%{opacity:.55}}
.routes{width:min(560px,100%);display:grid;gap:14px}
.routes svg{width:100%;border-radius:28px;background:#14121f}
.blocks rect{fill:rgba(255,244,226,.05);stroke:rgba(255,244,226,.13)}
.route{fill:none;stroke:var(--c);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.routes:not(.is-in) .route{stroke-dasharray:1 0}
.pin{fill:var(--cream)}
.pin-home{fill:var(--marigold)}
.maplabel{fill:var(--cream);font-size:15px;font-weight:700;font-family:var(--font)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;font-weight:700}
.legend li{display:flex;align-items:center;gap:8px}
.legend i{width:22px;height:5px;border-radius:3px;background:var(--c)}
.phone-dark{--cast:#06050f}
.pt{background:linear-gradient(180deg,#1a1726,#0d0c14);color:var(--cream);display:flex;flex-direction:column;align-items:center;padding-top:24cqw}
.pt-time{font-size:24cqw;font-weight:300;line-height:1;letter-spacing:-.03em}
.pt-date{font-size:4cqw;font-weight:700;opacity:.8;margin-top:3cqw}
.pt-push{margin:14cqw 5cqw 0;display:flex;gap:3cqw;align-items:flex-start;padding:4cqw;border-radius:6cqw;background:rgba(255,244,226,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pt-push b{flex:none;width:8cqw;height:8cqw;border-radius:2cqw;display:grid;place-items:center;background:#1f0a0a;color:#ff5a4f;font-size:4.4cqw}
.pt-push p{color:#ff5a4f;font-size:4.6cqw;font-weight:700;line-height:1.5;min-height:3em}
.phero-thunder{min-height:100svh;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%);color:var(--cream);align-items:flex-end}
.phero-thunder .phero-grid{grid-template-columns:1fr}
.tt-hero .tt-main{font-size:clamp(64px,12vw,176px)}
[data-lang=en] .tt-hero .tt-main{font-size:clamp(52px,9vw,140px)}
.tt-warn{font-size:13px;opacity:.86;display:flex;flex-wrap:wrap;gap:6px 14px}
.phero-thunder::after{content:"";position:absolute;right:clamp(28px,9vw,140px);top:clamp(100px,16vh,180px);width:clamp(28px,3vw,44px);aspect-ratio:1;border-radius:50%;background:var(--cream)}
.original{display:grid;gap:12px;justify-items:start;padding:28px;border-radius:24px;background:var(--raised);margin-top:8px}

.specs{padding-block:clamp(64px,8vw,112px);display:grid;gap:24px}
.specs dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-top:1px solid var(--line)}
.specs dl div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:4px;padding-right:24px}
.specs dt{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.specs dd{font-size:16px;font-weight:700}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:28px;border-radius:24px;background:var(--accent-soft)}
[data-page=thunder] .cta{background:var(--raised)}
.cta p{font-weight:700;max-width:34em}
.sources{display:grid;gap:8px;font-size:13px;color:var(--muted)}
.sources h3{font-size:12px;letter-spacing:.04em}
.sources li{position:relative;padding-left:14px}
.sources li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:currentColor}
.others{padding-block:0 clamp(80px,10vw,140px);display:grid;gap:20px}
.others .kicker{color:var(--muted)}
.others ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ocard{--bs:0px;display:flex;gap:16px;align-items:center;padding:18px;border-radius:24px;background:var(--raised);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:transform 320ms var(--ease)}
.ocard .appicon{border-radius:14px;flex:none;transition:transform 320ms var(--ease)}
.ocard:hover .appicon{transform:translate(-2px,-1.4px) rotate(-3deg)}
.ocard b{display:block;font-size:17px}
.ocard small{display:block;font-size:13px;color:var(--muted);line-height:1.5}
@media (max-width:860px){.others ul{grid-template-columns:1fr}}

/* privacy policy */
.doc{max-width:860px;padding-top:120px;padding-bottom:96px;display:grid;gap:18px}
.doc .kicker .appicon{border-radius:11px}
.doc-langs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 16px}
.doc-langs a{text-decoration:none;font-size:13px;font-weight:700;padding:6px 14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.doc-langs a[aria-current]{background:var(--ink);color:var(--surface);box-shadow:none}
.doc h3{font-size:20px;line-height:1.4;margin-top:28px}
.doc p,.doc li{max-width:42em}
.doc ul{list-style:disc;padding-left:1.3em;display:grid;gap:8px}
.tablewrap{overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.doc table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;line-height:1.6}
.doc th,.doc td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.doc th{font-size:12px;letter-spacing:.04em;background:var(--raised)}
.doc tr:last-child td{border-bottom:0}

/* 404 */
.nf{min-height:100svh;display:grid;align-content:center;gap:40px;padding-top:100px;padding-bottom:80px}
.nf-n{font-size:clamp(120px,22vw,260px);font-weight:300;line-height:.9;color:var(--cream);letter-spacing:-.03em}
.nf-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.nf-rows div{display:grid;gap:12px;justify-items:start;align-content:start}
.nf .btn{--btn-cast:#0b1030}
@media (max-width:860px){.nf-rows{grid-template-columns:1fr}}

/* footer */
.ftr{position:relative;background:var(--night);color:var(--cream);padding-top:72px;--cast:#0b1030}
.ftr-in{display:grid;grid-template-columns:1.5fr 1fr 1.4fr .8fr;gap:40px}
.ftr-logo{height:26px;margin-bottom:16px}
.ftr-brand p{font-size:14px;opacity:.85}
.ftr-games{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:13px}
.games-lockup{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;flex:none}
.games-lockup svg{height:13px;width:auto;fill:currentColor}
.ftr h2{font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.75;margin-bottom:12px}
.ftr ul{display:grid;gap:8px;font-size:14px}
.ftr a{text-decoration:none}
.ftr a:hover{text-decoration:underline;text-underline-offset:3px}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:48px 32px;font-size:13px;opacity:.85}
.ftr-moon{width:18px;height:18px;border-radius:50%;background:var(--cream)}
@media (max-width:860px){.ftr-in{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1/-1}}

/* page transitions (cross-document view transitions) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:460ms;animation-timing-function:var(--ease)}
::view-transition-group(*){animation-duration:460ms;animation-timing-function:var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .rec-disc{animation:none}
}

[data-lang=ja] :is(.display,.h1,.h2,.lead,.chap-line,.chap-name,.ph-name){word-break:auto-phrase}
:is(.display,.h1,.h2,.chap-line){text-wrap:balance}
@media (max-width:720px){.clockchip{display:none}}
.skelpanel{position:relative;width:min(520px,100%);aspect-ratio:1.1;border-radius:28px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,var(--g) 0%,var(--g) 62%,var(--h) 100%);color:var(--ink)}
.skelpanel .skel{width:92%}

/* LK MUSIC design tour: one phone, four chapters (colour, type, grid, glass), timed with the app's own
   durations and curve (enter 420ms cubic-bezier(.05,.7,.1,1), exit 300ms). */
@property --pg{syntax:"<color>";inherits:true;initial-value:#141c43}
@property --shc{syntax:"<color>";inherits:true;initial-value:#0a0f29}
@property --va{syntax:"<number>";inherits:true;initial-value:0}
.dz{--in:cubic-bezier(.05,.7,.1,1);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro vis" "list vis";column-gap:clamp(40px,7vw,112px);row-gap:28px;align-items:center;padding-block:clamp(24px,4vw,56px) clamp(72px,10vw,128px)}
.dz-intro{grid-area:intro;align-self:end;display:grid;gap:16px;max-width:31em}
.dz-intro .kicker{color:var(--muted)}
.dz-h{font-size:clamp(20px,2.1vw,27px);line-height:1.6;font-weight:700;text-wrap:pretty}
[data-lang=en] .dz-h{line-height:1.42}
[data-lang=ja] .dz-h{word-break:auto-phrase}
.dz-vis{grid-area:vis;display:flex;justify-content:center}
.dz-chapters{grid-area:list;align-self:start;max-width:31em;display:grid;gap:18px;justify-items:start}
.dz-list{width:100%;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.dz-list li{border-bottom:1px solid var(--line)}
.dz-ch{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:baseline;gap:14px;width:100%;padding:15px 0 14px;cursor:pointer;color:var(--muted);transition:color 300ms var(--ease)}
.dz-ch:hover{color:var(--ink)}
.dz-ch:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:6px}
.dz-ch[aria-current=true]{color:var(--ink)}
.dz-n{min-width:24px;font-size:12px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.dz-name{font-size:18px;line-height:1.4;font-weight:700}
.dz-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}
.dz-ch[aria-current=true] .dz-bar{animation:dz-bar var(--dur,6s) linear forwards}
.dz:is(.is-paused,.is-static) .dz-ch .dz-bar{animation:none;transform:scaleX(0)}
@keyframes dz-bar{to{transform:scaleX(1)}}
.dz-cap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 520ms var(--in),opacity 300ms var(--ease)}
.dz-cap>div{min-height:0;overflow:hidden}
.dz-cap p{padding:0 0 18px 38px;font-size:15px;line-height:1.85;color:var(--muted)}
[data-lang=en] .dz-cap p{line-height:1.6}
.dz-list li.is-on .dz-cap{grid-template-rows:1fr;opacity:1}
.dz-pause{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);cursor:pointer;transition:background-color 200ms}
.dz-pause:hover{background:var(--accent-soft)}
.dz-pause svg{width:18px;height:18px;fill:currentColor}
.dz-pause .i-play{display:none}
.dz-pause[aria-pressed=true] .i-play{display:block}
.dz-pause[aria-pressed=true] .i-pause{display:none}
.dz.is-static .dz-pause{display:none}
@media (max-width:860px){
  .dz{grid-template-columns:1fr;grid-template-areas:"intro" "vis" "list";row-gap:28px}
  .dz-intro,.dz-chapters{max-width:none}
  .dz-chapters{justify-items:stretch;gap:14px}
  .dz-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:10px;border-top:0}
  .dz-list li{display:contents}
  .dz-ch{grid-row:1;flex-direction:column;align-items:flex-start;gap:0;padding:10px 0 8px;border-top:2px solid var(--line)}
  .dz-bar{top:-2px;bottom:auto}
  .dz-name{font-size:15px}
  .dz-cap{grid-row:2;grid-column:1/-1;display:none}
  .dz-list li.is-on .dz-cap{display:grid}
  .dz-cap p{padding:6px 0 0}
  .dz-pause{justify-self:start}
}

/* the phone (sizes in cqw of the screen width; the screen is ~222cqw tall) */
.dz-phone{width:min(330px,80vw)}
@media (max-width:860px){.dz-phone{width:min(262px,66vw)}}
.dz-scr{background:var(--pg);color:#fff;font-family:var(--font);transition:--pg 450ms var(--ease)}
.dz-scr>*{position:absolute}
.dz-covers{left:0;top:0;width:100cqw;height:100cqw;-webkit-mask:linear-gradient(#000 78%,transparent);mask:linear-gradient(#000 78%,transparent)}
.dz-cv{position:absolute;inset:0;opacity:0;transform:scale(1.07);transition:opacity 600ms var(--ease),transform 1000ms var(--in)}
.dz-cv.on{opacity:1;transform:none}
.dz-cv svg{width:100%;height:100%}
.dz-wipe{left:0;right:0;top:93cqw;bottom:0;background:var(--wc,transparent);clip-path:inset(0 0 100% 0)}
.dz-wipe.go{clip-path:inset(0 0 0 0);transition:clip-path 640ms var(--in)}
.dz-veil{inset:0;pointer-events:none;transition:--va 450ms var(--ease),--shc 450ms var(--ease);
  background:linear-gradient(180deg,transparent 0,transparent 55cqw,color-mix(in srgb,var(--shc) calc(var(--va) * 100%),transparent) 126cqw,color-mix(in srgb,var(--shc) calc((var(--va) + (1 - var(--va)) * .12) * 100%),transparent) 100%)}
.dz-top{left:5cqw;right:5cqw;top:12.6cqw;display:flex;align-items:center;justify-content:space-between;font-size:2.5cqw;font-weight:700;letter-spacing:.14em}
.dz-top svg{width:5.6cqw;height:5.6cqw}
.dz-head{left:6.2cqw;right:6.2cqw;top:104cqw}
.dz-title{display:block;font-size:7.4cqw;line-height:1.14;font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 260ms var(--ease),transform 420ms var(--in)}
.dz-title.swap{opacity:0;transform:translateY(2cqw)}
.dz-artist{display:block;margin-top:2cqw;font-size:2.8cqw;font-weight:700;letter-spacing:.26em;opacity:.8}
.dz-lyr{left:6.2cqw;right:6.2cqw;top:122.5cqw;height:17cqw;overflow:hidden}
.dz-l{position:absolute;left:0;top:0;margin:0;white-space:nowrap;font-family:var(--serif);font-size:3.8cqw;line-height:5.6cqw;font-weight:400;color:#d1d1d1;opacity:0;transform:translateY(16cqw);
  transition:transform 420ms var(--in),opacity 320ms var(--ease) 60ms,font-size 420ms var(--in),line-height 420ms var(--in),color 320ms var(--ease)}
.dz-l.is-cur{font-size:5.6cqw;line-height:7.8cqw;font-weight:700;color:#fff;opacity:1;transform:none}
.dz-l.is-next{opacity:1;transform:translateY(9.4cqw)}
.dz-l.is-gone{opacity:0;transform:translateY(-6cqw);transition:transform 320ms var(--ease),opacity 200ms var(--ease)}
.dz-prog{left:6.2cqw;right:6.2cqw;top:143.5cqw}
.dz-t{display:block;font-size:7.6cqw;line-height:1;font-weight:300;font-variant-numeric:tabular-nums}
.dz-d{position:absolute;right:0;top:4.2cqw;font-size:2.8cqw;font-weight:700;opacity:.72}
.dz-line{display:block;position:relative;height:.3cqw;margin-top:4.4cqw;background:rgba(255,255,255,.3)}
.dz-line b{position:absolute;left:0;top:-.15cqw;height:.6cqw;width:100%;border-radius:1cqw;background:#fff;transform-origin:left;animation:dz-prog 30s linear infinite}
@keyframes dz-prog{from{transform:scaleX(.36)}to{transform:scaleX(.52)}}
.dz-row{left:0;right:0;height:16.4cqw}
.dz-r1{top:162.5cqw}
.dz-r2{top:180cqw;height:12.3cqw}
.dz-c{position:absolute;top:0;left:calc(var(--x) * 1cqw);width:12.3cqw;height:12.3cqw;margin-left:-6.15cqw;display:grid;place-items:center;transition:transform 760ms var(--in) var(--dl,0ms)}
.dz-c svg{width:5.6cqw;height:5.6cqw}
.dz-r1 .dz-c{top:2cqw}
.dz-c.dz-lead{width:16.4cqw;height:16.4cqw;margin-left:-8.2cqw;top:0}
.dz-c.dz-lead svg{width:7.6cqw;height:7.6cqw}
.dz-r2 .dz-c{opacity:.9}
.dz-aa{font-size:3.8cqw;font-weight:700}
.dz-ci{font-size:4.3cqw;font-weight:700}
.dz-home{left:36cqw;right:36cqw;bottom:2.4cqw;height:1.1cqw;border-radius:1cqw;background:rgba(255,255,255,.6)}
.dz-scr :is(.dz-covers,.dz-top,.dz-head,.dz-lyr,.dz-prog,.dz-r1){transition:opacity 420ms var(--ease)}

/* chapter 1: sample the bottom strip, carry the colour down, add only the veil white text needs */
.dz-scan{left:1.4cqw;right:1.4cqw;top:93.2cqw;height:6.6cqw;border-radius:1.8cqw;box-shadow:inset 0 0 0 1.5px #fff4e2;opacity:0;overflow:hidden;transition:opacity 280ms var(--ease)}
.dz-scan::after{content:"";position:absolute;top:0;bottom:0;left:0;width:14cqw;background:linear-gradient(90deg,transparent,rgba(255,244,226,.7),transparent);transform:translateX(-14cqw)}
.s-scan .dz-scan{opacity:1}
.s-scan .dz-scan::after{animation:dz-scan 700ms var(--ease) forwards}
@keyframes dz-scan{to{transform:translateX(100cqw)}}
.dz-chip{right:4.6cqw;top:80cqw;display:flex;align-items:center;gap:1.6cqw;padding:1.3cqw 2.8cqw 1.3cqw 1.4cqw;border-radius:9cqw;background:#fff4e2;color:#3a1c40;font-size:2.8cqw;line-height:1;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;
  opacity:0;transform:translateY(5cqw) scale(.86);transform-origin:right bottom;transition:opacity 240ms var(--ease),transform 560ms var(--in)}
.dz-chip i{width:3.8cqw;height:3.8cqw;border-radius:50%;background:var(--chip,#e4b461);box-shadow:inset 0 0 0 .35cqw rgba(58,28,64,.22)}
.s-chip .dz-chip{opacity:1;transform:none}

/* chapter 2: frame the two typefaces; the title keeps still while the lyrics step up */
.dz-box{pointer-events:none}
.dz-box::before{content:"";position:absolute;inset:-1.6cqw -2cqw;border:1.3px solid #fff4e2;border-radius:1.4cqw;clip-path:inset(0 100% 100% 0);transition:clip-path 700ms var(--in)}
.dz-box-t{left:6.2cqw;right:6.2cqw;top:104cqw;height:8.6cqw}
.dz-box-l{left:6.2cqw;right:6.2cqw;top:122.5cqw;height:15.6cqw}
.dz-tag{position:absolute;right:-2cqw;top:-7.4cqw;padding:1cqw 2.4cqw;border-radius:9cqw;background:#fff4e2;color:#3a1c40;font-size:2.6cqw;line-height:1.2;font-weight:700;white-space:nowrap;opacity:0;transform:translateY(2cqw);transition:opacity 260ms var(--ease) 180ms,transform 520ms var(--in) 180ms}
.dz-box-l .dz-tag{font-family:var(--serif)}
.s-box .dz-box::before{clip-path:inset(0 0 0 0)}
.s-box .dz-tag{opacity:1;transform:none}
.s-box .dz-box-l::before{transition-delay:160ms}
.s-box .dz-box-l .dz-tag{transition-delay:340ms}

/* chapter 3: one column grid for both rows */
.s-dim :is(.dz-covers,.dz-top,.dz-head,.dz-lyr,.dz-prog){opacity:.22}
.dz-guides{left:0;right:0;top:160.5cqw;height:35cqw;pointer-events:none}
.dz-g{position:absolute;top:0;bottom:0;left:calc(var(--x) * 1cqw);width:0;border-left:1px dashed rgba(255,244,226,.8);transform:scaleY(0);transform-origin:top;transition:transform 560ms var(--in) var(--dl,0ms)}
.dz-g b{position:absolute;left:0;top:-4.6cqw;transform:translateX(-50%);font-size:2.4cqw;font-weight:700;color:#fff4e2;opacity:0;transition:opacity 300ms var(--ease) calc(var(--dl,0ms) + 240ms)}
.s-guides .dz-g{transform:none}
.s-guides .dz-g b{opacity:1}
.s-mis .dz-r2 .dz-c{transform:translateX(calc(var(--m) * 1cqw))}
.dz-c{transition:transform 760ms var(--in) var(--dl,0ms),color 320ms var(--ease) var(--dl,0ms)}
.s-dots .dz-c{color:#ffcc66}

/* chapter 4: the style menu, white frosted glass with no outline, opening on a short fade */
.dz-menu{left:43cqw;width:52.4cqw;top:138.5cqw;padding:1.6cqw;border-radius:5.6cqw;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:#1b1b1f;display:grid;opacity:0;transition:opacity 100ms linear;pointer-events:none}
.s-menu .dz-menu{opacity:1;transition-duration:140ms}
.dz-mi{display:flex;align-items:center;gap:2.6cqw;height:10.4cqw;padding:0 3cqw;border-radius:3.6cqw;font-size:3.5cqw;font-weight:700;transition:background-color 160ms}
.dz-mi svg{width:4.6cqw;height:4.6cqw;flex:none}
.dz-mi b{flex:1}
.dz-mi em{font-style:normal;display:grid;width:4cqw}
.dz-mi em svg{width:4cqw;height:4cqw}
.dz-mi.hl{background:rgba(27,27,31,.09)}
.dz-finger{left:calc(var(--fx,110) * 1cqw);top:calc(var(--fy,200) * 1cqw);width:8.4cqw;height:8.4cqw;margin:-4.2cqw 0 0 -4.2cqw;border-radius:50%;background:rgba(255,244,226,.88);box-shadow:0 0 0 0 rgba(255,244,226,.6);opacity:0;
  transition:left 640ms var(--ease),top 640ms var(--ease),opacity 300ms var(--ease)}
.dz-finger.on{opacity:1}
.dz-finger.tap{animation:dz-tap 520ms var(--ease)}
@keyframes dz-tap{0%{box-shadow:0 0 0 0 rgba(255,244,226,.65);scale:1}30%{scale:.86}100%{box-shadow:0 0 0 6cqw rgba(255,244,226,0);scale:1}}

@media (prefers-reduced-motion:reduce){.dz-line b{animation:none;transform:scaleX(.42)}}

/* generated long shadows */
.cast-15{text-shadow:calc(var(--ls) * 0.819) calc(var(--ls) * 0.574) 0 var(--cast),calc(var(--ls) * 1.638) calc(var(--ls) * 1.147) 0 var(--cast),calc(var(--ls) * 2.457) calc(var(--ls) * 1.721) 0 var(--cast),calc(var(--ls) * 3.277) calc(var(--ls) * 2.294) 0 var(--cast),calc(var(--ls) * 4.096) calc(var(--ls) * 2.868) 0 var(--cast),calc(var(--ls) * 4.915) calc(var(--ls) * 3.441) 0 var(--cast),calc(var(--ls) * 5.734) calc(var(--ls) * 4.015) 0 var(--cast),calc(var(--ls) * 6.553) calc(var(--ls) * 4.589) 0 var(--cast),calc(var(--ls) * 7.372) calc(var(--ls) * 5.162) 0 var(--cast),calc(var(--ls) * 8.192) calc(var(--ls) * 5.736) 0 var(--cast),calc(var(--ls) * 9.011) calc(var(--ls) * 6.309) 0 var(--cast),calc(var(--ls) * 9.830) calc(var(--ls) * 6.883) 0 var(--cast)}
.cast-20{text-shadow:calc(var(--ls) * 0.819) calc(var(--ls) * 0.574) 0 var(--cast),calc(var(--ls) * 1.638) calc(var(--ls) * 1.147) 0 var(--cast),calc(var(--ls) * 2.457) calc(var(--ls) * 1.721) 0 var(--cast),calc(var(--ls) * 3.277) calc(var(--ls) * 2.294) 0 var(--cast),calc(var(--ls) * 4.096) calc(var(--ls) * 2.868) 0 var(--cast),calc(var(--ls) * 4.915) calc(var(--ls) * 3.441) 0 var(--cast),calc(var(--ls) * 5.734) calc(var(--ls) * 4.015) 0 var(--cast),calc(var(--ls) * 6.553) calc(var(--ls) * 4.589) 0 var(--cast),calc(var(--ls) * 7.372) calc(var(--ls) * 5.162) 0 var(--cast),calc(var(--ls) * 8.192) calc(var(--ls) * 5.736) 0 var(--cast),calc(var(--ls) * 9.011) calc(var(--ls) * 6.309) 0 var(--cast),calc(var(--ls) * 9.830) calc(var(--ls) * 6.883) 0 var(--cast),calc(var(--ls) * 10.649) calc(var(--ls) * 7.456) 0 var(--cast),calc(var(--ls) * 11.468) calc(var(--ls) * 8.030) 0 var(--cast),calc(var(--ls) * 12.287) calc(var(--ls) * 8.604) 0 var(--cast),calc(var(--ls) * 13.106) calc(var(--ls) * 9.177) 0 var(--cast),calc(var(--ls) * 13.926) calc(var(--ls) * 9.751) 0 var(--cast)}
.cast-30{text-shadow:calc(var(--ls) * 0.819) calc(var(--ls) * 0.574) 0 var(--cast),calc(var(--ls) * 1.638) calc(var(--ls) * 1.147) 0 var(--cast),calc(var(--ls) * 2.457) calc(var(--ls) * 1.721) 0 var(--cast),calc(var(--ls) * 3.277) calc(var(--ls) * 2.294) 0 var(--cast),calc(var(--ls) * 4.096) calc(var(--ls) * 2.868) 0 var(--cast),calc(var(--ls) * 4.915) calc(var(--ls) * 3.441) 0 var(--cast),calc(var(--ls) * 5.734) calc(var(--ls) * 4.015) 0 var(--cast),calc(var(--ls) * 6.553) calc(var(--ls) * 4.589) 0 var(--cast),calc(var(--ls) * 7.372) calc(var(--ls) * 5.162) 0 var(--cast),calc(var(--ls) * 8.192) calc(var(--ls) * 5.736) 0 var(--cast),calc(var(--ls) * 9.011) calc(var(--ls) * 6.309) 0 var(--cast),calc(var(--ls) * 9.830) calc(var(--ls) * 6.883) 0 var(--cast),calc(var(--ls) * 10.649) calc(var(--ls) * 7.456) 0 var(--cast),calc(var(--ls) * 11.468) calc(var(--ls) * 8.030) 0 var(--cast),calc(var(--ls) * 12.287) calc(var(--ls) * 8.604) 0 var(--cast),calc(var(--ls) * 13.106) calc(var(--ls) * 9.177) 0 var(--cast),calc(var(--ls) * 13.926) calc(var(--ls) * 9.751) 0 var(--cast),calc(var(--ls) * 14.745) calc(var(--ls) * 10.324) 0 var(--cast),calc(var(--ls) * 15.564) calc(var(--ls) * 10.898) 0 var(--cast),calc(var(--ls) * 16.383) calc(var(--ls) * 11.472) 0 var(--cast),calc(var(--ls) * 17.202) calc(var(--ls) * 12.045) 0 var(--cast),calc(var(--ls) * 18.021) calc(var(--ls) * 12.619) 0 var(--cast),calc(var(--ls) * 18.840) calc(var(--ls) * 13.192) 0 var(--cast),calc(var(--ls) * 19.660) calc(var(--ls) * 13.766) 0 var(--cast),calc(var(--ls) * 20.479) calc(var(--ls) * 14.339) 0 var(--cast)}
.cast-50{text-shadow:calc(var(--ls) * 0.819) calc(var(--ls) * 0.574) 0 var(--cast),calc(var(--ls) * 1.638) calc(var(--ls) * 1.147) 0 var(--cast),calc(var(--ls) * 2.457) calc(var(--ls) * 1.721) 0 var(--cast),calc(var(--ls) * 3.277) calc(var(--ls) * 2.294) 0 var(--cast),calc(var(--ls) * 4.096) calc(var(--ls) * 2.868) 0 var(--cast),calc(var(--ls) * 4.915) calc(var(--ls) * 3.441) 0 var(--cast),calc(var(--ls) * 5.734) calc(var(--ls) * 4.015) 0 var(--cast),calc(var(--ls) * 6.553) calc(var(--ls) * 4.589) 0 var(--cast),calc(var(--ls) * 7.372) calc(var(--ls) * 5.162) 0 var(--cast),calc(var(--ls) * 8.192) calc(var(--ls) * 5.736) 0 var(--cast),calc(var(--ls) * 9.011) calc(var(--ls) * 6.309) 0 var(--cast),calc(var(--ls) * 9.830) calc(var(--ls) * 6.883) 0 var(--cast),calc(var(--ls) * 10.649) calc(var(--ls) * 7.456) 0 var(--cast),calc(var(--ls) * 11.468) calc(var(--ls) * 8.030) 0 var(--cast),calc(var(--ls) * 12.287) calc(var(--ls) * 8.604) 0 var(--cast),calc(var(--ls) * 13.106) calc(var(--ls) * 9.177) 0 var(--cast),calc(var(--ls) * 13.926) calc(var(--ls) * 9.751) 0 var(--cast),calc(var(--ls) * 14.745) calc(var(--ls) * 10.324) 0 var(--cast),calc(var(--ls) * 15.564) calc(var(--ls) * 10.898) 0 var(--cast),calc(var(--ls) * 16.383) calc(var(--ls) * 11.472) 0 var(--cast),calc(var(--ls) * 17.202) calc(var(--ls) * 12.045) 0 var(--cast),calc(var(--ls) * 18.021) calc(var(--ls) * 12.619) 0 var(--cast),calc(var(--ls) * 18.840) calc(var(--ls) * 13.192) 0 var(--cast),calc(var(--ls) * 19.660) calc(var(--ls) * 13.766) 0 var(--cast),calc(var(--ls) * 20.479) calc(var(--ls) * 14.339) 0 var(--cast),calc(var(--ls) * 21.298) calc(var(--ls) * 14.913) 0 var(--cast),calc(var(--ls) * 22.117) calc(var(--ls) * 15.487) 0 var(--cast),calc(var(--ls) * 22.936) calc(var(--ls) * 16.060) 0 var(--cast),calc(var(--ls) * 23.755) calc(var(--ls) * 16.634) 0 var(--cast),calc(var(--ls) * 24.575) calc(var(--ls) * 17.207) 0 var(--cast),calc(var(--ls) * 25.394) calc(var(--ls) * 17.781) 0 var(--cast),calc(var(--ls) * 26.213) calc(var(--ls) * 18.354) 0 var(--cast),calc(var(--ls) * 27.032) calc(var(--ls) * 18.928) 0 var(--cast),calc(var(--ls) * 27.851) calc(var(--ls) * 19.502) 0 var(--cast),calc(var(--ls) * 28.670) calc(var(--ls) * 20.075) 0 var(--cast),calc(var(--ls) * 29.489) calc(var(--ls) * 20.649) 0 var(--cast),calc(var(--ls) * 30.309) calc(var(--ls) * 21.222) 0 var(--cast),calc(var(--ls) * 31.128) calc(var(--ls) * 21.796) 0 var(--cast),calc(var(--ls) * 31.947) calc(var(--ls) * 22.369) 0 var(--cast),calc(var(--ls) * 32.766) calc(var(--ls) * 22.943) 0 var(--cast),calc(var(--ls) * 33.585) calc(var(--ls) * 23.517) 0 var(--cast),calc(var(--ls) * 34.404) calc(var(--ls) * 24.090) 0 var(--cast)}
.bc-card{box-shadow:calc(var(--bs) * 0.819) calc(var(--bs) * 0.574) 0 var(--cast),calc(var(--bs) * 1.638) calc(var(--bs) * 1.147) 0 var(--cast),calc(var(--bs) * 2.457) calc(var(--bs) * 1.721) 0 var(--cast),calc(var(--bs) * 3.277) calc(var(--bs) * 2.294) 0 var(--cast),calc(var(--bs) * 4.096) calc(var(--bs) * 2.868) 0 var(--cast),calc(var(--bs) * 4.915) calc(var(--bs) * 3.441) 0 var(--cast),calc(var(--bs) * 5.734) calc(var(--bs) * 4.015) 0 var(--cast)}
.bc-btn{box-shadow:calc(var(--bs) * 0.819) calc(var(--bs) * 0.574) 0 var(--cast),calc(var(--bs) * 1.638) calc(var(--bs) * 1.147) 0 var(--cast),calc(var(--bs) * 2.457) calc(var(--bs) * 1.721) 0 var(--cast),calc(var(--bs) * 3.277) calc(var(--bs) * 2.294) 0 var(--cast),calc(var(--bs) * 4.096) calc(var(--bs) * 2.868) 0 var(--cast)}
.bc-big{box-shadow:calc(var(--bs) * 0.819) calc(var(--bs) * 0.574) 0 var(--cast),calc(var(--bs) * 1.638) calc(var(--bs) * 1.147) 0 var(--cast),calc(var(--bs) * 2.457) calc(var(--bs) * 1.721) 0 var(--cast),calc(var(--bs) * 3.277) calc(var(--bs) * 2.294) 0 var(--cast),calc(var(--bs) * 4.096) calc(var(--bs) * 2.868) 0 var(--cast),calc(var(--bs) * 4.915) calc(var(--bs) * 3.441) 0 var(--cast),calc(var(--bs) * 5.734) calc(var(--bs) * 4.015) 0 var(--cast),calc(var(--bs) * 6.553) calc(var(--bs) * 4.589) 0 var(--cast),calc(var(--bs) * 7.372) calc(var(--bs) * 5.162) 0 var(--cast),calc(var(--bs) * 8.192) calc(var(--bs) * 5.736) 0 var(--cast),calc(var(--bs) * 9.011) calc(var(--bs) * 6.309) 0 var(--cast),calc(var(--bs) * 9.830) calc(var(--bs) * 6.883) 0 var(--cast),calc(var(--bs) * 10.649) calc(var(--bs) * 7.456) 0 var(--cast),calc(var(--bs) * 11.468) calc(var(--bs) * 8.030) 0 var(--cast)}