:root{--yk-night:#14081b;--yk-plum:#25112f;--yk-plum-2:#33183f;--yk-cream:#fff4ea;--yk-olive:#bbb256;--yk-amber:#f9af08;--yk-orange:#f06707;--yk-coral:#fd777a;--yk-magenta:#e11c8a;--yk-purple:#68367f;--yk-sweep:linear-gradient(100deg, var(--yk-amber), var(--yk-orange) 28%, var(--yk-coral) 52%, var(--yk-magenta) 76%, var(--yk-purple));--yk-sweep-rtl:linear-gradient(260deg, var(--yk-amber), var(--yk-orange) 28%, var(--yk-coral) 52%, var(--yk-magenta) 76%, var(--yk-purple));--yk-bg:var(--yk-night);--yk-surface:var(--yk-plum);--yk-surface-raised:var(--yk-plum-2);--yk-text:var(--yk-cream);--yk-text-muted:#fff4ea9e;--yk-line:#fff4ea1f;--yk-action:var(--yk-magenta);--yk-credits:var(--yk-amber);--yk-done:var(--yk-olive);--yk-warning:var(--yk-orange);--yk-highlight:var(--yk-coral);--yk-font:"Handel", system-ui, sans-serif;--yk-font-ar:"HandelAr", "Handel", sans-serif;--yk-radius-pill:999px;--yk-radius-card:18px;--yk-radius-control:12px;--yk-ease:cubic-bezier(.16, 1, .3, 1);--yk-enter:.4s;--yk-exit:.2s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
@font-face{font-family:Handel;src:url(/fonts/handel-gothic-regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Handel;src:url(/fonts/handel-gothic-bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:HandelAr;src:url(/fonts/handel-gothic-arabic-light.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:HandelAr;src:url(/fonts/handel-gothic-arabic-bold.ttf)format("truetype");font-weight:700;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{background:var(--yk-bg);min-height:100%;color:var(--yk-text);margin:0}body{font-family:var(--yk-font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}html[dir=rtl] body{font-family:var(--yk-font-ar)}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--yk-amber);outline-offset:3px;border-radius:6px}.yk-b{border-radius:var(--yk-radius-pill);cursor:pointer;transition:transform .16s var(--yk-ease), filter .16s var(--yk-ease), background .16s var(--yk-ease);border:0;align-items:center;gap:8px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.yk-b:hover{filter:brightness(1.08);transform:translateY(-1px)}.yk-b:active{transform:translateY(0)scale(.98)}.yk-b.main{background:var(--yk-action);color:var(--yk-cream);box-shadow:0 8px 24px #e11c8a52}.yk-b.sec{background:var(--yk-surface-raised);color:var(--yk-text)}.yk-b.ghost{color:var(--yk-text-muted);background:0 0;padding:8px 12px}.yk-b.ghost:hover{color:var(--yk-text);background:#fff4ea0f}.yk-b[aria-disabled=true],.yk-b:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.yk-top{z-index:10;padding:12px max(16px, env(safe-area-inset-left,0px)) 12px max(16px, env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--yk-line);background:#14081bdb;align-items:center;gap:14px;display:flex;position:sticky;top:0}.yk-top .logo img{height:30px;display:block}.yk-top nav{flex-wrap:wrap;gap:4px;display:flex}.yk-top nav a,.yk-top nav span{border-radius:var(--yk-radius-control);color:var(--yk-text-muted);align-items:center;gap:6px;padding:8px 12px;font-size:14px;text-decoration:none;display:inline-flex}.yk-top nav [aria-current=page]{color:var(--yk-text);background:var(--yk-surface)}.yk-top nav [aria-disabled=true]{opacity:.55;cursor:default}.yk-top nav small{color:var(--yk-coral);font-size:11px}.yk-top .sp{flex:1}.yk-mins{border-radius:var(--yk-radius-pill);color:var(--yk-credits);background:#f9af081f;align-items:center;gap:6px;padding:7px 14px;font-size:14px;display:inline-flex}.yk-mins b{font-size:16px}.yk-sweep-text{background:var(--yk-sweep);color:#0000;-webkit-background-clip:text;background-clip:text}html[dir=rtl] .yk-sweep-text{background-image:var(--yk-sweep-rtl)}.yk-rise{animation:yk-rise var(--yk-enter) var(--yk-ease) both}.yk-rise.d1{animation-delay:80ms}.yk-rise.d2{animation-delay:.16s}.yk-rise.d3{animation-delay:.24s}@keyframes yk-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.yk-load{background:var(--yk-bg);z-index:50;animation:yk-fade var(--yk-exit) var(--yk-ease) both;place-items:center;display:grid;position:fixed;inset:0}.yk-load img{width:72px;animation:yk-pulse 1.4s var(--yk-ease) infinite}@keyframes yk-fade{0%{opacity:0}to{opacity:1}}@keyframes yk-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}@media (max-width:720px){.yk-top nav span.soon-item{display:none}.yk-top .logo img{height:26px}}
.yk-cover{min-height:100dvh;padding:32px max(16px, env(safe-area-inset-left,0px)) 32px max(16px, env(safe-area-inset-right,0px));background:radial-gradient(120% 80% at 50% 110%, #e11c8a38, transparent 60%), radial-gradient(90% 60% at 10% -10%, #f9af0824, transparent 60%), var(--yk-bg);place-items:center;display:grid}.yk-cover .box{text-align:center;justify-items:center;gap:22px;max-width:560px;display:grid}.yk-cover h1{letter-spacing:.01em;text-wrap:balance;margin:6px 0 0;font-size:clamp(44px,9vw,76px);line-height:1}.yk-cover p{color:var(--yk-text-muted);text-wrap:balance;margin:0;font-size:18px}.yk-cover .bar{background:var(--yk-sweep);border-radius:4px;width:120px;height:4px}html[dir=rtl] .yk-cover .bar{background:var(--yk-sweep-rtl)}.yk-cover .links{gap:10px;margin-top:6px;display:flex}.yk-page{max-width:1120px;padding:32px max(16px, env(safe-area-inset-left,0px)) 64px max(16px, env(safe-area-inset-right,0px));margin:0 auto}.yk-empty{text-align:center;border-radius:var(--yk-radius-card);background:linear-gradient(180deg, var(--yk-surface), #25112f66);border:1px solid var(--yk-line);justify-items:center;gap:22px;padding:56px 24px;display:grid}.yk-empty h2{text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(24px,3.4vw,34px)}.yk-stage{aspect-ratio:16/9;background:radial-gradient(80% 90% at 50% 100%, #68367fb3, transparent 70%), var(--yk-night);border:1px solid var(--yk-line);border-radius:14px;place-items:center;width:min(520px,100%);display:grid;overflow:hidden}.yk-stage p{margin:0;font-size:clamp(20px,3vw,30px);font-weight:700}.yk-stage .sung{background:var(--yk-sweep);color:#0000;-webkit-background-clip:text;background-clip:text}.yk-stage .unsung{color:#fff4ead6}.yk-howto{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.yk-howto li{border-radius:var(--yk-radius-pill);background:var(--yk-surface-raised);color:var(--yk-text-muted);align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:inline-flex}.yk-howto li span{background:var(--yk-action);width:24px;height:24px;color:var(--yk-cream);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.yk-hero{align-content:center;gap:20px;min-height:70dvh;display:grid}.yk-hero h1{text-wrap:balance;margin:0;font-size:clamp(48px,10vw,104px);line-height:.95}.yk-hero p{color:var(--yk-text-muted);text-wrap:pretty;max-width:46ch;margin:0;font-size:19px}