body:has(.k-root)>:is(header,footer,nav,a[href=\#main]){display:none}body:has(.k-root){background:#b9e4fa}body:has(.k-player.full){background:#000}.k-root{--k-display:var(--font-baloo), "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;z-index:80;overscroll-behavior:contain;color:#1e2a4a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:linear-gradient(#86cef3 0%,#b9e4fa 42%,#fff4d6 100%);position:fixed;inset:0;overflow:auto}.k-root img{-webkit-user-drag:none;pointer-events:none}:where(.k-root button){cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none}.k-root:before,.k-root:after{content:"";pointer-events:none;opacity:.75;filter:blur(1px);background:#fff;border-radius:999px;position:fixed}.k-root:before{width:260px;height:70px;top:22%;left:-40px;box-shadow:80px -30px 0 10px #fff,160px 0 0 -6px #fff}.k-root:after{width:220px;height:60px;top:58%;right:-30px;box-shadow:-70px -26px 0 8px #fff,-140px 4px 0 -8px #fff}.k-root h1,.k-root h2{font-family:var(--k-display)}.k-wrap{z-index:1;flex-direction:column;width:min(1100px,100% - 32px);min-height:100%;margin-inline:auto;padding-block:18px 40px;display:flex;position:relative}.k-top{align-items:center;gap:14px;min-height:72px;display:flex}.k-top .k-logo{width:auto;height:48px}.k-sun{background:#ffffff8c;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:8px 16px 8px 22px;display:flex}.k-sun .track{background:linear-gradient(90deg,#ffe08a 0%,#f7a86b 60%,#8f86c9 100%);border-radius:6px;width:150px;height:12px;position:relative}.k-sun .orb{background:radial-gradient(circle at 40% 35%,#fff3b0,#ffc400 70%);border-radius:999px;width:34px;height:34px;transition:left 1s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffc40040}.k-sun .moon{color:#8f86c9;flex-shrink:0;width:20px;height:20px}.k-sun small{color:#23305ab8;white-space:nowrap;font-size:14px;font-weight:700}.k-grown{color:#23305abf;background:#fff6;border:2px solid #23305a24;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.k-grown svg{width:18px;height:18px}.k-grown.alone{margin-left:auto}.k-hi{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:16px;min-width:0;padding:0;display:flex}.k-hi .pic{aspect-ratio:2158/1445;filter:drop-shadow(0 8px 12px #1e2a4a29);transform-origin:50% 90%;background:url(/img/salaam-cloud.png) 50%/contain no-repeat;flex-shrink:0;width:160px}.k-hi .say{font-family:var(--k-display);color:#1e2a4a;white-space:nowrap;background:#fff;border-radius:24px;padding:8px 22px 10px;font-size:34px;font-weight:800;line-height:1;position:relative;box-shadow:0 6px 16px #1e2a4a24}.k-hi .say:before{content:"";background:#fff;border-radius:4px;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;left:-9px;transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.k-hi.wave .pic{animation:.9s k-wave}.k-hi.wave .say{animation:.5s k-pop}}@keyframes k-wave{20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}@keyframes k-pop{40%{transform:scale(1.12)}}.k-modes{z-index:5;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border-radius:999px;gap:12px;width:max-content;max-width:100%;margin:26px auto 0;padding:8px;display:flex;position:sticky;top:10px;box-shadow:0 8px 24px #1e2a4a1f}.k-mode{color:#23305a;min-height:72px;font-family:var(--k-display);background:#fff8e6;border:5px solid #fff;border-radius:999px;align-items:center;gap:12px;padding:10px 26px 10px 12px;font-size:22px;font-weight:800;display:inline-flex}.k-mode svg{background:var(--act);border-radius:999px;width:44px;height:44px;padding:8px}.k-mode[aria-pressed=true]{background:var(--act);box-shadow:0 5px #1e2a4a24}.k-mode[aria-pressed=true] svg{background:#fff}.k-sec{margin-top:28px}.k-sec-h{align-items:center;gap:12px;margin-bottom:14px;display:flex}.k-sec-h .ico{color:#1e2a4a;border:5px solid #fff;border-radius:999px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 4px 12px #1e2a4a2e}.k-sec-h .ico.k-ico-sticker{background-repeat:no-repeat}.k-sec-h .ico svg{width:26px;height:26px}.k-sec-h h2{color:#1e2a4a;font-size:clamp(28px,3.4vw,38px);line-height:1.08}.k-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start;gap:20px;padding:4px 2px 18px;display:flex;overflow-x:auto}.k-rail::-webkit-scrollbar{display:none}.k-rail>.k-card{scroll-snap-align:start;flex:0 0 280px}.k-rail.sq>.k-card{flex-basis:230px}.k-rail.bk>.k-card{flex-basis:200px}.k-card{text-align:left;background:#fff;border:0;border-radius:28px;flex-direction:column;gap:10px;padding:8px 8px 14px;transition:transform .15s;display:flex;position:relative;box-shadow:0 8px #1e2a4a1a,0 14px 26px #1e2a4a1f}.k-card:active{transform:scale(.95)translateY(3px)}.k-card .pic{aspect-ratio:16/9;background:#23305a;border-radius:22px;display:block;position:relative;overflow:hidden}.k-card.sq .pic{aspect-ratio:1}.k-card.bk .pic{aspect-ratio:3/4}.k-card.bk.cv{box-shadow:none;background:0 0;padding:0 0 22px}.k-card.bk.cv .t{display:none}.k-card.bk.cv .pic{aspect-ratio:1;border-radius:4px 12px 12px 4px;overflow:hidden;box-shadow:6px 12px 22px #23305a47,inset 0 0 0 1px #0000000d}.k-card.bk.cv .pic:after{content:"";background:linear-gradient(90deg,#00000047,#ffffff2e 40%,#00000014);width:12px;position:absolute;inset:0 auto 0 0}.k-card .pic img{object-fit:cover;width:100%;height:100%}.k-card .play{color:#1e2a4a;border:4px solid #fff;border-radius:999px;place-items:center;width:52px;height:52px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 10px #1e2a4a40}.k-card .play svg{width:22px;height:22px}.k-card .demo{color:#46527e;letter-spacing:.08em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.k-card .t{font-family:var(--k-display);color:#1e2a4a;padding:0 8px;font-size:19px;font-weight:800;line-height:1.12}.k-grid.pl{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px 24px;display:grid}.k-grid.pl.one{grid-template-columns:minmax(0,520px)}.k-pl{text-align:left;color:#1e2a4a;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;transition:transform .15s;display:flex}.k-pl:active{transform:scale(.96)}.k-pl .cover{aspect-ratio:16/9;background:radial-gradient(120% 90% at 30% 20%, #ffffff59, transparent 60%), var(--pl);box-shadow:8px -8px 0 -2px var(--pl-soft), 15px -15px 0 -4px #fffc, 0 14px 26px #1e2a4a2e;border:6px solid #fff;border-radius:28px;align-items:center;gap:4%;margin:14px 14px 6px 0;padding:0 6%;display:flex;position:relative;overflow:hidden}.k-pl .face{aspect-ratio:1;background-color:#fffdf7;background-repeat:no-repeat;border:5px solid #fff;border-radius:999px;flex:none;height:64%;box-shadow:0 6px 14px #1e2a4a38}.k-pl .face.heart{color:#f2766b;place-items:center;display:grid}.k-pl .face.heart svg{width:48%;height:48%}.k-pl .fan{--w:40%;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.k-pl .fan.n1{--w:74%}.k-pl .fan.n2{--w:56%}.k-pl .fan.n3{--w:48%}.k-pl .face+.fan{--w:60%}.k-pl .face+.fan.n1{--w:100%}.k-pl .face+.fan.n2{--w:80%}.k-pl .fan img{flex:0 0 var(--w);width:var(--w);aspect-ratio:16/9;object-fit:cover;border:3px solid #fff;border-radius:12px;transform:rotate(-6deg)translateY(-6%);box-shadow:0 4px 10px #1e2a4a38}.k-pl .fan img+img{margin-left:calc(var(--w) * -.5)}.k-pl .fan img:nth-child(2){transform:rotate(4deg)translateY(6%)}.k-pl .fan img:nth-child(3){transform:rotate(-3deg)translateY(-4%)}.k-pl .fan img:nth-child(4){transform:rotate(7deg)translateY(5%)}.k-pl .fan.n1 img{transform:rotate(-3deg)}.k-pl .t{font-family:var(--k-display);padding:0 6px;font-size:22px;font-weight:800;line-height:1.1}.k-note{text-align:center;color:#4b5a86;margin-top:auto;padding-top:34px;font-size:14px;font-weight:700}.k-empty{text-align:center;color:#2e3b66;margin-top:40px;font-size:18px;font-weight:700}.k-bar{align-items:center;gap:14px;width:100%;min-height:60px;margin-bottom:24px;display:flex}.k-bar .k-sun,.k-bar .k-grown{min-height:56px}.k-bar .k-sun{padding:8px 18px 8px 8px}.k-bar .k-grown{padding:0 20px}.k-home{color:#23305a;background:#f5c84c;border:5px solid #fff;border-radius:999px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 5px 14px #1e2a4a33}.k-home svg{width:28px;height:28px}.k-player{flex:1;grid-template-columns:minmax(0,1fr);align-items:start;gap:26px;width:100%;display:grid}.k-main{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.k-stage{aspect-ratio:16/9;background:#1a2446;border:8px solid #fff;border-radius:34px;width:100%;max-width:980px;max-height:62dvh;position:relative;overflow:hidden;box-shadow:0 18px 40px #1e2a4a40}.k-stage video,.k-stage iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.k-stage video.k-sample-clip{object-fit:contain;background:radial-gradient(circle at 50% 35%,#fff4d6 0%,#b9e4fa 55%,#86cef3 100%)}.k-stage iframe{pointer-events:none}.k-tap{z-index:2;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0}.k-tap-icon{color:#23305a;background:#f5c84cf2;border:8px solid #fff;border-radius:999px;place-items:center;width:112px;height:112px;transition:opacity .2s,transform .2s;display:grid;box-shadow:0 10px 30px #0000004d}.k-tap-icon svg{width:48px;height:48px;margin-left:6px}.k-stage.playing .k-tap-icon{opacity:0;transform:scale(.8)}.k-sample{z-index:3;color:#46527e;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#ffffffe6;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:14px;left:14px}.k-listen{z-index:2;background:radial-gradient(circle at 50% 22%,#4a62b8 0%,#27346f 46%,#141b40 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:none;position:absolute;inset:0;overflow:hidden}.k-listen:before{content:"";pointer-events:none;opacity:.85;background-image:radial-gradient(2px 2px at 14% 22%,#fff 50%,#0000 52%),radial-gradient(1.6px 1.6px at 78% 16%,#fff 50%,#0000 52%),radial-gradient(2.4px 2.4px at 88% 58%,#ffe9a8 50%,#0000 52%),radial-gradient(1.6px 1.6px at 30% 78%,#fff 50%,#0000 52%),radial-gradient(1.2px 1.2px at 58% 40%,#fff 50%,#0000 52%),radial-gradient(2px 2px at 9% 64%,#ffe9a8 50%,#0000 52%),radial-gradient(1.4px 1.4px at 66% 86%,#fff 50%,#0000 52%),radial-gradient(1.8px 1.8px at 44% 10%,#fff 50%,#0000 52%);position:absolute;inset:0}.k-listen:after{content:"";opacity:.9;pointer-events:none;border-radius:50%;width:46px;height:46px;position:absolute;top:8%;right:9%;box-shadow:-10px 6px #ffe9a8}.k-stage.listen{aspect-ratio:1;max-width:min(560px,100%)}.k-stage.listen .k-listen{display:flex}.k-stage.listen .k-tap{display:none}.k-stage.listen video,.k-stage.listen iframe{opacity:0}.k-disc{z-index:1;aspect-ratio:1;background:#1e2a4a;border:10px solid #fff;border-radius:50%;width:min(62%,330px);padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 12px #ffffff1f,0 0 0 26px #ffffff0d,0 22px 44px #0006}.k-disc img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.k-stage.listen.playing .k-disc img{animation:18s linear infinite k-spin}.k-listen:before{animation:5s ease-in-out infinite alternate k-twinkle}}@keyframes k-spin{to{transform:rotate(360deg)}}@keyframes k-twinkle{0%{opacity:.5}to{opacity:1}}.k-disc .hole{color:#23305a;background:#f5c84c;border:6px solid #fff;border-radius:50%;place-items:center;width:30%;height:30%;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 4px 12px #0000004d}.k-disc .hole svg{width:44%;height:44%}.k-stage.listen:not(.playing) .k-disc .hole svg{margin-left:8%}.k-ltitle{z-index:1;font-family:var(--k-display);color:#fffdf7;text-align:center;font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.1;position:relative}.k-eq{z-index:1;align-items:flex-end;gap:5px;height:34px;display:flex;position:relative}.k-eq span{transform-origin:bottom;background:#f5c84c;border-radius:3px;width:7px;height:100%;transform:scaleY(.3)}.k-eq.small{background:#141c3a99;border-radius:8px;gap:3px;height:22px;padding:4px 6px;position:absolute;bottom:8px;left:8px}.k-eq.small span{width:4px}@media (prefers-reduced-motion:no-preference){.playing .k-eq span{animation:1s ease-in-out infinite k-eq}}.k-eq span:nth-child(2){animation-delay:-.2s}.k-eq span:nth-child(3){animation-delay:-.5s}.k-eq span:nth-child(4){animation-delay:-.7s}.k-eq span:nth-child(5){animation-delay:-.35s}.k-eq span:nth-child(6){animation-delay:-.85s}.k-eq span:nth-child(7){animation-delay:-.1s}@keyframes k-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.k-prog{cursor:pointer;touch-action:none;background:#1e2a4a29;border-radius:8px;width:min(720px,100%);height:16px;position:relative}.k-prog i{background:#f5c84c;border-radius:8px;position:absolute;inset:0 auto 0 0}.k-prog b{background:#fff;border:5px solid #f5c84c;border-radius:999px;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;box-shadow:0 3px 8px #1e2a4a4d}.k-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.k-btn{color:#23305a;background:#fff8e6;border:6px solid #fff;border-radius:999px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 6px #1e2a4a1f,0 10px 20px #1e2a4a24}.k-btn:active{transform:translateY(3px)}.k-btn svg{width:30px;height:30px}.k-btn[aria-pressed=true]{background:#9fd8c0}.k-big{color:#23305a;background:#f5c84c;border:8px solid #fff;border-radius:999px;place-items:center;width:104px;height:104px;display:grid;box-shadow:0 8px #d9a92f,0 16px 30px #1e2a4a40}.k-big:active{transform:translateY(4px);box-shadow:0 4px #d9a92f}.k-big svg{width:44px;height:44px}.k-big.play svg{margin-left:6px}.k-queue{min-width:0}.k-qlist{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;padding:6px 2px 14px;display:flex;overflow-x:auto}.k-qlist::-webkit-scrollbar{display:none}.k-qrow{text-align:left;color:#1e2a4a;scroll-snap-align:start;background:#fff;border:0;border-radius:22px;flex-direction:column;flex:0 0 190px;gap:8px;padding:6px 6px 10px;display:flex;position:relative;box-shadow:0 6px #1e2a4a14,0 10px 20px #1e2a4a1a}.k-qrow.cur{box-shadow:0 0 0 4px #f5c84c,0 10px 20px #1e2a4a1f}.k-qrow .pic{aspect-ratio:16/9;background:#23305a;border-radius:16px;display:block;position:relative;overflow:hidden}.k-qrow .pic img{object-fit:cover;width:100%;height:100%}@media (min-width:1024px) and (orientation:landscape){.k-player{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.k-queue{background:#ffffff80;border-radius:30px;padding:16px 14px 8px;position:sticky;top:12px;box-shadow:inset 0 0 0 2px #ffffffb3}.k-qlist{scroll-snap-type:y proximity;flex-direction:column;max-height:calc(100dvh - 190px);padding:4px 6px 10px 4px;overflow:visible auto}.k-qrow{flex-direction:row;flex:none;align-items:center;gap:12px;padding:6px 10px 6px 6px}.k-qrow .pic{border-radius:14px;flex-shrink:0;width:100px}}.k-cover{z-index:1;pointer-events:none;background:#1a2446;transition:opacity .35s;position:absolute;inset:0}.k-cover img{object-fit:cover;width:100%;height:100%}.k-cover.off{opacity:0}.k-player.full{z-index:100;background:#000;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.k-player.full .k-main{display:block;position:absolute;inset:0}.k-player.full .k-stage{aspect-ratio:auto;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:#000;border:0;border-radius:0;position:absolute;inset:0}.k-player.full .k-cover{background:#000}.k-player.full .k-cover img{object-fit:contain}.k-player.full .k-tap-icon{display:none}.k-player.full .k-listen{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.k-player.full .k-disc{flex-shrink:0;width:min(44dvh,52vw,380px)}.k-player.full .k-queue{display:none}.k-player.full .k-main:after{content:"";height:calc(230px + env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none;background:linear-gradient(#080c1e00,#080c1eb8);position:absolute;inset:auto 0 0}.k-player.full .k-prog{z-index:4;left:calc(28px + env(safe-area-inset-left,0px));right:calc(28px + env(safe-area-inset-right,0px));bottom:calc(150px + env(safe-area-inset-bottom,0px));background:#ffffff47;width:auto;position:absolute}.k-player.full .k-controls{z-index:4;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));justify-content:center;gap:20px;display:flex;position:absolute}.k-player.full :is(.k-prog,.k-controls),.k-player.full .k-main:after{transition:opacity .5s}.k-player.full.idle :is(.k-prog,.k-controls),.k-player.full.idle .k-main:after{opacity:0;pointer-events:none}.k-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding-block:20px;display:flex}.k-done img{aspect-ratio:16/9;object-fit:cover;-webkit-mask-composite:source-in;width:min(760px,100%);margin-bottom:-8px;animation:6s ease-in-out infinite k-done-float;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000),linear-gradient(#0000,#000 26% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000),linear-gradient(#0000,#000 26% 70%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes k-done-float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.k-done img{animation:none}}.k-done h1{letter-spacing:-.01em;text-shadow:0 3px #ffffffb3;font-size:clamp(40px,7vw,72px);line-height:1.05}.k-done p{color:#2e3b66;text-wrap:balance;font-size:clamp(18px,2.4vw,22px);font-weight:700}.k-done .k-done-bye{color:#b2452f;font-family:var(--k-display);margin-top:2px;font-size:clamp(20px,2.6vw,26px);font-weight:800}.k-modal{z-index:110;-webkit-user-select:text;user-select:text;background:#141a308c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.k-setup-page{z-index:1;-webkit-user-select:text;user-select:text;justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex;position:relative}.k-card-g{background:var(--color-ground);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--color-ink);overscroll-behavior:contain;border-radius:28px;padding:30px;position:relative;overflow:auto;box-shadow:0 24px 60px #23305a2e}.k-setup-page .k-card-g{max-height:none;overflow:visible}@media (min-width:1024px) and (orientation:landscape){.k-setup-page:has(.k-setup-cols) .k-card-g{width:min(920px,100%);padding:26px 30px}.k-setup-page .k-card-g h2{font-size:27px}.k-setup-page .k-opt{gap:14px;padding:11px 14px}.k-setup-page .k-opt .ico{border-radius:12px;width:42px;height:42px}.k-setup-page .k-chip{min-height:42px;padding:0 16px;font-size:15px}.k-setup-page .k-go{min-height:52px;font-size:18px}.k-setup-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.k-setup-settings>h3:first-child{margin-top:0}.k-setup-page:has(.k-setup-cols) .k-go{max-width:420px;margin-inline:auto;display:flex}}@media (min-width:760px){.k-setup-page .k-chips:not(.k-chips-two){grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.k-setup-page .k-chips:not(.k-chips-two) .k-chip{white-space:nowrap;padding:0 6px}}@media (prefers-reduced-motion:no-preference){.k-modal{animation:.2s k-fade}.k-modal .k-card-g{animation:.25s k-rise}}@keyframes k-fade{0%{opacity:0}}@keyframes k-rise{0%{opacity:0;transform:translateY(16px)}}.k-card-g h2{margin-bottom:6px;padding-right:56px;font-size:30px;line-height:1.08}.k-card-g h3{font-family:var(--k-display);font-weight:800}.k-card-g .k-close{border:1px solid var(--color-line);background:var(--color-surface);width:48px;height:48px;color:var(--color-ink);border-radius:999px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.k-card-g .k-close svg{width:20px;height:20px}.k-muted{color:var(--color-ink-2);font-size:17px}.k-fine{color:var(--color-ink-3);font-size:14px}.k-opt{background:var(--color-surface);border:1px solid var(--color-line);cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:14px 16px;display:flex}.k-opt .ico{color:#1e2a4a;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.k-opt .ico svg{width:24px;height:24px}.k-opt .grow{flex:1;min-width:0}.k-opt strong{font-size:17px;display:block}.k-opt small{color:var(--color-ink-3);font-size:14px}.k-switch{flex-shrink:0;width:56px;height:34px;position:relative}.k-switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.k-switch span{background:var(--color-line);pointer-events:none;border-radius:999px;transition:all .2s;position:absolute;inset:0}.k-switch span:after{content:"";background:#fff;border-radius:999px;width:26px;height:26px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000004d}.k-switch input:checked+span{background:#3e8467}.k-switch input:checked+span:after{transform:translate(22px)}.k-switch input:focus-visible+span{outline-offset:3px;outline:3px solid #f5c84c}.k-picks{grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));gap:8px;margin-top:12px;display:grid}.k-pick{border:2px solid var(--color-line);background:var(--color-surface);text-align:left;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:7px 10px 7px 7px;transition:border-color .15s,box-shadow .15s;display:flex}.k-pick[aria-pressed=true]{border-color:#3e8467;box-shadow:0 0 0 3px #3e846724}.k-pick .sw{color:#1e2a4a;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.k-pick .sw.st{background-repeat:no-repeat}.k-pick .sw svg{width:20px;height:20px}.k-pick .grow{flex:1;min-width:0}.k-pick strong{color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.15;display:-webkit-box;overflow:hidden}.k-pick small{color:var(--color-ink-3);font-size:13px;font-weight:700}.k-pick .tick{border:2px solid var(--color-line);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.k-pick[aria-pressed=true] .tick{background:#3e8467;border-color:#3e8467}.k-pick.k-pick-new{background:#f5c84c1a;border-style:dashed;border-color:#c9b98f}.k-pick-new .sw{background:#f5c84c}.k-picks-empty{text-align:center;background:#f5c84c1a;border:2px dashed #c9b98f;border-radius:20px;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:20px 18px 16px;display:flex}.k-picks-empty .ico{gap:6px;display:flex}.k-picks-empty .ico svg{color:#1e2a4a;background:#9fd8c0;border-radius:12px;width:40px;height:40px;padding:8px}.k-picks-empty .ico svg+svg{background:#7ec4e8}.k-picks-empty strong{font-family:var(--k-display);color:var(--color-ink);font-size:18px;line-height:1.2}.k-picks-empty p{color:var(--color-ink-2);font-size:14px}.k-picks-empty small{color:var(--color-ink-3);font-size:12.5px}.k-pick-go{color:#1e2a4a;background:#f5c84c;border:0;border-radius:999px;align-items:center;gap:6px;min-height:46px;margin-block:4px;padding:0 20px 0 14px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 3px #d9a92f}.k-pick-go:active{transform:translateY(2px);box-shadow:0 1px #d9a92f}.k-chips{flex-wrap:wrap;gap:8px;display:flex}.k-chip{border:2px solid var(--color-line);background:var(--color-surface);min-height:48px;color:var(--color-ink-2);border-radius:999px;padding:0 20px;font-size:16px;font-weight:800}.k-chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ground)}.k-go{color:#23305a;background:#f5c84c;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px 24px;font-size:19px;font-weight:800;display:inline-flex;box-shadow:0 5px #d9a92f}.k-go:disabled{opacity:.45;cursor:default}.k-go.line{border:2px solid var(--color-ink);color:var(--color-ink);box-shadow:none;background:0 0}.k-go.soft{color:var(--color-ink);background:#eaf5fb;box-shadow:inset 0 0 0 1.5px #23305a1f}.k-go{transition:transform .15s,box-shadow .15s,background-color .15s}.k-go:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #d9a92f}.k-go.soft:not(:disabled):active{box-shadow:inset 0 0 0 1.5px #23305a2e}@media (hover:hover){.k-go.soft:hover{background:#dceff9}}.k-modal:has(.k-gp){-webkit-backdrop-filter:blur(6px);background:#141a306b}.k-card-g.k-gp{text-align:center;background:radial-gradient(120% 70% at 50% 0%, #f5c84c29, #f5c84c00 60%), var(--color-ground);border-radius:32px;width:min(440px,100%);padding:34px 32px 30px;box-shadow:inset 0 2px #ffffffb3,0 28px 70px #141a3047}.k-gp-badge{color:#c98500;background:#fdf0c8;border-radius:999px;place-items:center;width:64px;height:64px;margin:0 auto 14px;display:grid;box-shadow:0 0 0 8px #f5c84c24}.k-gp-badge svg{width:30px;height:30px}.k-gp-eyebrow{color:#c98500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:12.5px;font-weight:800}.k-card-g.k-gp h2{margin-bottom:8px;padding-right:0;font-size:30px}.k-card-g.k-gp .k-muted{text-wrap:balance;max-width:32ch;margin-inline:auto;line-height:1.5}.k-gp-go{flex-direction:column;gap:16px;margin-top:26px;display:flex}.k-gp-go .k-go{min-height:56px;font-size:18px}.k-flag{border:1px dashed var(--color-line);background:var(--color-sunk);color:var(--color-ink-2);border-radius:16px;margin-top:16px;padding:12px 16px;font-size:14.5px}.k-flag strong{color:var(--color-ink)}.k-tips{color:var(--color-ink-2);background:#f1f9f5;border:1px solid #c9e6d8;border-radius:18px;margin-top:16px;font-size:14.5px;overflow:hidden}.k-tips summary{cursor:pointer;color:var(--color-ink);align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.k-tips summary::-webkit-details-marker{display:none}.k-tips .ico{color:#1e2a4a;background:#9fd8c0;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.k-tips .ico svg{width:20px;height:20px}.k-tips .grow{flex:1;min-width:0}.k-tips strong{text-wrap:balance;font-size:16px;font-weight:800;line-height:1.3;display:block}.k-tips small{color:var(--color-ink-3);margin-top:2px;font-size:13.5px;display:block}.k-tips .chev{color:#1e2a4a;background:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 6px #1e2a4a1f}.k-tips .chev svg{width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.k-tips .chev svg{transition:transform .2s}}.k-tips[open] .chev svg{transform:rotate(180deg)}.k-tips .body{flex-direction:column;gap:8px;padding:2px 14px 14px;display:flex}.k-tips .how{background:#fff;border:1px solid #c9e6d8;border-radius:14px;padding:10px 12px}.k-tips .how strong{margin-bottom:2px;font-size:14.5px}.k-link{text-underline-offset:3px;font-weight:800;text-decoration:underline}.k-gate{text-align:center}.k-gate h2{padding:0}.k-gate .q{font-family:var(--k-display);margin:10px 0 4px;font-size:44px;font-weight:800}.k-gate .ans{justify-content:center;gap:10px;margin:10px 0 18px;display:flex}.k-gate .ans span{border:2px solid var(--color-line);background:var(--color-surface);width:58px;height:66px;font-family:var(--k-display);border-radius:16px;place-items:center;font-size:34px;font-weight:800;display:grid}.k-gate.err .ans span{border-color:#c0584b}@media (prefers-reduced-motion:no-preference){.k-gate.err .ans span{animation:.35s k-shake}}@keyframes k-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.k-keys{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto;display:grid}.k-keys button{border:1px solid var(--color-line);background:var(--color-surface);min-height:60px;color:var(--color-ink);font-family:var(--k-display);border-radius:16px;font-size:26px;font-weight:800}.k-keys button.word{font-family:inherit;font-size:16px}@media not (min-width:760px){.k-modal{align-items:flex-end;padding:0}.k-modal .k-card-g{padding:26px 20px calc(26px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;max-height:94dvh}.k-setup-page{align-items:flex-end;padding:12px 0 0}.k-setup-go{z-index:2;padding:2px 20px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #fffdf700 0, var(--color-ground) 22px);margin:0 -20px;position:sticky;bottom:0}.k-setup-go .k-go{margin-top:18px}.k-setup-go .k-fine{margin-top:8px}.k-setup-page .k-chips{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);gap:6px;display:grid}.k-setup-page .k-chip{white-space:nowrap;padding:0 4px;font-size:14px}.k-setup-page .k-chips-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.k-setup-page .k-chips-two .k-chip{font-size:15px}.k-setup-page .k-opt{gap:12px;padding:12px 14px}.k-setup-page .k-opt .ico{border-radius:12px;width:42px;height:42px}.k-setup-page .k-opt small{text-wrap:pretty;line-height:1.35;display:block}.k-setup-page .k-card-g{padding:26px 20px calc(26px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0}.k-grid.pl{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -16px;padding:0 16px 10px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.k-grid.pl::-webkit-scrollbar{display:none}.k-grid.pl>.k-pl{scroll-snap-align:start;flex:0 0 76%}.k-grid.pl.one>.k-pl{flex-basis:92%}.k-pl .cover{border-width:5px;border-radius:24px;margin:10px 10px 4px 0}.k-pl .face{border-width:4px}.k-pl .fan img{border-width:2px;border-radius:10px}.k-pl .t{font-size:19px}.k-qrow{flex-basis:160px}.k-disc{border-width:7px}.k-card{border-radius:22px;gap:8px;padding:6px 6px 10px}.k-card .pic{border-radius:17px}.k-card .t{padding:0 4px;font-size:15px}.k-card .play{border-width:3px;width:40px;height:40px;bottom:6px;right:6px}.k-card .play svg{width:17px;height:17px}.k-sec-h .ico{width:46px;height:46px}.k-hi{gap:12px}.k-hi .pic{width:96px}.k-hi .say{border-radius:18px;padding:7px 14px 8px;font-size:24px}.k-sun .track{width:80px}.k-grown .long{display:none}.k-big{border-width:6px;width:84px;height:84px}.k-big svg{width:36px;height:36px}.k-controls{gap:10px}.k-btn{border-width:4px;width:56px;height:56px}.k-btn svg{width:24px;height:24px}.k-tap-icon{border-width:6px;width:84px;height:84px}.k-tap-icon svg{width:36px;height:36px}.k-stage{border-width:6px;border-radius:26px}.k-rail>.k-card{flex-basis:210px}.k-rail.sq>.k-card{flex-basis:170px}.k-rail.bk>.k-card{flex-basis:150px}.k-modes{gap:6px;padding:6px}.k-mode{gap:6px;min-height:60px;padding:6px 14px 6px 6px;font-size:18px}.k-mode svg{width:32px;height:32px}}@media (max-height:500px) and (orientation:landscape){.k-wrap{padding-block:8px 24px}.k-top{gap:10px;min-height:52px}.k-hi .pic{width:84px}.k-hi .say{padding:5px 14px 6px;font-size:20px}.k-modes{gap:8px;margin-top:8px;padding:5px}.k-mode{min-height:50px;font-size:17px}.k-bar{min-height:48px;margin-bottom:10px}.k-home{border-width:4px;width:48px;height:48px}.k-bar .k-sun,.k-bar .k-grown{min-height:46px}.k-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stage ctrl";align-items:center;gap:10px 20px;display:grid}.k-stage{border-width:5px;border-radius:24px;grid-area:stage;justify-self:center;width:min(100%,177.778dvh - 195.556px);max-height:calc(100dvh - 110px)}.k-stage.listen{width:min(100%,100dvh - 110px)}.k-controls{grid-area:ctrl;gap:10px}.k-btn{border-width:4px;width:54px;height:54px}.k-big{border-width:6px;width:88px;height:88px}.k-gate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:24px;width:min(640px,100%);padding-block:18px;display:grid}.k-gate>:not(.k-keys):not(.k-close){grid-column:1}.k-gate .q{margin:4px 0 0;font-size:36px}.k-gate .ans{margin:6px 0 0}.k-gate .ans span{width:48px;height:54px;font-size:28px}.k-gate .k-keys{grid-area:1/2/span 4;gap:8px;width:100%;margin-top:40px}.k-gate .k-keys button{min-height:48px;font-size:22px}.k-modes{gap:6px;margin:-56px 0 0 204px;padding:4px}.k-mode{min-height:0;padding:4px}.k-mode span{display:none}.k-mode svg{width:40px;height:40px}.k-top .k-sun .track{width:56px}.k-sec{margin-top:14px}.k-done{gap:4px;padding-block:0}.k-done img{width:auto;max-width:100%;height:46dvh}.k-done h1{font-size:38px}.k-player.full .k-prog{bottom:calc(112px + env(safe-area-inset-bottom,0px))}.k-player.full .k-listen{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));gap:8px}.k-player.full .k-disc{border-width:6px;width:36dvh}.k-player.full .k-listen .k-eq{display:none}.k-player.full .k-main:after{height:170px}.k-player.full .k-controls{bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:14px}}@media (max-width:480px){.k-top{flex-wrap:wrap;gap:12px 10px}.k-top .k-grown{margin-left:auto}.k-top .k-sun{flex-basis:100%;order:3;margin-left:0}.k-top .k-sun .track{flex:1;width:auto}.k-hi{gap:10px}.k-hi .pic{width:76px}.k-hi .say{padding:6px 12px 7px;font-size:20px}.k-sun{gap:6px;padding:6px 12px 6px 16px}.k-sun .orb{width:24px;height:24px;box-shadow:none}.k-sun .track{width:54px;height:10px}.k-sun .moon{width:16px;height:16px}.k-sun small{font-size:13px}}@media (max-width:420px){.k-mode span{display:none}.k-mode{padding:6px}}@media (not (min-width:760px)) and (orientation:portrait){.k-wrap:has(>.k-player:not(.full)){padding-bottom:12px}.k-player:not(.full){flex-direction:column;align-items:stretch;gap:14px;min-height:0;display:flex}.k-player:not(.full) .k-main{flex:1;gap:14px}.k-player:not(.full) .k-tap-icon{display:none}.k-player.full{transform-origin:0 0;width:100dvh;height:100vw;inset:0 auto auto 100vw;transform:rotate(90deg)}.k-player.full .k-prog{bottom:112px}.k-player.full .k-main:after{height:170px}.k-player.full .k-controls{gap:14px;bottom:12px}.k-player.full .k-listen{gap:8px;padding-bottom:110px}.k-player.full .k-disc{border-width:6px;width:36vw}.k-player.full .k-listen .k-eq{display:none}.k-player:not(.full) .k-stage.listen{aspect-ratio:16/9;max-width:none}.k-player:not(.full) .k-stage.listen .k-listen{grid-template-rows:1fr auto auto 1fr;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:10px 18px;padding:12px 20px;display:grid}.k-player:not(.full) .k-listen .k-disc{border-width:6px;grid-area:1/1/-1;width:min(40vw,150px)}.k-player:not(.full) .k-ltitle{text-align:left;grid-area:2/2;font-size:21px}.k-player:not(.full) .k-listen:after{width:30px;height:30px;top:9%;right:6%;box-shadow:-7px 4px #ffe9a8}.k-player:not(.full) .k-listen>.k-eq{grid-area:3/2;height:26px}.k-player:not(.full) .k-controls{gap:28px;margin-top:auto}.k-player:not(.full) .k-btn{width:62px;height:62px}.k-player:not(.full) .k-qlist{gap:10px;margin-inline:-4px;padding:6px 4px 10px}.k-player:not(.full) .k-qrow{border-radius:16px;flex-basis:134px;gap:5px;padding:4px 4px 7px}.k-player:not(.full) .k-qrow.cur{box-shadow:0 0 0 3px #f5c84c,0 8px 16px #1e2a4a1f}.k-player:not(.full) .k-qrow .pic{border-radius:12px}}@media (not (min-width:760px)) and (orientation:portrait) and (not (min-height:700px)){.k-wrap:has(>.k-player:not(.full)){padding-top:6px;padding-bottom:6px}.k-wrap:has(>.k-player:not(.full)) .k-bar{margin-bottom:10px}.k-player:not(.full),.k-player:not(.full) .k-main{gap:10px}.k-player:not(.full) .k-big{border-width:5px;width:72px;height:72px}.k-player:not(.full) .k-big svg{width:30px;height:30px}.k-player:not(.full) .k-btn{width:54px;height:54px}.k-player:not(.full) .k-qrow{flex-basis:112px}}@media (560px<=width<760px){.k-modal{align-items:center;padding:16px}.k-setup-page{align-items:center;padding:24px 16px}.k-modal .k-card-g,.k-setup-page .k-card-g{border-radius:28px;padding:30px}.k-modal .k-card-g{max-height:calc(100dvh - 32px)}.k-setup-go{margin:0 -30px;padding:2px 30px 12px}}@media (max-height:500px) and (orientation:landscape){.k-setup-page:has(.k-signin){padding:12px 16px}.k-card-g.k-signin{width:min(640px,100%);padding:20px 26px 18px}.k-card-g.k-signin h2{font-size:26px}.k-card-g.k-signin .k-close{top:12px;right:12px}.k-signin-go{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.k-signin-go .k-go{margin-top:0}.k-player:not(.full) .k-main{grid-template-columns:minmax(0,calc(177.778dvh - 213.333px)) auto;grid-template-areas:"stage ctrl";justify-content:center;gap:6px 26px}.k-player:not(.full) .k-stage,.k-player:not(.full) .k-stage.listen{aspect-ratio:16/9;width:100%;max-width:none}.k-player:not(.full) .k-btn{width:48px;height:48px}.k-player:not(.full) .k-big{border-width:5px;width:72px;height:72px}.k-player:not(.full) .k-big svg{width:30px;height:30px}.k-player:not(.full) .k-stage.listen .k-listen{grid-template-rows:1fr auto auto 1fr;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:8px 18px;padding:12px 20px;display:grid}.k-player:not(.full) .k-listen .k-disc{border-width:6px;grid-area:1/1/-1;width:min(39.2dvh,150px)}.k-player:not(.full) .k-ltitle{text-align:left;grid-area:2/2;font-size:20px}.k-player:not(.full) .k-listen>.k-eq{grid-area:3/2;height:24px}.k-player:not(.full) .k-listen:after{width:30px;height:30px;top:9%;right:6%;box-shadow:-7px 4px #ffe9a8}.k-player:not(.full) .k-qrow{flex-basis:150px}}.k-wrap:has(>.k-player:not(.full)){padding-bottom:16px}.k-wrap:has(>.k-player:not(.full)) .k-bar{margin-bottom:14px}.k-player:not(.full){flex-direction:column;align-items:stretch;gap:16px;display:flex}.k-player:not(.full) .k-main{gap:16px}.k-player .k-tap-icon,.k-player:not(.full) .k-next{display:none}.k-player .k-again{background:#9fd8c0}.k-player .k-next{background:#7ec4e8}.k-player .k-fs{background:#f2766b}.k-player:not(.full) .k-controls{gap:36px;margin-top:0}.k-prog{cursor:default;pointer-events:none}.k-prog b{display:none}.k-player:not(.full) .k-stage .k-prog{z-index:3;background:#ffffff8c;border-radius:5px;width:auto;height:10px;position:absolute;bottom:18px;left:28px;right:28px}.k-player:not(.full) .k-stage .k-prog i{border-radius:5px}@media (min-width:760px) and (min-height:501px){.k-player:not(.full){justify-content:center}.k-player:not(.full) .k-stage{width:min(100%,177.778dvh - 640px);min-width:min(100%,440px);max-height:none}.k-player:not(.full) .k-main{gap:0}.k-player:not(.full) .k-controls{z-index:5;margin-top:-52px;position:relative}.k-player:not(.full) .k-stage .k-prog{bottom:66px}}.k-player:not(.full) .k-queue{box-shadow:none;background:0 0;border-radius:0;padding:0;position:static}.k-player:not(.full) .k-qlist{scroll-snap-type:x mandatory;flex-direction:row;gap:16px;max-height:none;margin:0;padding:8px 10px 12px;overflow:auto visible}.k-player:not(.full) .k-qlist>:first-child{margin-left:auto}.k-player:not(.full) .k-qlist>:last-child{margin-right:auto}.k-player:not(.full) .k-qrow{border:5px solid #fff;border-radius:20px;flex-direction:column;flex:0 0 200px;gap:0;padding:0;overflow:hidden;box-shadow:0 8px 16px #1e2a4a26}.k-player:not(.full) .k-qrow.cur{border-color:#f5c84c;box-shadow:0 0 0 5px #f5c84c59,0 8px 16px #1e2a4a26}.k-player:not(.full) .k-qrow .pic{border-radius:0;width:100%}@media (not (min-width:760px)) and (orientation:portrait){.k-wrap:has(>.k-player:not(.full)){height:100%;min-height:0}.k-player:not(.full){min-height:0}.k-player:not(.full) .k-main{flex:none}.k-player:not(.full) .k-controls{gap:28px;margin-block:0}.k-player:not(.full) .k-stage .k-prog{height:8px;bottom:12px;left:18px;right:18px}.k-player:not(.full) .k-queue{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;margin-inline:-6px;overflow-y:auto}.k-player:not(.full) .k-queue::-webkit-scrollbar{display:none}.k-player:not(.full) .k-qlist{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:6px 6px 10px;display:grid;overflow:visible}.k-player:not(.full) .k-qlist>:is(:first-child,:last-child){margin:0}.k-player:not(.full) .k-qrow{border-width:4px;border-radius:18px}}@media (max-height:500px) and (orientation:landscape){.k-player:not(.full) .k-controls{flex-direction:column;gap:14px}.k-player:not(.full) .k-stage .k-prog{height:8px;bottom:10px;left:16px;right:16px}.k-player:not(.full) .k-qrow{border-width:4px;border-radius:16px;flex-basis:150px}}.k-gp-opts{text-align:left;gap:10px;margin-top:18px;display:grid}.k-clock{display:none}@media not (min-width:760px),(pointer:coarse) and (max-height:500px){.k-setup-page .k-phone-hide{display:none}.k-setup-page .k-chips.k-timer{justify-content:space-between;gap:2px;padding-top:4px;display:flex}.k-setup-page .k-chips.k-timer .k-chip,.k-setup-page .k-chips.k-timer .k-chip[aria-pressed=true]{white-space:nowrap;min-width:0;min-height:0;color:var(--color-ink-2);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.k-setup-page .k-chips.k-timer .k-chip[aria-pressed=true]{color:var(--color-ink)}.k-clock{width:50px;height:50px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:block}.k-clock .face{fill:var(--color-surface);stroke:var(--color-line);stroke-width:3.5px}.k-clock .fill{fill:#fbefc9}.k-clock .hub{fill:var(--color-ink)}.k-clock .none{fill:var(--color-ink-2);font-size:26px;font-weight:800}[aria-pressed=true]>.k-clock{transform:scale(1.14)}[aria-pressed=true]>.k-clock .face{stroke:var(--color-ink)}[aria-pressed=true]>.k-clock .fill{fill:#f5c84c}[aria-pressed=true]>.k-clock .none{fill:var(--color-ink)}}@media (prefers-reduced-motion:reduce){.k-clock{transition:none}}