.lab-frame{--lab-bg:hsl(var(--background));--lab-ink:hsl(var(--foreground));--lab-muted:hsl(var(--muted-foreground));--lab-card-bg:hsl(var(--muted));--lab-border:hsl(var(--border) / .35);--lab-shadow:0 1px 2px #0000000a, 0 8px 24px -8px #0000001f;--lab-chip-sky:#d4e6ff;--lab-chip-lilac:#e9defc;--lab-ease-out:cubic-bezier(.16, 1, .3, 1);--lab-ease-in-out:cubic-bezier(.5, 0, .2, 1);--lab-font-ios:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--lab-dur-morph:.52s;--lab-ease-spring:linear(0, .1007, .3001, .5054, .677, .8046, .8917, .9466, .9787, .9957, 1.0035, 1.0061, 1.0061, 1.005, 1.0037, 1.0025, 1.0016, 1.0009, 1.0005, 1.0002, 1.0001);aspect-ratio:16/10;width:100%;min-height:var(--stage-min-h,260px);min-width:0;color:var(--lab-ink);font-size:.86rem;position:relative;overflow:hidden;container-type:inline-size}.dark .lab-frame{--lab-chip-sky:#243e60;--lab-chip-lilac:#463663}@media (prefers-color-scheme:dark){.system .lab-frame{--lab-chip-sky:#243e60;--lab-chip-lilac:#463663}}.lab-frame>*{width:100%;height:100%}.labs-fullscreen-canvas .lab-frame{width:min(100%,160dvh - 6.4rem)}.arc-lab{position:relative;overflow:hidden}.arc-lab-card{aspect-ratio:16/10;border:1px solid var(--lab-border);background:var(--lab-card-bg);width:min(30cqw,190px);box-shadow:var(--lab-shadow);contain:layout paint;opacity:0;will-change:transform;backface-visibility:hidden;border-radius:clamp(4px,4%,16px)/clamp(4px,6.4%,16px);place-items:center;margin:0;display:grid;position:absolute;top:0;left:0}.arc-lab-card>img{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block}.arc-lab[data-placed=on] .arc-lab-card{opacity:1}.arc-lab[data-still=true] .arc-lab-card{will-change:auto}.cursor-lab{align-content:center;padding:clamp(10px,4cqw,24px);display:grid;position:relative;overflow:hidden}.cursor-lab-rows{margin:0;padding:0;list-style:none}.cursor-lab-row{border:0;border-top:1px solid var(--lab-border);width:100%;color:var(--lab-muted);font:inherit;text-align:left;cursor:pointer;transition:color .2s var(--lab-ease-out);background:0 0;justify-content:space-between;align-items:baseline;gap:1em;padding:.85em .2em;font-weight:500;display:flex}.cursor-lab-rows li:first-child .cursor-lab-row{border-top:0}.cursor-lab-row[data-active=true]{color:var(--lab-ink)}.cursor-lab-row>span:last-child{transition:translate .2s var(--lab-ease-out)}.cursor-lab-row[data-active=true]>span:last-child{translate:.14em -.14em}.cursor-lab-card{aspect-ratio:16/10;border:1px solid var(--lab-border);background:var(--lab-card-bg);width:min(36cqw,148px);box-shadow:var(--lab-shadow);contain:layout paint;pointer-events:none;opacity:0;transition:opacity .18s var(--lab-ease-out), scale .18s var(--lab-ease-out);will-change:transform;border-radius:clamp(4px,4%,16px)/clamp(4px,6.4%,16px);place-items:center;margin:0;display:grid;position:absolute;top:0;left:0;scale:.96}.cursor-lab[data-shown=true] .cursor-lab-card{opacity:1;scale:1}.cursor-lab-card>video,.cursor-lab-card>img{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block}.cursor-lab-ghost{background:var(--lab-ink);clip-path:polygon(0 0,0 78%,27% 60%,45% 100%,66% 90%,48% 52%,78% 50%);pointer-events:none;will-change:transform;width:13px;height:19px;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.cursor-lab-card{will-change:auto;transition:opacity .18s linear;scale:1}.cursor-lab-ghost{will-change:auto}}.click-lab{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:.5em;padding:clamp(10px,3cqw,22px);display:grid;overflow:hidden}.click-lab-envelope,.click-lab-scatter{gap:.3em;width:min(100%,360px);margin:0;display:grid}.click-lab-envelope svg{width:100%;height:clamp(34px,11cqw,60px)}.click-lab-envelope path{fill:#1b1b1929;stroke:var(--lab-ink);stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.click-lab figcaption{color:var(--lab-muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.76em}.click-lab-pad{aspect-ratio:1;background:var(--lab-ink);width:min(24cqw,96px);color:var(--lab-bg);box-shadow:var(--lab-shadow);font:inherit;cursor:pointer;transition:scale .18s var(--lab-ease-out);border:0;border-radius:50%;font-weight:500}.click-lab-pad:active{scale:.93}.click-lab-axis{height:1.9em;position:relative}.click-lab-axis:before,.click-lab-axis:after{content:"";position:absolute}.click-lab-axis:before{background:var(--lab-border);height:1px;top:50%;left:0;right:0}.click-lab-axis:after{background:var(--lab-border);width:1px;top:20%;bottom:20%;left:50%}.click-lab-axis span{background:var(--lab-ink);opacity:.3;width:2px;animation:tick-in .2s var(--lab-ease-out) both;border-radius:1px;position:absolute;top:10%;bottom:10%;translate:-50%}.click-lab-axis span[data-fresh=true]{opacity:1}@keyframes tick-in{0%{scale:1 .3}}@media (prefers-reduced-motion:reduce){.click-lab-pad{transition:none}.click-lab-axis span{animation:.2s linear both fade}}.skel-lab{grid-template-rows:auto auto;align-content:center;gap:1.3em;padding:clamp(10px,3cqw,22px);display:grid;overflow:hidden}.skel-lab-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(8px,3cqw,20px);display:grid}.skel-lab-col{align-content:start;gap:.45em;min-width:0;display:grid}.skel-lab-col h3{color:var(--lab-muted);margin:0;font-size:.76em;font-weight:500}.skeleton-swap{display:grid}.skeleton-swap>*{grid-area:1/1}.skeleton{overflow:hidden}.skeleton--traced{position:relative}.skeleton--drawn{align-content:start;gap:.5em;display:grid}.skeleton--drawn .skeleton-part[data-shape=line]{border-radius:999px;height:.72em}.skeleton--drawn .skeleton-part[data-shape=block]{border-radius:9px}.skeleton-part{animation:1.4s linear infinite skel-sweep;animation-delay:calc(var(--i,0) * -.16s);background:#1b1b1917 linear-gradient(100deg,#0000 34%,#fdfdfc8c 50%,#0000 66%) 0 0/220% 100%}.skeleton--traced .skeleton-part{position:absolute}.skeleton[data-leaving=true]{animation:skel-out .18s var(--lab-ease-out) both}.skeleton-real{animation:skel-in .34s var(--lab-ease-out) both}@keyframes skel-in{0%{opacity:0;translate:0 6px}}@keyframes skel-out{to{opacity:0}}.skel-lab-card{border:1px solid var(--lab-border);background:var(--lab-bg);border-radius:9px;gap:.4em;padding:.6em;font-size:.78em;display:grid}.skel-lab-art{aspect-ratio:16/10;background:var(--lab-chip-lilac);border-radius:5px;display:block}.skel-lab-card p{color:var(--lab-muted);text-wrap:pretty;margin:0}.skel-lab-caption{color:var(--lab-muted);margin:0;font-size:.72em}.skel-lab-reload{border:1px solid var(--lab-border);background:var(--lab-bg);min-height:2.4em;color:var(--lab-ink);font:inherit;cursor:pointer;transition:scale .2s var(--lab-ease-out);border-radius:7px;justify-self:center;padding:.45em .9em;font-size:.82em;font-weight:500}.skel-lab-reload:active{scale:.97}@keyframes skel-sweep{0%{background-position:200% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.skeleton-part{background-image:none;animation:none}.skeleton-real{animation:.34s linear both fade}.skel-lab-reload{transition:none}}.device-stage{--device-air:40px;--device-fit:calc(100cqw - var(--device-air));--device-w:calc(min(var(--device-design-w), var(--device-fit)) * var(--device-fill,1));--k:calc(var(--device-w) / var(--device-native-w));justify-items:center;height:100%;display:grid;overflow:hidden}.device-stage[data-kind=tablet]{--device-fit:min(100cqw - var(--device-air), (100cqh - var(--device-air)) * var(--device-aspect))}.device-stage[data-anchor=top]{padding-top:calc(24 * var(--k));align-items:start}.device-stage[data-anchor=center]{align-items:center}.device-stage[data-anchor=bottom]{align-items:end}.device-body{position:relative}.device-shell{box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff8c, 0 0 0 .5px #00000038, 0 calc(2 * var(--k)) calc(4 * var(--k)) #2318121a, 0 calc(40 * var(--k)) calc(80 * var(--k)) calc(-32 * var(--k)) #2318128c;background-image:linear-gradient(145deg,#eef3fb 0%,#9ba7bb 16%,#d5deec 34%,#7f8a9d 55%,#c7d1e2 74%,#8e99ad 90%,#e6ecf6 100%);position:absolute;inset:0}.device-shell[data-lift=card]{box-shadow:inset 0 0 0 1px #ffffff8c, 0 0 0 .5px #00000038, 0 calc(10 * var(--k)) calc(18 * var(--k)) #1b1b192e}.device-bezel{box-sizing:border-box;background:linear-gradient(#161618,#0a0a0b);width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #0000008c}.device-button{background:linear-gradient(90deg,#7f8a9d,#d8e0ee,#939eb1);position:absolute;box-shadow:0 0 0 .5px #0000002e}.device-lens{z-index:4;pointer-events:none;background:radial-gradient(circle at 38% 36%,#4a5d8f 0%,#1a2240 38%,#070914 72%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #788cbe2e,0 0 0 1px #0009}.device-screen{background:var(--lab-bg);width:100%;height:100%;color:var(--lab-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.device-screen[data-tone=light]{color:#101010;background:#fdfdfc}.device-screen[data-tone=dark]{color:#f5f5f7;background:#0b0b0c}.device-island{z-index:2;background:#000;border-radius:999px;align-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 0 0 .5px #ffffff0a}.device-screen[data-tone=dark] .device-island{box-shadow:inset 0 1px #ffffff47,0 0 0 .5px #ffffff29}.device-rec{background:#ff3b30;border-radius:50%;position:absolute}.device-clock{align-items:center;display:inline-flex}.device-dnd{opacity:.9}.device-status{font-family:var(--lab-font-ios);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:relative}.device-status-icons{align-items:center;display:flex}.device-status[data-ears]{grid-template-columns:minmax(0, 1fr) calc(var(--iw) * var(--k)) minmax(0, 1fr);justify-items:center;display:grid}.device-status[data-ears] .device-clock{grid-column:1}.device-status[data-ears] .device-status-icons{grid-column:3}.device-content{font-size:min(1em, calc(var(--device-fit) * .043));text-align:left;flex:1;position:relative;overflow:hidden}.device-stage:not([data-bare]) .device-screen:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom right,#ffffff0f,#0000 50%);position:absolute;inset:0}.device-wallpaper{position:absolute;inset:0}.device-home{z-index:3;pointer-events:none;background:currentColor;border-radius:999px;position:absolute;left:50%;translate:-50%}.swipe-lab{height:100%;padding:.9rem 0 0;overflow:hidden}.swipe-lab h2{margin:0 1.1rem .6rem;font-size:1.05em}.swipe-lab ul{margin:0;padding:0;list-style:none;display:grid}.swipe-lab-empty{color:var(--lab-muted);padding:1rem 1.1rem;font-size:.8em}.swipe-row{transition:grid-template-rows .2s var(--lab-ease-out) .22s;grid-template-rows:1fr;display:grid}.swipe-row[data-leaving]{pointer-events:none;grid-template-rows:0fr}.swipe-row-clip{border-bottom:1px solid var(--lab-border);min-height:0;transition:background-color .2s var(--lab-ease-out);position:relative;overflow:hidden}.swipe-row[data-leaving=archive] .swipe-row-clip{background:var(--lab-muted)}.swipe-row[data-leaving=delete] .swipe-row-clip{background:#9e3b3b}.swipe-actions{flex-direction:row-reverse;display:flex;position:absolute;inset:0 0 0 auto}.swipe-action{width:58px;font:inherit;color:var(--lab-bg);background:var(--lab-muted);cursor:pointer;opacity:0;transition:opacity .22s var(--lab-ease-out), transform .22s var(--lab-ease-out);border:0;font-size:.7em;transform:translate(8px)}.swipe-action--bad{background:#9e3b3b}.swipe-row[data-leaving] .swipe-action{opacity:0;transition:opacity .14s var(--lab-ease-out)}.swipe-face{background:var(--lab-bg);touch-action:pan-y;cursor:grab;user-select:none;transition:transform .22s var(--lab-ease-out);align-items:center;padding:.75rem 1.1rem;font-size:.82em;display:flex;position:relative}.swipe-face:active{cursor:grabbing}.swipe-row[data-dragging=true] .swipe-face,.swipe-row[data-dragging=true] .swipe-action{transition:none}.swipe-row[data-leaving] .swipe-face{transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.swipe-row,.swipe-row-clip,.swipe-face,.swipe-action{transition:none}}.deck-lab{flex-direction:column;height:100%;padding:1.4rem .85rem 1rem;display:flex;overflow:hidden}.deck-lab-time{text-align:center;color:var(--lab-muted);margin:0 0 1rem;font-size:.82em;font-weight:500}.deck{width:100%;font:inherit;text-align:left;cursor:pointer;isolation:isolate;background:0 0;border:0;grid-template-columns:1fr;align-items:start;margin:0;padding:0;display:grid;position:relative}.deck-card{background:var(--lab-card-bg);border:1px solid var(--lab-border);-webkit-backdrop-filter:blur(16px);transform-origin:top;width:100%;transition:transform .28s var(--lab-ease-out), max-height .28s var(--lab-ease-out), opacity .24s ease, box-shadow .28s ease;will-change:transform;border-radius:16px;grid-area:1/1;align-self:start;gap:2px;padding:.6rem .75rem;display:grid;box-shadow:0 6px 20px -6px #1b1b1929,0 1px 3px #1b1b190f}.deck-card[data-background=true]{overflow:hidden}.deck-card[data-background=true] p{opacity:0;visibility:hidden}.deck-app{text-transform:uppercase;letter-spacing:.06em;color:var(--lab-muted);font-size:.62em}.deck-card strong{font-size:.8em}.deck-card p{color:var(--lab-muted);margin:0;font-size:.75em;line-height:1.4;transition:opacity .2s}@media (prefers-reduced-motion:reduce){.deck-card{transition:none}}.cp-lab{place-items:start center;height:100%;padding:1.5rem;display:grid;container-type:size}.cp{--cp-full:calc(.85em * 1.25 + 1.4rem + 1px + 11rem + 2px);width:min(24rem,100%);margin-top:max(0px, calc((100cqh - var(--cp-full)) / 2));background:var(--lab-card-bg);border:1px solid var(--lab-border);box-shadow:var(--lab-shadow);border-radius:14px;overflow:hidden}.cp-input{width:100%;font:inherit;color:var(--lab-ink);border:0;border-bottom:1px solid var(--lab-border);background:0 0;padding:.7rem .85rem;font-size:.85em;line-height:1.25}.cp-input:focus{outline:none}.cp-input::placeholder{color:var(--lab-muted)}.cp-list-wrap{max-height:11rem;position:relative;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.cp-list-wrap{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 22%, transparent) transparent}}.cp-list-wrap::-webkit-scrollbar{width:6px}.cp-list-wrap::-webkit-scrollbar-track{background:0 0;margin:6px 0}.cp-list-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 22%, transparent);border-radius:999px}.cp-bar{background:var(--lab-chip-sky);pointer-events:none;border-radius:8px;position:absolute;top:0;left:4px;right:4px}.cp-bar[data-armed=true]{transition:transform var(--cp-travel) var(--lab-ease-out), height var(--cp-travel) var(--lab-ease-out)}.cp-list{margin:0;padding:4px;list-style:none;position:relative}.cp-row{justify-content:space-between;align-items:baseline;gap:.6rem;padding:.4rem .5rem;font-size:.82em;display:flex}.cp-row mark{color:var(--lab-ink);background:0 0;font-weight:600}.cp-hint{color:var(--lab-muted);font-size:.85em}.cp-empty{color:var(--lab-muted);padding:.6rem .5rem;font-size:.82em}@media (prefers-reduced-motion:reduce){.cp-bar[data-armed=true]{transition:none}}.xc-lab{--xc-inset:1.4rem;height:100%;padding:var(--xc-inset);place-items:center;display:grid;position:relative}.xc-rows{width:min(20rem, calc(100% - 2 * var(--xc-inset)));gap:8px;margin:0;padding:0;list-style:none;display:grid}.xc-row{width:100%;font:inherit;color:var(--lab-ink);text-align:left;background:var(--lab-card-bg);border:1px solid var(--lab-border);cursor:pointer;border-radius:14px;align-items:center;gap:.6rem;padding:6px 10px 6px 6px;font-size:.82em;display:flex}.xc-row img{object-fit:cover;border-radius:8px;width:46px;height:30px}.xc-layer{place-items:center;display:grid;position:absolute;inset:0}.xc-scrim{-webkit-backdrop-filter:blur(4px);cursor:pointer;will-change:opacity;background:#1b1b1952;border:0;position:absolute;inset:0}.xc-card{width:min(23rem, calc(100% - 2 * var(--xc-inset)));max-height:calc(100% - 2 * var(--xc-inset));background:var(--lab-card-bg);border:1px solid var(--lab-border);transform-origin:0 0;will-change:transform, border-radius;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #1b1b1929,0 12px 36px -8px #1b1b192e}.xc-close{z-index:2;width:26px;height:26px;color:var(--lab-ink);background:color-mix(in srgb, var(--lab-card-bg) 80%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--lab-border);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:transform .15s,background .15s;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #1b1b191a}.xc-close:hover{background:var(--lab-card-bg);transform:scale(1.08)}.xc-close:active{transform:scale(.95)}.xc-card[data-closing=true] .xc-close{opacity:0;transition:opacity .1s}.xc-card[data-closing=true] .xc-inner img,.xc-card[data-closing=true] .xc-inner h2,.xc-card[data-closing=true] .xc-inner p{opacity:0;transition:opacity .12s}.xc-inner{transform-origin:0 0;flex-direction:column;min-height:0;padding-bottom:.9rem;display:flex}.xc-inner img{aspect-ratio:16/10;object-fit:cover;object-position:top;flex:0 auto;width:100%;min-height:4.5rem;transition:opacity .14s;display:block}.xc-inner h2{margin:.6rem .9rem .3rem;font-size:.95em;transition:opacity .14s}.xc-inner p{-webkit-line-clamp:3;line-clamp:3;color:var(--lab-muted);-webkit-box-orient:vertical;margin:0 .9rem;font-size:.74em;line-height:1.5;transition:opacity .14s;display:-webkit-box;overflow:hidden}.frame-lab{height:100%;container-type:size}.frame-lab .device-screen{color:#10131a;background:#bac5db}.frame-lab .device-stage[data-kind=tablet]{padding-top:max(0px, (100cqh - var(--device-w) / var(--device-aspect)) / 2)}.frame-lab :is(.device-status>*,.device-island,.device-lens,.device-button){transition:opacity .28s var(--lab-ease-out), filter .28s var(--lab-ease-out), translate .28s var(--lab-ease-out)}.frame-lab .device-status>:last-child{transition-delay:40ms}.frame-lab:not([data-phase=rest]) :is(.device-status>*,.device-island,.device-lens,.device-button){opacity:0;filter:blur(4px);translate:0 calc(-3 * var(--k));transition-duration:.11s;transition-delay:0s}.frame-lab[data-morphing] :is(.device-stage,.device-body,.device-shell,.device-bezel,.device-screen,.device-home){transition:width var(--lab-dur-morph) var(--lab-ease-spring), height var(--lab-dur-morph) var(--lab-ease-spring), bottom var(--lab-dur-morph) var(--lab-ease-spring), padding var(--lab-dur-morph) var(--lab-ease-spring), border-radius var(--lab-dur-morph) var(--lab-ease-spring)}@media (prefers-reduced-motion:reduce){.frame-lab:not([data-phase=rest]) :is(.device-status>*,.device-island,.device-lens,.device-button){filter:none;translate:none}}.wallpaper{background:linear-gradient(158deg,#dde5f2,#bac5db 55%,#a3b0c8);position:absolute;inset:0;overflow:hidden;container-type:size}.wallpaper span{top:calc(var(--i) * 22.727% - 9.386%);background:linear-gradient(#eef3fb,#c7d1e2 45%,#9ba7bb);border-radius:999px;width:102%;height:26.818%;position:absolute;box-shadow:inset 0 0 0 1px #fff9,0 1.6cqh 4.8cqh #5f6b8261}.wallpaper span[data-side=left]{left:-35%}.wallpaper span[data-side=right]{left:33%}.island-lab-frame{height:100%}.island-lab-frame .device-lens{transition:opacity .26s var(--lab-ease-out) .32s, filter .26s var(--lab-ease-out) .32s}.island-lab-frame:not([data-state=idle]) .device-lens{opacity:0;filter:blur(3px);transition:opacity .11s linear,filter .11s linear}.island-lab-frame .device-status span,.island-lab-frame .device-status svg{transition:opacity .22s var(--lab-ease-out) .16s, width .3s var(--lab-ease-out), margin .3s var(--lab-ease-out)}.island-lab-frame[data-bar=compact] .device-status-icons svg:nth-child(-n+2),.island-lab-frame[data-bar=none] .device-status span,.island-lab-frame[data-bar=none] .device-status svg{opacity:0;transition:opacity 90ms linear, width .3s var(--lab-ease-out), margin .3s var(--lab-ease-out)}.island-lab-frame[data-bar=compact] .device-status-icons svg:nth-child(-n+2){margin-right:calc(-6 * var(--k));width:0!important}.island{top:calc(13 * var(--k));z-index:2;width:calc(var(--iw) * var(--k));height:calc(var(--ih,31) * var(--k));border-radius:calc(var(--ir,15.5) * var(--k));color:#fff;font-family:var(--lab-font-ios);letter-spacing:-.01em;cursor:pointer;transition:scale .16s var(--lab-ease-out);background:#000;border:0;grid-template:100%/100%;place-items:center;padding:0;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.island:active{transition-duration:90ms;scale:.96}.dark .island,.dark .device-island{box-shadow:0 0 0 1px #ffffff24}@media (prefers-color-scheme:dark){.system .island,.system .device-island{box-shadow:0 0 0 1px #ffffff24}}.island-layer{width:calc(var(--iw) * var(--k));padding:0 calc(20 * var(--k));box-sizing:border-box;will-change:opacity, transform;grid-area:1/1}.island-wave{gap:calc(2 * var(--k));height:calc(18 * var(--k));flex-shrink:0;align-items:center;display:flex}.island-wave i{width:calc(3 * var(--k));height:100%;transform:scaleY(var(--h));animation:.78s ease-in-out infinite alternate island-wave;animation-delay:var(--d);border-radius:999px}.island-wave[data-tone=rec] i{background:#fd4f30}.island-wave[data-tone=call] i{background:#2fd057}.island-wave[data-tone=music] i{background:#f3a58e}@keyframes island-wave{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.island-layer:has(>.island-compact,>.island-ringer){padding:0 calc(11 * var(--k))}.island-compact{grid-template-columns:minmax(0, 1fr) calc(var(--idle-w) * var(--k)) minmax(0, 1fr);font-size:calc(13 * var(--k));white-space:nowrap;align-items:center;font-weight:600;display:grid}.island-compact-lead{justify-self:start;align-items:center;display:flex}.island-compact-trail{grid-column:3;justify-self:end;align-items:center;display:flex}.island-memo-time{--rh:16;font-variant-numeric:tabular-nums;letter-spacing:0;color:#ff453a;align-items:center;line-height:1;display:flex}.island-batt-lead{font-size:calc(12 * var(--k));color:#fff}.island-batt{gap:calc(4 * var(--k));font-size:calc(12 * var(--k));font-variant-numeric:tabular-nums;color:#e65b4f;align-items:center;font-weight:600;display:flex}.island-batt-cell{width:calc(22 * var(--k));height:calc(11 * var(--k));border-radius:calc(3 * var(--k));background:#e2857c73;overflow:hidden}.island-batt-cell b{width:100%;height:100%;transform:scaleX(var(--level));transform-origin:0;background:#e65b4f;display:block}.island-batt-nub{width:calc(2 * var(--k));height:calc(5 * var(--k));border-radius:calc(2 * var(--k));background:#e2857c73}.island-ringer-bell{width:calc(15 * var(--k));height:calc(17 * var(--k));margin-left:calc(4 * var(--k));place-items:center;display:grid;position:relative}.island-ringer-bell svg{width:100%;height:100%;display:block;position:relative}.island-ringer-pill{inset:calc(-4 * var(--k)) calc(-9 * var(--k));clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .22s var(--lab-ease-in-out) 40ms;background:#ff453a;border-radius:999px;position:absolute}.island-ringer[data-silent=true] .island-ringer-pill{clip-path:inset(0 round 999px);transition:clip-path .26s var(--lab-ease-in-out)}.island-ringer-slash{position:absolute;inset:0}.island-ringer-slash i{height:calc(27 * var(--k));transform:translate(calc(7 * var(--k)), calc(-5 * var(--k))) rotate(-40deg);display:block;overflow:hidden}.island-ringer-slash b{width:calc(4 * var(--k));height:calc(22 * var(--k));clip-path:inset(0 0 100% round 999px);transition:clip-path .18s var(--lab-ease-in-out);background:linear-gradient(90deg,#ff453a 0 34%,#fff 34% 66%,#ff453a 66%);border-radius:999px;display:block}.island-ringer[data-silent=true] .island-ringer-slash b{clip-path:inset(0 round 999px);transition:clip-path .21s var(--lab-ease-in-out) 40ms}.island-ringer-label{display:grid}.island-ringer-label span{transition:opacity .2s var(--lab-ease-in-out) 30ms, transform .2s var(--lab-ease-in-out) 30ms, filter .2s var(--lab-ease-in-out) 30ms;grid-area:1/1;justify-self:end}.island-ringer-label span[data-on=false]{opacity:0;filter:blur(calc(2 * var(--k)))}.island-ringer-label span:first-child{color:#fff}.island-ringer-label span:first-child[data-on=false]{transform:translateY(-.35em)}.island-ringer-label span:last-child{color:#ff453a}.island-ringer-label span:last-child[data-on=false]{transform:translateY(.35em)}.island-screen{gap:calc(14 * var(--k));justify-content:space-between;align-items:center;width:100%;display:flex}.island-screen-meta{gap:calc(1 * var(--k));text-align:left;flex-direction:column;display:flex}.island-screen-live{gap:calc(7 * var(--k));font-size:calc(17 * var(--k));font-variant-numeric:tabular-nums;letter-spacing:0;color:#ff453a;align-items:center;font-weight:590;display:flex}.island-screen-clock{--rh:21;align-items:center;line-height:1;display:flex}.island-screen-live i{width:calc(10 * var(--k));height:calc(10 * var(--k));background:#ff453a;border-radius:50%;flex-shrink:0}.island-screen-meta strong{font-size:calc(19 * var(--k));font-weight:600;line-height:calc(23 * var(--k))}.island-screen-ring{width:calc(44 * var(--k));height:calc(44 * var(--k));flex-shrink:0;place-items:center;display:grid;position:relative}.island-screen-ring svg{width:100%;height:100%}.island-screen-ring circle{fill:none;stroke:#fff;stroke-width:3px}.island-screen-ring i{width:calc(17 * var(--k));height:calc(17 * var(--k));border-radius:calc(4.5 * var(--k));background:#ff453a;position:absolute}.island-ring{gap:calc(10 * var(--k));align-items:center;width:100%;display:flex}.island-avatar{width:calc(46 * var(--k));height:calc(46 * var(--k));background:#86efac;border-radius:50%;flex-shrink:0;display:block;overflow:hidden}.island-avatar img{width:100%;height:100%;display:block}.island-ring .island-meta{gap:calc(1 * var(--k));margin-right:auto}.island-ring .island-meta span{font-size:calc(13 * var(--k));line-height:calc(16 * var(--k));color:#9b9b9f}.island-ring .island-meta strong{font-size:calc(19 * var(--k));font-weight:600;line-height:calc(22 * var(--k))}.island-answer{width:calc(46 * var(--k));height:calc(46 * var(--k));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.island-answer svg{width:calc(22 * var(--k));height:calc(22 * var(--k))}.island-answer[data-act=decline]{background:#ff453a}.island-answer[data-act=accept]{background:#32d74b}.island-timer{gap:calc(14 * var(--k));justify-content:space-between;align-items:center;width:100%;display:flex}.island-keys{gap:calc(10 * var(--k));flex-shrink:0;display:flex}.island-key{width:calc(46 * var(--k));height:calc(46 * var(--k));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.island-key svg{width:calc(17 * var(--k));height:calc(17 * var(--k))}.island-key[data-key=pause]{color:#fdb000;background:#5a3c07}.island-key[data-key=stop]{color:#fff;background:#ffffff29}.island-key[data-key=stop] svg{width:calc(21 * var(--k));height:calc(21 * var(--k))}.island-timer-read{gap:calc(2 * var(--k));color:#f7a815;flex-direction:column;align-items:flex-end;display:flex}.island-timer-label{font-size:calc(14 * var(--k));opacity:.85;font-weight:500}.island-timer-digits{--rh:42;font-size:calc(40 * var(--k));font-variant-numeric:tabular-nums;letter-spacing:-.03em;align-items:center;font-weight:300;line-height:1;display:flex}.island-colon{padding:0 .05em;transform:translateY(-.05em)}.island-roll{height:calc(var(--rh) * var(--k));display:block;overflow:hidden}.island-roll-strip{transform:translateY(calc(var(--row) * var(--rh) * var(--k) * -1));transition:transform .46s cubic-bezier(.16,1,.3,1);display:block}.island-roll-strip>span{height:calc(var(--rh) * var(--k));text-align:center;display:block}.island-meta{gap:calc(2 * var(--k));text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.island-meta strong{font-size:calc(16 * var(--k));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.island-meta span{font-size:calc(13 * var(--k));color:#9b9b9f}.island-music{gap:calc(16 * var(--k));flex-direction:column;width:100%;display:flex}.island-music-top{gap:calc(9 * var(--k));align-items:center;display:flex}.island-art{width:calc(56 * var(--k));height:calc(56 * var(--k));border-radius:calc(16 * var(--k));background:linear-gradient(#ea580c,#f9a8d4 55%,#93c5fd);flex-shrink:0;display:block}.island-music .island-meta{gap:0}.island-music .island-meta strong,.island-music .island-meta span{font-size:calc(18 * var(--k));line-height:calc(21 * var(--k))}.island-music .island-meta strong{color:#fff;font-weight:600}.island-music .island-meta span{color:#9b9b9f;font-weight:400}.island-scrub{gap:calc(8 * var(--k));font-size:calc(14 * var(--k));font-variant-numeric:tabular-nums;color:#d4d4d4;align-items:center;display:flex}.island-track{height:calc(6 * var(--k));background:#404040;border-radius:999px;flex:1;overflow:hidden}.island-track i{width:100%;height:100%;transform:scaleX(var(--played));transform-origin:0;background:#d4d4d4;display:block}.island-transport{gap:calc(26 * var(--k));color:#d4d4d4;justify-content:center;align-items:center;display:flex}.island-transport svg{width:calc(24 * var(--k));height:calc(24 * var(--k))}.island-transport svg[data-flip=true]{transform:scaleX(-1)}.island-transport svg[data-play=true]{width:calc(20 * var(--k));height:calc(20 * var(--k))}.island-transport svg[data-air=true]{width:calc(21 * var(--k));height:calc(21 * var(--k))}.island-lab{padding:calc(160 * var(--k)) calc(14 * var(--k)) 0}.island-lab-panel{padding:calc(16 * var(--k));border-radius:calc(26 * var(--k));box-shadow:0 calc(8 * var(--k)) calc(24 * var(--k)) #46526929;background:#f6f8fb;border:1px solid #10131a0f}.island-lab-hint{color:#465064;margin:0 0 .7em;font-size:.78em;font-weight:500}.island-lab-chips{flex-wrap:wrap;gap:.45em;display:flex}.island-lab-chips button{color:#10131a;font:inherit;cursor:pointer;background:#e9edf3;border:1px solid #10131a12;border-radius:999px;flex:auto;padding:.4em .85em;font-size:.78em}.island-lab-chips button[data-on=true]{color:#f7f9fc;background:#10131a;border-color:#10131a}@media (prefers-reduced-motion:reduce){.island-wave i{animation:none}.island-roll-strip,.island-ringer-pill,.island-ringer-slash b,.island-ringer-label span{transition:none}}.od-lab{place-content:center;justify-items:center;gap:1.4rem;height:100%;padding:1.4rem;display:grid}.od-readout{-webkit-user-select:none;user-select:none;letter-spacing:-.02em;color:var(--lab-ink);align-items:flex-start;font-size:clamp(2.6rem,11vw,4.2rem);font-weight:600;line-height:1;display:flex}.od-fixed{font-variant-numeric:tabular-nums}.od-col{max-width:1.5ch;height:1em;transition:max-width var(--roll) var(--lab-ease-in-out), opacity var(--roll) var(--lab-ease-in-out);transition-delay:calc(var(--place) * var(--stagger));display:block;overflow:hidden}.od-col[data-enter],.od-col[data-leaving],.od-sep[data-enter],.od-sep[data-leaving]{opacity:0;max-width:0}.od-strip{transform:translateY(calc(var(--row) * -1em));transition:transform var(--roll) var(--lab-ease-in-out);transition-delay:calc(var(--place) * var(--stagger));display:block}.od-strip>span{text-align:center;height:1em;display:block}.od-sep{height:1em;color:var(--lab-muted);max-width:.4ch;transition:max-width var(--roll) var(--lab-ease-in-out), opacity var(--roll) var(--lab-ease-in-out), padding-right var(--roll) var(--lab-ease-in-out);transition-delay:calc(var(--place) * var(--stagger));padding-right:.06em;line-height:1;display:block;overflow:hidden}.od-sep[data-enter],.od-sep[data-leaving]{padding-right:0}.od-keys{gap:8px;display:flex}.od-key{min-width:3.1rem;font:inherit;font-variant-numeric:tabular-nums;color:var(--lab-ink);background:var(--lab-card-bg);border:1px solid var(--lab-border);cursor:pointer;transition:transform .16s var(--lab-ease-out), background .16s ease;border-radius:10px;padding:8px 12px;font-size:.82rem}.od-key--wide{min-width:4.4rem}@media (hover:hover) and (pointer:fine){.od-key:hover{background:#efefec}}.od-key:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.od-strip,.od-col,.od-sep,.od-key{transition:none}}.od-delta{font-variant-numeric:tabular-nums;color:var(--lab-muted);animation:od-delta-in .32s var(--lab-ease-out) both;margin:0;font-size:.78rem}.od-delta[data-dir=down]{animation-name:od-delta-in-down}@keyframes od-delta-in{0%{opacity:0;transform:translateY(6px)}}@keyframes od-delta-in-down{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.od-delta{animation:none}}.es-lab{grid-template-columns:min(20rem,100%);place-content:center;justify-items:center;gap:1.6rem;height:100%;padding:1.4rem;display:grid}.es-wrap{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.es-wrap:active{cursor:grabbing}.es-group{will-change:transform;justify-items:center;gap:.5rem;display:grid}.es-label{font-variant-numeric:tabular-nums;color:var(--lab-ink);font-size:1.5rem;font-weight:600;line-height:1;display:block}.es-svg{display:block;overflow:visible}.es-track{fill:none;stroke:#1b1b1924;stroke-width:6px;stroke-linecap:round}.es-fill{fill:none;stroke:var(--lab-ink);stroke-width:6px;stroke-linecap:round}.es-thumb{fill:var(--lab-bg);stroke:var(--lab-ink);stroke-width:3px}.es-hint{color:var(--lab-muted);margin:0;font-size:.78rem}.lg-lab{height:100%;padding:0}.lg-stage{touch-action:none;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}.lg-ground{background:var(--lab-bg);align-content:center;gap:.9rem;padding:1.2rem;display:grid;position:absolute;inset:0}.lg-line{color:var(--lab-ink);text-wrap:balance;margin:0;font-size:clamp(.85rem,2.4vw,1.05rem)}.lg-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lg-tiles img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--lab-border);border-radius:8px;width:100%;display:block}.lg-panel{aspect-ratio:8/5;cursor:grab;will-change:transform;width:min(240px,62%);position:absolute;top:0;left:0}.lg-panel:active{cursor:grabbing}.lg-clip{position:absolute;inset:0;overflow:hidden}.lg-refract{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lg-copy{position:absolute;top:0;left:0}.lg-frost{-webkit-backdrop-filter:saturate(1.35)brightness(1.05);background:#fdfdfc1a;position:absolute;inset:0}.lg-bevel{pointer-events:none;background:linear-gradient(142deg,#fffc,#ffffff0f 46%,#ffffff6b);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lg-surface{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #ffffff38,0 14px 34px -14px #1b1b1961}.lg-surface:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(142deg,#fffffff2,#ffffff1a 42%,#1b1b1933);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.lg-defs{width:0;height:0;position:absolute;overflow:hidden}.riso-lab{background:#f2ede3;height:100%;position:relative;overflow:hidden}.riso-lab canvas{display:block;position:absolute;inset:0}