.okFG9W_widget{width:100%;max-width:100%;position:relative;overflow:hidden}.okFG9W_widgetOrb{filter:blur(36px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f61a 0%,#8b5cf614 40%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.okFG9W_grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:relative}@media (max-width:900px){.okFG9W_grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.okFG9W_grid{grid-template-columns:1fr}}.okFG9W_card{cursor:default;background:#0a0e1eb8;border:1px solid #ffffff12;border-radius:16px;min-height:260px;padding:16px 18px 42px;position:relative;overflow:hidden}.okFG9W_colorDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.okFG9W_cardHead{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.okFG9W_rubikFace{flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;width:38px;height:38px;display:grid}.okFG9W_tile{background:#ffffff0f;border-radius:3px}.okFG9W_tag{font-family:var(--font-manrope), var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;z-index:2;margin:0 0 12px;font-size:.78rem;font-weight:600;position:relative}.okFG9W_title{z-index:2;font-family:var(--fz-font,"Trebuchet MS", Helvetica, sans-serif);letter-spacing:-.03em;margin:0 0 14px;font-size:2rem;font-weight:400;line-height:1.15;position:relative}.okFG9W_cardWide .okFG9W_title,.okFG9W_cardBottom .okFG9W_title{font-size:2.4rem}.okFG9W_accent{color:#fff}.okFG9W_white{color:#ffffffe0}.okFG9W_descBlock{z-index:2;flex-direction:column;gap:1px;display:flex;position:relative}.okFG9W_descLine{font-family:var(--font-manrope), var(--font-sans);color:#ffffffbf;letter-spacing:-.015em;margin:0;font-size:1.2rem;font-weight:400;line-height:1.45}.okFG9W_cardWide .okFG9W_descLine,.okFG9W_cardBottom .okFG9W_descLine{font-size:1.3rem}.okFG9W_wideInner{align-items:flex-start;gap:20px;display:flex}.okFG9W_wideContent{flex:1;min-width:0}.okFG9W_barWrap{z-index:2;position:absolute;bottom:18px;left:22px;right:22px}.okFG9W_barTrack{background:#ffffff0f;border-radius:2px;height:2px;overflow:hidden}.okFG9W_barFill{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#fff);border-radius:2px;height:100%;box-shadow:0 0 10px #8b5cf666}.okFG9W_cornerAccent{pointer-events:none;z-index:10;border-top:2px solid #fff9;border-left:2px solid #fff9;border-radius:2px 0 0;width:6px;height:6px;position:absolute;top:0;left:0}.okFG9W_metaStrip{justify-content:space-between;align-items:center;margin-top:8px;padding:10px 2px 0;display:flex}.okFG9W_metaLeft{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffff29;font-size:.58rem}.okFG9W_metaDots{align-items:center;gap:6px;display:flex}.okFG9W_metaDot{border-radius:50%;width:6px;height:6px}@media (max-width:640px){.okFG9W_widget{max-width:100%}.okFG9W_grid{gap:6px}.okFG9W_card{padding:18px 18px 44px}.okFG9W_ghostNum{font-size:6rem}.okFG9W_title{font-size:1.4rem}.okFG9W_cardWide .okFG9W_title,.okFG9W_cardBottom .okFG9W_title{font-size:1.6rem}.okFG9W_descLine{font-size:1rem}.okFG9W_cardWide .okFG9W_descLine,.okFG9W_cardBottom .okFG9W_descLine{font-size:1.05rem}}.okFG9W_widgetOrb{opacity:.5}.okFG9W_widgetOrb[data-live]{animation:6s ease-in-out infinite okFG9W_owOrbPulse}@keyframes okFG9W_owOrbPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.08)}}.okFG9W_card{transition:background-color .6s ease-in-out,border-color .6s ease-in-out,box-shadow .6s ease-in-out,transform .4s cubic-bezier(.34,1.56,.64,1)}.okFG9W_card[data-state=idle]{background:#050505a6;border-color:#ffffff0d}.okFG9W_card[data-state=next]{background:#0f0f0fcc;border-color:#ffffff1a}.okFG9W_card[data-state=active]{border-color:var(--oc);box-shadow:0 0 40px var(--oc-glow), inset 0 0 30px var(--oc-glow);background:#141414e6;transform:scale(1.015)}.okFG9W_tile{transition:background-color .4s}.okFG9W_rubikFace[data-active] .okFG9W_tile{animation:.56s ease-in-out infinite okFG9W_owTileSpin}@keyframes okFG9W_owTileSpin{0%,to{border-radius:3px;transform:rotate(0)scale(1)}50%{border-radius:6px;transform:rotate(90deg)scale(.82)}}.okFG9W_colorDot{background:#ffffff1f;transition:background-color .4s,box-shadow .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}.okFG9W_card[data-state=active] .okFG9W_colorDot{background:var(--oc);box-shadow:0 0 10px var(--oc-glow);transform:scale(1.2)}.okFG9W_title{opacity:.85;transition:opacity .4s}.okFG9W_card[data-state=active] .okFG9W_title{opacity:1}.okFG9W_accent{transition:color .4s,text-shadow .4s}.okFG9W_card[data-state=active] .okFG9W_accent{color:var(--oc);text-shadow:0 0 14px var(--oc-glow)}.okFG9W_descLine{opacity:.45;transition:opacity .35s,transform .35s;transform:translate(-4px)}.okFG9W_card[data-state=active] .okFG9W_descLine{opacity:1;transform:translate(0)}.okFG9W_barFill{transform-origin:0;transition:transform .3s ease-in;transform:scaleX(0)}.okFG9W_card[data-state=active] .okFG9W_barFill{transition:transform 2.4s cubic-bezier(.16,1,.3,1);transform:scaleX(1)}.okFG9W_cornerAccent{opacity:0;transition:opacity .3s}.okFG9W_card[data-state=active] .okFG9W_cornerAccent{opacity:1}.okFG9W_metaDot{background:#fff3;transition:background-color .3s,box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1)}.okFG9W_metaDot[data-active]{background:#fff;transform:scale(1.5);box-shadow:0 0 8px #8b5cf680}@media (prefers-reduced-motion:reduce){.okFG9W_widgetOrb[data-live],.okFG9W_rubikFace[data-active] .okFG9W_tile{animation:none}}
