.sw-line{color:var(--ink-read)}.sw-list{gap:var(--space-2);max-width:var(--measure);color:var(--ink-read);margin:0;padding-left:1.25rem;line-height:1.55;display:grid}.tray{margin:var(--space-4) 0 0;gap:var(--space-6);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;display:grid}.tray-caption{gap:var(--space-5);justify-items:start;display:grid}.tray-steps{gap:var(--space-3);color:var(--ink-read);margin:0;padding-left:1.25rem;line-height:1.5;display:grid}.tray-stage{--t:9.6s;aspect-ratio:16/10;font-family:var(--ff-ui), system-ui, sans-serif;color:#e8e3d9;border:var(--rule);border-radius:var(--radius-md);background:radial-gradient(circle at 30% 35%,#b08d578c,#0000 28%),radial-gradient(circle at 68% 62%,#86c3a047,#0000 30%),radial-gradient(circle at 55% 25%,#de94704d,#0000 22%),linear-gradient(160deg,#1e1c19,#0d0d0d 70%);font-size:clamp(9px,1.4vw,12px);position:relative;overflow:hidden}.tray-desk{margin:0;padding:0;list-style:none}.tray-shortcut,.tray-group,.tray-app{text-align:center;white-space:nowrap;justify-items:center;gap:3px;display:grid;position:absolute;translate:-50% -50%}.tray-shortcut{opacity:.9;left:9%}.tray-group{color:#ddbb82;top:46%;left:50%}.tray-group span{color:#e8e3d9}.tray-badge{color:#0d0d0d;opacity:0;background:#ddbb82;border-radius:8px;padding:0 5px;font-size:.9em;position:absolute;top:-6px;right:-10px}.tray-glass,.tray-line,.tray-orbit{width:40%;height:64%;position:absolute;top:14%;left:30%}.tray-glass{-webkit-backdrop-filter:blur(9px)saturate(1.25);background:radial-gradient(circle at 50% 30%,#ffffff29,#ffffff0d 70%);border-radius:50%;box-shadow:inset 0 1px #ffffff59,inset 0 0 24px #ffffff0f,0 10px 30px #00000073}.tray-line{overflow:visible}.tray-line circle{fill:none;stroke:#ddbb82;stroke-width:.6px;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.tray-app{z-index:2}.tray-tile{background:#0d0d0d8c;border:1px solid #ddbb8273;border-radius:8px;place-items:center;width:2.6em;height:2.6em;display:grid}.tray-window{z-index:3;opacity:0;background:#151413;border:1px solid #2b2926;border-radius:6px;align-content:start;gap:8px;width:44%;height:52%;padding:0 0 12px;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%;box-shadow:0 18px 40px #0009}.tray-window-bar{background:#1e1c19;border-bottom:1px solid #2b2926;border-radius:6px 6px 0 0;align-items:center;gap:6px;margin:0;padding:6px 10px;display:flex}.tray-window>span{background:#2b2926;border-radius:3px;height:6px;margin-inline:12px}.tray-window>span:nth-of-type(2){width:70%}.tray-window>span:nth-of-type(3){width:45%}.tray-cursor{z-index:4;pointer-events:none;width:16px;height:16px;position:absolute}.tray-cursor svg{fill:#ddbb82;stroke:#0d0d0d;stroke-width:1px;display:block;overflow:visible}.tray-pill{color:#0d0d0d;white-space:nowrap;background:#ddbb82;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:500;line-height:1.5;position:absolute;top:15px;left:13px}.tray-you svg{fill:#e8e3d9}.tray-you .tray-pill{background:#e8e3d9}.tray-you{top:60%;left:64%}.tray-orbit,.tray-left,.tray-right{opacity:0}.tray-drawer{top:0;left:50%}.tray-left{top:50%;left:22%}.tray-right{top:30%;left:76%}.tray-stage[data-play] *{animation-duration:var(--t);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.tray-stage[data-play] .tray-you{animation-name:tray-you}.tray-stage[data-play] .tray-group{animation-name:tray-group}.tray-stage[data-play] .tray-badge{animation-name:tray-badge}.tray-stage[data-play] .tray-shortcut[data-drag]{animation-name:tray-drag}.tray-stage[data-play] .tray-glass{animation-name:tray-glass}.tray-stage[data-play] .tray-line{animation-name:tray-ring}.tray-stage[data-play] .tray-line circle{animation-name:tray-draw}.tray-stage[data-play] .tray-orbit{animation-name:tray-orbit;animation-timing-function:linear}.tray-stage[data-play] .tray-drawer{animation-name:tray-upright;animation-timing-function:linear}.tray-stage[data-play] .tray-left{animation-name:tray-left}.tray-stage[data-play] .tray-right{animation-name:tray-right}.tray-stage[data-play] .tray-app{animation-name:tray-app;animation-delay:calc(var(--k) * .18s)}.tray-stage[data-play] .tray-app[data-notes] .tray-tile{animation-name:tray-glow}.tray-stage[data-play] .tray-window{animation-name:tray-window}@keyframes tray-you{0%{top:90%;left:84%;scale:1}8%{top:47%;left:50.5%;scale:1}9%{scale:.8}10%{scale:1}11%{scale:.8}12%{scale:1}15%{top:47%;left:50.5%}20%,46%{top:82%;left:64%}54%{top:58%;left:63%;scale:1}55%{scale:.8}56%{scale:1}62%{top:58%;left:63%}69%{top:61%;left:9.5%;scale:1}70%,82%{scale:.88}82%{top:47%;left:50.5%}84%{top:47%;left:50.5%;scale:1}to{top:66%;left:60%;scale:1}}@keyframes tray-group{0%,12%{opacity:1;scale:1}10%{scale:1.08}16%,58%{opacity:.35;scale:1}63%,84%{opacity:1;scale:1}86%{scale:1.14}90%,to{opacity:1;scale:1}}@keyframes tray-badge{0%,84%{opacity:0;scale:.4}87%,to{opacity:1;scale:1}}@keyframes tray-drag{0%,69%{opacity:.9;top:60%;left:9%;scale:1}71%{opacity:.8;top:59%;left:10%;scale:1.06}82%{opacity:.8;top:46%;left:50%;scale:1.06}85%,to{opacity:0;top:46%;left:50%;scale:.3}}@keyframes tray-glass{0%,26%{opacity:0;scale:.96}32%,57%{opacity:1;scale:1}62%,to{opacity:0;scale:.85}}@keyframes tray-ring{0%,15%{opacity:0}16%,57%{opacity:1;scale:1}62%,to{opacity:0;scale:.85}}@keyframes tray-draw{0%,16%{stroke-dashoffset:100px}30%,to{stroke-dashoffset:0}}@keyframes tray-orbit{0%,14%{opacity:0;rotate:0deg}16%{opacity:1;rotate:0deg}30%{opacity:1;rotate:360deg}33%,to{opacity:0;rotate:360deg}}@keyframes tray-upright{0%,16%{rotate:0deg}30%,to{rotate:-360deg}}@keyframes tray-left{0%,30%{opacity:0}32%,45%{opacity:1}48%,to{opacity:0}}@keyframes tray-right{0%,11%{opacity:0;top:18%;left:100%}18%{opacity:1;top:30%;left:76%}45%{opacity:1;top:30%;left:76%}48%,to{opacity:0;top:30%;left:76%}}@keyframes tray-app{0%,32%{opacity:0;translate:calc(-50% + var(--fx)) -50%;scale:.7}37%,57%{opacity:1;translate:-50% -50%;scale:1}62%,to{opacity:0;translate:-50% -50%;scale:.6}}@keyframes tray-glow{0%,53%{box-shadow:none}55%,58%{box-shadow:0 0 0 2px #ddbb82,0 0 18px #ddbb8299}61%,to{box-shadow:none}}@keyframes tray-window{0%,57%{opacity:0;scale:.85}61%,66%{opacity:1;scale:1}70%,to{opacity:0;scale:.95}}@media (prefers-reduced-motion:reduce){.tray-stage *{animation:none!important}}@media (max-width:860px){.tray{grid-template-columns:minmax(0,1fr)}}.tray:has(.tray-stage[data-play]) .tray-steps li{animation:var(--t,9.6s) linear both}.tray:has(.tray-stage[data-play]) .tray-steps li:first-child{animation-name:tray-s1}.tray:has(.tray-stage[data-play]) .tray-steps li:nth-child(2){animation-name:tray-s2}.tray:has(.tray-stage[data-play]) .tray-steps li:nth-child(3){animation-name:tray-s3}.tray:has(.tray-stage[data-play]) .tray-steps li:nth-child(4){animation-name:tray-s4}@keyframes tray-s1{0%,13%{color:var(--gold-strong)}15%,to{color:var(--ink-muted)}}@keyframes tray-s2{0%,13%{color:var(--ink-muted)}15%,45%{color:var(--gold-strong)}47%,to{color:var(--ink-muted)}}@keyframes tray-s3{0%,45%{color:var(--ink-muted)}47%,64%{color:var(--gold-strong)}66%,to{color:var(--ink-muted)}}@keyframes tray-s4{0%,64%{color:var(--ink-muted)}66%,99%{color:var(--gold-strong)}to{color:var(--ink-read)}}@media (prefers-reduced-motion:reduce){.tray-steps li{animation:none!important}}.sw-back{color:var(--gold-strong);text-decoration:none}.sw-back:hover{text-underline-offset:4px;text-decoration:underline}