@keyframes earWiggle{0%,to{rotate:var(--decor-rotate, 0deg);translate:0 0}25%{rotate:calc(var(--decor-rotate, 0deg) + var(--decor-anim-amp, 5deg));translate:0 -2px}75%{rotate:calc(var(--decor-rotate, 0deg) - var(--decor-anim-amp, 5deg));translate:0 -2px}}@keyframes tailSway{0%,to{rotate:var(--decor-rotate, 0deg)}25%{rotate:calc(var(--decor-rotate, 0deg) + var(--decor-anim-amp, 10deg))}75%{rotate:calc(var(--decor-rotate, 0deg) - var(--decor-anim-amp, 10deg))}}@keyframes floatBob{0%,to{translate:0 0}50%{translate:0 calc(var(--decor-bob-amp, 6px) * -1)}}@keyframes sweet_dream_shake__bowWiggle{0%,to{rotate:var(--decor-rotate, 0deg);scale:1}50%{rotate:calc(var(--decor-rotate, 0deg) - 5deg);scale:1.1}}@keyframes bunny_fluff__earTwitch{0%,80%,to{rotate:var(--decor-rotate, 0deg);scale:1}82%{rotate:calc(var(--decor-rotate, 0deg) - 4deg);scale:1.02}84%{rotate:calc(var(--decor-rotate, 0deg) + 4deg);scale:1.02}86%{rotate:calc(var(--decor-rotate, 0deg) - 4deg);scale:1.02}88%{rotate:var(--decor-rotate, 0deg);scale:1}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;color:#f3f2ec;background:transparent;overflow:hidden}#root{width:100vw;height:100vh}.overlay{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:40px;padding:52px 48px 36px;overflow:visible}.overlay__frame{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none;z-index:0}section{position:relative;z-index:1}.focus{position:relative;display:flex;flex-direction:column;overflow:visible;padding-bottom:44px}.focus__list{display:grid;gap:16px;overflow:visible}.focus__item{--safe-top: 0px;--safe-bottom: 0px;--safe-left: 0px;--safe-right: 0px;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.focus__card{--card-bg: rgba(18, 20, 24, .88);--accent: #f5b25a;--task-bg: transparent;--task-border-color: transparent;--task-row-height: 40px;--task-gap: 10px;--avatar-size: 56px;--avatar-radius: 999px;--avatar-bg: linear-gradient(140deg, rgba(255, 255, 255, .1), rgba(0, 0, 0, .2));--avatar-ring-width: 1px;--avatar-ring-image: linear-gradient(0deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .12));--avatar-shadow: inset 0 0 0 2px rgba(245, 178, 90, .35);--avatar-fallback-color: #1e1c18;--avatar-frame-image: none;--avatar-frame-size: 100%;--avatar-frame-outset: 0px;--avatar-frame-opacity: 1;--avatar-frame-anim: none;--card-text-color: #f3f2ec;position:relative;background:linear-gradient(130deg,rgba(255,255,255,.06),transparent),var(--card-bg);color:var(--card-text-color);border-radius:28px;padding:24px 22px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeSlideIn .6s ease;isolation:isolate}.focus__card-decor,.focus__avatar-decor{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;width:var(--decor-width);height:var(--decor-height);z-index:var(--decor-z-index, 10);background-image:var(--decor-image);animation-name:var(--decor-anim-name, none);animation-duration:var(--decor-anim-duration, 1s);animation-timing-function:var(--decor-anim-ease, ease-in-out);animation-delay:var(--decor-anim-delay, 0s);animation-iteration-count:var(--decor-anim-iter, infinite)}.focus__card-decor--top-left,.focus__avatar-decor--top-left{top:0;left:0;transform:translate(calc(0% + var(--decor-offset-x, 0px)),calc(-100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--top-center,.focus__avatar-decor--top-center{top:0;left:50%;transform:translate(calc(-50% + var(--decor-offset-x, 0px)),calc(-100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--top-right,.focus__avatar-decor--top-right{top:0;right:0;transform:translate(calc(0% + var(--decor-offset-x, 0px)),calc(-100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--center-left,.focus__avatar-decor--center-left{top:50%;left:0;transform:translate(calc(-100% + var(--decor-offset-x, 0px)),calc(-50% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--center,.focus__avatar-decor--center{top:50%;left:50%;transform:translate(calc(-50% + var(--decor-offset-x, 0px)),calc(-50% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--center-right,.focus__avatar-decor--center-right{top:50%;right:0;transform:translate(calc(100% + var(--decor-offset-x, 0px)),calc(-50% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--bottom-left,.focus__avatar-decor--bottom-left{bottom:0;left:0;transform:translate(calc(0% + var(--decor-offset-x, 0px)),calc(100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--bottom-center,.focus__avatar-decor--bottom-center{bottom:0;left:50%;transform:translate(calc(-50% + var(--decor-offset-x, 0px)),calc(100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card-decor--bottom-right,.focus__avatar-decor--bottom-right{bottom:0;right:0;transform:translate(calc(0% + var(--decor-offset-x, 0px)),calc(100% + var(--decor-offset-y, 0px))) rotate(var(--decor-rotate, 0deg))}.focus__card--active{border-color:#f5b25a80;box-shadow:0 20px 60px #f5b25a33}.focus__card--spotlight{box-shadow:0 20px 60px #00000059,0 0 24px #f5b25a33,0 0 48px #f5b25a1a}.focus__profile{display:flex;align-items:center;gap:16px;margin-bottom:18px}.focus__avatar,.celebration__avatar{width:var(--avatar-size, 56px);height:var(--avatar-size, 56px);border-radius:var(--avatar-radius, 999px);position:relative;display:grid;place-items:center;font-weight:700;color:var(--avatar-fallback-color, currentColor);border:var(--avatar-ring-width, 0px) solid transparent;background-image:var(--avatar-ring-image, none),var(--avatar-bg, none);background-origin:border-box,padding-box;background-clip:border-box,padding-box;box-shadow:var(--avatar-shadow, none);overflow:visible}.focus__avatar:after,.celebration__avatar:after{content:"";position:absolute;inset:calc(-1 * var(--avatar-frame-outset, 0px));background-image:var(--avatar-frame-image, none);background-repeat:no-repeat;background-position:center;background-size:var(--avatar-frame-size, 100%);opacity:var(--avatar-frame-opacity, 1);pointer-events:none;animation:var(--avatar-frame-anim, none)}.focus__avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.focus__name{font-size:20px;font-weight:600}.focus__meta{font-size:13px;color:var(--card-text-color);opacity:.6}.focus__badge{margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#121418e6;background:var(--accent);padding:4px 10px;border-radius:999px}.focus__tasks{display:grid;gap:var(--task-gap, 10px)}.focus__tasks--fixed{height:calc(var(--task-row-height, 40px) * 3 + var(--task-gap, 10px) * 2);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.focus__tasks--fixed::-webkit-scrollbar{width:0;height:0}.focus__tasks--scroll{scroll-behavior:smooth}.focus__task{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--task-bg);border:1px solid var(--task-border-color);font-size:14px;line-height:1.4;height:var(--task-row-height, 40px);overflow:hidden}.focus__task--empty{color:var(--card-text-color);opacity:.6;height:auto;align-items:flex-start;overflow:visible}.focus__task-id{color:var(--accent);font-weight:600;flex-shrink:0}.focus__task-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;display:block}.focus__task-text-inner{display:inline-block;padding-right:24px;transform:translate(0);will-change:transform}.focus__task-text--marquee .focus__task-text-inner{animation:taskMarquee var(--marquee-duration, 8s) linear infinite alternate}@keyframes taskMarquee{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-1 * var(--marquee-distance, 0px)))}}@media (prefers-reduced-motion: reduce){.focus__task-text--marquee .focus__task-text-inner{animation:none;transform:translate(0)}}.focus__more-badge{position:absolute;bottom:8px;left:50%;right:auto;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#121418d9;border:1px dashed rgba(255,255,255,.25);color:#f3f2ecb3;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:20}.focus__empty{padding:22px;border-radius:22px;background:#121418b3;border:1px dashed rgba(255,255,255,.12);color:#f3f2eca6}.celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;color:var(--accent, #f5b25a);--card-bg: rgba(18, 20, 24, .95);--accent: #f5b25a;--task-bg: transparent;--task-border-color: transparent;--avatar-size: 72px;--avatar-bg: linear-gradient(140deg, rgba(245, 178, 90, .3), rgba(245, 178, 90, .1));--avatar-ring-width: 2px;--avatar-ring-image: linear-gradient(0deg, rgba(245, 178, 90, .5), rgba(245, 178, 90, .5));--avatar-shadow: none;--avatar-fallback-color: #f5b25a;--avatar-frame-image: none;--avatar-frame-size: 100%;--avatar-frame-outset: 0px;--avatar-frame-opacity: 1;--avatar-frame-anim: none}.celebration--visible{animation:celebrationIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.celebration--hidden{animation:celebrationOut .5s ease forwards}.celebration__glow{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:var(--celebration-glow-opacity, .4);animation:glowPulse 2s ease-in-out infinite}.celebration__card{position:relative;display:flex;align-items:center;gap:20px;padding:28px 36px;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent),var(--card-bg, rgba(18, 20, 24, .98));border:2px solid currentColor;border-radius:24px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;overflow:visible;isolation:isolate}.celebration__shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2s ease-in-out infinite}.celebration__avatar{font-size:28px;flex-shrink:0}.celebration__avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.celebration__content{display:flex;flex-direction:column;gap:4px}.celebration__label{font-size:14px;font-weight:600;color:currentColor;text-transform:uppercase;letter-spacing:.1em}.celebration__username{font-size:26px;font-weight:700;color:var(--card-text-color, #f3f2ec);text-shadow:0 2px 10px rgba(0,0,0,.3)}.celebration__task{font-size:16px;color:var(--card-text-color);opacity:.8;padding:6px 10px;border-radius:12px;background:var(--task-bg, transparent);border:1px solid var(--task-border-color, transparent);max-width:320px}.celebration__particles{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none}.celebration__particle{position:absolute;width:8px;height:8px;background:currentColor;border-radius:50%;animation:particleBurst 1.5s ease-out forwards}.celebration__particle:nth-child(1){--angle: 0deg;--distance: 120px;animation-delay:0s}.celebration__particle:nth-child(2){--angle: 30deg;--distance: 140px;animation-delay:.05s}.celebration__particle:nth-child(3){--angle: 60deg;--distance: 110px;animation-delay:.1s}.celebration__particle:nth-child(4){--angle: 90deg;--distance: 130px;animation-delay:.02s}.celebration__particle:nth-child(5){--angle: 120deg;--distance: 125px;animation-delay:.08s}.celebration__particle:nth-child(6){--angle: 150deg;--distance: 115px;animation-delay:.03s}.celebration__particle:nth-child(7){--angle: 180deg;--distance: 135px;animation-delay:.06s}.celebration__particle:nth-child(8){--angle: 210deg;--distance: 120px;animation-delay:.04s}.celebration__particle:nth-child(9){--angle: 240deg;--distance: 140px;animation-delay:.09s}.celebration__particle:nth-child(10){--angle: 270deg;--distance: 110px;animation-delay:.01s}.celebration__particle:nth-child(11){--angle: 300deg;--distance: 130px;animation-delay:.07s}.celebration__particle:nth-child(12){--angle: 330deg;--distance: 125px;animation-delay:.05s}@keyframes celebrationIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes celebrationOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(-20px)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance))}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.overlay{grid-template-columns:1fr;padding:40px 24px 24px}}.focus__spotlight{margin-bottom:16px;animation:fadeSlideIn .4s ease}.focus__label{margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#f5b25acc;padding-left:4px}.focus__carousel{flex:1;min-height:0;display:flex;flex-direction:column}.focus__carousel-footer{margin-top:auto;width:100%;text-align:center}.celebration__shimmer-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.theme-test{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;overflow:visible}.theme-test-overlay--guides .focus__item{position:relative}.theme-test-overlay--guides .focus__item:before,.theme-test-overlay--guides .focus__item:after{content:"";position:absolute;left:0;right:0;height:2px;background:#ff0000d9;box-shadow:0 0 8px #ff00008c;pointer-events:none;z-index:50}.theme-test-overlay--guides .focus__item:before{top:0}.theme-test-overlay--guides .focus__item:after{bottom:0}.theme-test__info{position:fixed;bottom:16px;right:16px;padding:12px 16px;background:#121418e6;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:12px;color:#f3f2eccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.theme-test__info-item{display:flex;gap:8px;margin-bottom:4px}.theme-test__info-item:last-child{margin-bottom:0}.theme-test__info-label{color:#f5b25acc;font-weight:600}.theme-test--loading,.theme-test--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.theme-test__message{padding:20px 32px;background:#121418e6;border:1px solid rgba(255,255,255,.15);border-radius:16px;font-size:16px;color:#f3f2ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-test--error .theme-test__message{border-color:#ff646466;color:#ff9696}.theme-test__hint{font-size:12px;color:#f3f2ec80;font-family:monospace}