.app{height:100vh;min-height:0;display:flex;overflow:hidden}.skip{left:var(--space);top:var(--space);padding:var(--space);border-radius:var(--radius-sm);background:var(--white);font-size:var(--text-sm);position:absolute;transform:translateY(-150%)}.skip:focus{transform:none}.desk{flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;display:flex;position:relative;overflow:hidden}.desk-scroll{scrollbar-gutter:stable;flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:auto}body:has(.app[data-desk-frame]){background:0 0}.app[data-desk-frame]{background:0 0;justify-content:flex-end;overflow:visible}.app[data-desk-frame] .desk{width:min(646px, calc(var(--desk-frame-closed,100vw) - 74px));background:var(--page);flex:none}html[data-sidebar-hover=on] .app[data-desk-frame] .workspaces-sidebar[data-open=false]{width:calc(var(--row) + var(--space-sm) * 2);min-width:calc(var(--row) + var(--space-sm) * 2);padding:var(--space-sm) 0;overflow:hidden}html[data-sidebar-hover=on] .app[data-desk-frame] .workspaces-sidebar[data-open=false]:before{content:none}html[data-sidebar-hover=on] .app[data-desk-frame] .workspaces-sidebar[data-open=false] .workspaces-sidebar-bar{display:flex}html[data-sidebar-hover=on] .app[data-desk-frame] .workspaces-sidebar[data-open=false] .workspaces-sidebar-account{display:block}.app[data-desk-frame] .workspaces-sidebar[data-open=false],.app[data-desk-frame] .workspaces-sidebar[data-open=false] .workspaces-sidebar-account,.app[data-desk-frame] .workspaces-sidebar[data-open=false] .workspaces-sidebar-user,.app[data-desk-frame] .workspaces-sidebar[data-open=false] .workspaces-sidebar-settings{box-shadow:none;background:0 0}.desk-column{box-sizing:border-box;width:min(78rem,100%);min-height:100%;padding:25px var(--space) var(--space-lg);position:relative}
.cue-sclera{fill:#fff}.cue-iris{fill:#5a5049}.cue-pupil{fill:#1d1916}.cue-glint{fill:#fff}.cue-lid,.cue-low{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.cue-low{stroke-opacity:.45}.cue-head{fill:currentColor}.cue-gaze{fill:var(--cue-fill,var(--white))}.cue-face{transform-box:view-box;transform-origin:41.667% 21.875%;transform:rotate(-22deg)}.cue-torso,.cue-thigh,.cue-shin{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.cue-torso{stroke-width:6.4px}.cue-thigh{stroke-width:6px}.cue-shin{stroke-width:5px}.cue-glass-fill{fill:color-mix(in srgb, currentColor 6%, transparent)}.cue-water{fill:#8cc4ef}.cue-surface{fill:none;stroke:#e6f4ff;stroke-width:1px;stroke-opacity:.8}.cue-glass{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.cue-glass-glint{fill:none;stroke:#fff;stroke-width:1.2px;stroke-linecap:round;stroke-opacity:.7}.cue-drop{fill:#7ab8ea;opacity:0}.cue-ripple{fill:none;stroke:#e6f4ff;stroke-width:1px;opacity:0}
.cue{--cue-ink:var(--title);--cue-fill:var(--white);--cue-sheen:var(--glass-sheen);--cue-edge:var(--glass-edge);box-sizing:border-box;border:1px solid var(--cue-edge);border-radius:var(--radius-full);background:linear-gradient(160deg, var(--cue-sheen), transparent 45%), color-mix(in srgb, var(--cue-fill) 80%, transparent);box-shadow:inset 0 1px 0 var(--cue-sheen), 0 0 0 .5px var(--black-5), var(--shadow-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--cue-ink);pointer-events:none;transform-origin:0 100%;animation:cue-life var(--cue-life) linear both;place-items:center;display:grid;position:fixed;overflow:hidden}.cue[data-theme=light]{--cue-ink:#373737;--cue-fill:#fff;--cue-sheen:#ffffff73;--cue-edge:#ffffff8c}.cue[data-theme=dark]{--cue-ink:#f2f2f2;--cue-fill:#1c1c1c;--cue-sheen:#ffffff14;--cue-edge:#ffffff1a}.cue[data-below]{transform-origin:0 0}.cue-count{--cue-ink:var(--title);--cue-fill:var(--white);--cue-sheen:var(--glass-sheen);--cue-edge:var(--glass-edge);box-sizing:border-box;border:1px solid var(--cue-edge);border-radius:var(--radius-full);background:linear-gradient(160deg, var(--cue-sheen), transparent 45%), color-mix(in srgb, var(--cue-fill) 80%, transparent);width:56px;height:56px;box-shadow:inset 0 1px 0 var(--cue-sheen), 0 0 0 .5px var(--black-5), var(--shadow-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--cue-ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none;place-items:center;font-size:22px;font-weight:500;line-height:1;display:grid;position:fixed;overflow:hidden}.cue-count[data-theme=light]{--cue-ink:#373737;--cue-fill:#fff;--cue-sheen:#ffffff73;--cue-edge:#ffffff8c}.cue-count[data-theme=dark]{--cue-ink:#f2f2f2;--cue-fill:#1c1c1c;--cue-sheen:#ffffff14;--cue-edge:#ffffff1a}.cue-count-n{opacity:0;grid-area:1/1;animation:1s linear both cue-count-beat}.cue-count-n:first-child{animation-delay:0s}.cue-count-n:nth-child(2){animation-delay:1s}.cue-count-n:nth-child(3){animation-delay:2s}@keyframes cue-count-beat{0%{opacity:0}14%,78%{opacity:1}to{opacity:0}}.cue[data-kind=blink],.cue[data-kind=posture],.cue[data-kind=water]{width:56px;height:56px}.cue[data-kind=blink]{--cue-life:2s}.cue[data-kind=posture],.cue[data-kind=water]{--cue-life:3s}.cue svg{display:block}.cue[data-kind=blink] svg{width:40px;height:24px}.cue[data-kind=posture] svg,.cue[data-kind=water] svg{width:56px;height:56px}.cue[data-kind=blink] .cue-lid{animation:2s linear both cue-lid}.cue[data-kind=blink] .cue-low{animation:2s linear both cue-low}.cue[data-kind=blink] .cue-open{animation:2s linear both cue-open}.cue[data-kind=posture] .cue-torso{animation:3s linear both cue-torso}.cue[data-kind=posture] .cue-head-g{animation:3s linear both cue-head}.cue[data-kind=posture] .cue-face{animation:3s linear both cue-face}.cue[data-kind=water] .cue-level{animation:3s linear both cue-level}.cue[data-kind=water] .cue-wave{animation:1.2s linear infinite cue-wave}.cue[data-kind=water] .cue-drop{animation:3s linear both cue-drop}.cue[data-kind=water] .cue-ripple{transform-box:fill-box;transform-origin:50%;animation:3s linear both cue-ripple}@media (hover:hover){.addons-card:hover .cue-lid{animation:2s linear both cue-lid}.addons-card:hover .cue-low{animation:2s linear both cue-low}.addons-card:hover .cue-open{animation:2s linear both cue-open}.addons-card:hover .cue-torso{animation:3s linear both cue-torso}.addons-card:hover .cue-head-g{animation:3s linear both cue-head}.addons-card:hover .cue-face{animation:3s linear both cue-face}.addons-card:hover .cue-level{animation:3s linear both cue-level}.addons-card:hover .cue-wave{animation:1.2s linear infinite cue-wave}.addons-card:hover .cue-drop{animation:3s linear both cue-drop}.addons-card:hover .cue-ripple{transform-box:fill-box;transform-origin:50%;animation:3s linear both cue-ripple}}.addons-card-icon .icon{overflow:visible}@keyframes cue-life{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translateY(6px)scale(.9)}18%,82%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.8,.3);transform:none}to{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes cue-lid{0%,26%{d:path("M4 12C10 3.5 30 3.5 36 12");animation-timing-function:cubic-bezier(.55,0,.85,.35)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:cubic-bezier(.15,.65,.35,1)}40%,52.5%{d:path("M4 12C10 3.5 30 3.5 36 12");animation-timing-function:cubic-bezier(.55,0,.85,.35)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:cubic-bezier(.15,.65,.35,1)}67%,to{d:path("M4 12C10 3.5 30 3.5 36 12")}}@keyframes cue-low{0%,26%{d:path("M4 12C10 19.5 30 19.5 36 12");animation-timing-function:cubic-bezier(.55,0,.85,.35)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:cubic-bezier(.15,.65,.35,1)}40%,52.5%{d:path("M4 12C10 19.5 30 19.5 36 12");animation-timing-function:cubic-bezier(.55,0,.85,.35)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12");animation-timing-function:cubic-bezier(.15,.65,.35,1)}67%,to{d:path("M4 12C10 19.5 30 19.5 36 12")}}@keyframes cue-open{0%,26%{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z");animation-timing-function:cubic-bezier(.55,0,.85,.35)}30.5%,32.5%{d:path("M4 12C10 17.6 30 17.6 36 12C30 17.6 10 17.6 4 12Z");animation-timing-function:cubic-bezier(.15,.65,.35,1)}40%,52.5%{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z");animation-timing-function:cubic-bezier(.55,0,.85,.35)}57%,59%{d:path("M4 12C10 17.6 30 17.6 36 12C30 17.6 10 17.6 4 12Z");animation-timing-function:cubic-bezier(.15,.65,.35,1)}67%,to{d:path("M4 12C10 3.5 30 3.5 36 12C30 19.5 10 19.5 4 12Z")}}@keyframes cue-torso{0%,22%{d:path("M20 31C17.5 27.5 18.5 23.5 24 22.5");animation-timing-function:cubic-bezier(.45,0,.2,1)}52%,to{d:path("M20 31C20 27.2 20 23.3 20 19.5")}}@keyframes cue-head{0%,22%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:translate(10px,6.5px)}52%,to{transform:none}}@keyframes cue-face{0%,30%{animation-timing-function:cubic-bezier(.22,.8,.28,1);transform:rotate(42deg)}64%,to{transform:rotate(-22deg)}}@keyframes cue-level{0%,30%{animation-timing-function:cubic-bezier(.3,.6,.25,1);transform:translateY(33px)}72%,to{transform:translateY(21px)}}@keyframes cue-wave{0%{transform:translate(0)}to{transform:translate(-16px)}}@keyframes cue-drop{0%,12%{opacity:0;transform:translateY(-1px)}16%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(0)}30%{opacity:1;transform:translateY(23px)}31%,to{opacity:0;transform:translateY(25px)}}@keyframes cue-ripple{0%,30%{opacity:0;transform:scale(.3)}31%{opacity:.9;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:scale(.4)}52%,to{opacity:0;transform:scale(1.7)}}
