@font-face{font-family:"Jersey 10";src:url(/static/fonts/Jersey10-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.page-edge-fade{pointer-events:none;z-index:90;opacity:0;height:64px;transition:opacity .25s;position:fixed;left:0;right:0}.page-edge-fade-top{background:linear-gradient(to bottom, var(--background-color) 30%, transparent);top:0}.page-edge-fade-bottom{background:linear-gradient(to top, color-mix(in srgb,var(--background-color) 45%,transparent) 5%, transparent);height:22px;bottom:0}html.is-page-edge-top .page-edge-fade-top{opacity:1}html.is-page-edge-bottom .page-edge-fade-bottom{opacity:.32}@media (prefers-reduced-motion:reduce){.page-edge-fade{transition:none}}:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-out-soft:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-press:cubic-bezier(.23,1,.32,1)}.anim-hero{min-height:100dvh;padding:calc(var(--space-sm) * .5) 0 calc(var(--space-md) + 8vh);box-sizing:border-box;flex-direction:column;justify-content:flex-end;margin:0;display:flex;position:relative}.anim-hero .anim-lyric{z-index:2;pointer-events:none;text-align:center;letter-spacing:.04em;color:var(--heading-color);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.55rem,1.8vw,1.1rem);margin:0;font-family:"Jersey 10",ui-monospace,monospace;font-size:clamp(1.7rem,6vw,3rem);font-weight:400;line-height:1;display:flex;position:absolute;inset:8% 0 38%}.anim-hero .anim-lyric .lyric-line{flex-wrap:wrap;justify-content:center;gap:.28em .45em;display:flex}.anim-hero .anim-lyric .lyric-line .lyric-word:last-child{font-size:.9em}@media (max-width:768px){.anim-hero .anim-lyric{box-sizing:border-box;gap:.4rem;padding:0 .25rem;font-size:clamp(1.25rem,6.5vw,1.95rem);inset:28% 0 auto;transform:translateY(-50%)}.anim-hero .anim-lyric .lyric-line .lyric-word:last-child{font-size:.86em}}.anim-hero .anim-lyric .lyric-word{color:var(--heading-color);opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .8s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 70ms), transform .8s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 70ms), color .22s ease;margin:-.12em -.06em;padding:.12em .06em;font-weight:400;display:inline-block;transform:translateY(1.1em)}.anim-hero .anim-lyric .lyric-word>span{will-change:transform;color:inherit;display:inline-block}.anim-hero .anim-lyric .lyric-word.is-dim,.anim-hero .anim-lyric .lyric-word:hover{color:color-mix(in srgb,var(--text-color) 45%,transparent)}.anim-hero .anim-lyric.is-in .lyric-word{opacity:1;transform:none}.anim-hero .anim-lyric.is-float .lyric-word>span{animation:lyric-drift var(--dur,5.5s) ease-in-out var(--delay,0s) infinite alternate}@keyframes lyric-drift{0%{transform:translate3d(var(--x0,0px), var(--y0,0px), 0) rotate(var(--r0,0deg))}to{transform:translate3d(var(--x1,0px), var(--y1,-6px), 0) rotate(var(--r1,0deg))}}@media (prefers-reduced-motion:reduce){.anim-hero .anim-lyric .lyric-word,.anim-hero .anim-lyric .lyric-word>span{opacity:1;transition:none;transform:none;animation:none!important}.anim-hero .anim-lyric .lyric-word{color:var(--heading-color)}}.anim-hero .anim-hero-copy{z-index:1;position:relative}.anim-hero h1{letter-spacing:-.03em;color:var(--heading-color);margin:0 0 .65rem;font-size:1.75rem;font-weight:600;line-height:1.15}.anim-hero .anim-lead{color:color-mix(in srgb,var(--text-color) 82%,transparent);margin:0;font-size:1.125rem;font-weight:500;line-height:1.6}.anim-meta{color:color-mix(in srgb,var(--text-color) 55%,transparent);margin:.85rem 0 0;font-family:monospace;font-size:.85rem}.anim-stage{gap:calc(var(--space-md) + 8vh);margin-bottom:calc(var(--space-md) + 8vh);flex-direction:column;display:flex}.demo{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:12px;overflow:visible}.demo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 0;display:flex}.demo-head-title{flex-wrap:wrap;flex:auto;align-items:baseline;gap:8px 12px;min-width:0;display:inline-flex}.demo-head h3,.demo-head-title h3{color:var(--heading-color);margin:0;font-size:1.2rem;font-weight:500;line-height:1.25}@media (max-width:768px){.anim-stage .demo-head h3,.anim-stage .demo-head-title h3{font-size:1rem}}.demo-head h3 a{color:inherit;text-decoration:none}.demo-head h3 a:hover{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--text-color) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--text-color) 35%,transparent);background:0 0}.demo-tools{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.demo-tag,.demo-head-title .demo-tag{color:color-mix(in srgb,var(--text-color) 50%,transparent);flex-shrink:0;font-family:monospace;font-size:.72rem;line-height:1.2}.demo-head .demo-visit{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--background-color) 88%,transparent);width:auto;height:auto;color:var(--text-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 8px;font-size:.75rem;line-height:1.2;text-decoration:none;display:inline-flex}.demo-head .demo-visit:hover{background:color-mix(in srgb,var(--text-color) 8%,transparent);color:var(--text-color);text-decoration:none}.demo-head .demo-visit-icon{width:1.15em;height:1.15em;display:block}.demo-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:248px;padding:44px 20px 38px;display:flex;position:relative}.demo-note{color:color-mix(in srgb,var(--text-color) 65%,transparent);margin:0;padding:0 18px 18px;font-size:1rem;line-height:1.45}.demo-foundation .demo-foundation-body{color:color-mix(in srgb,var(--text-color) 78%,transparent);padding:18px 18px 22px;font-size:1rem;line-height:1.55}.demo-foundation .demo-foundation-body p{margin:0 0 1em}.demo-foundation .demo-foundation-body p:last-child{margin-bottom:0}.demo-foundation .demo-foundation-body ul{flex-direction:column;gap:.7em;margin:.25rem 0 1.1em;padding:0 0 0 1.15em;display:flex}.demo-foundation .demo-foundation-body li{margin:0}.demo-foundation .demo-foundation-body strong{color:var(--heading-color);font-weight:600}.demo-foundation-actions{padding-top:.25em;margin:1.25em 0 0!important}.demo-foundation-base-btn{appearance:none;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 5%,transparent);color:var(--heading-color);font:inherit;cursor:pointer;border-radius:8px;align-items:center;padding:7px 12px;font-size:.85rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.demo-foundation-base-btn:hover{background:color-mix(in srgb,var(--text-color) 9%,transparent);color:var(--heading-color)}.demo-replay,.hit{appearance:none;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:var(--text-color);font:inherit;cursor:pointer;border-radius:8px;font-weight:500}.demo-replay{background:color-mix(in srgb,var(--background-color) 88%,transparent);padding:5px 10px;font-size:.75rem;line-height:1.2;position:static}.demo-replay:hover,.hit:hover{background:color-mix(in srgb,var(--text-color) 8%,transparent)}.hit{box-sizing:border-box;justify-content:center;align-items:center;min-height:40px;padding:10px 16px;font-size:.9rem;line-height:1;display:inline-flex}.demo-replay,.hit,.stack-toggle,.nudge-btn{transition:transform .14s var(--ease-press),background .15s ease,border-color .15s ease}.demo-replay:active,.hit:active,.stack-toggle:active,.nudge-btn:active{transform:scale(.97)}.demo-replay.is-tap,.hit.is-tap,.stack-toggle.is-tap,.nudge-btn.is-tap,.xface.is-tap{animation:btn-tap-soft .16s var(--ease-out)}@keyframes btn-tap-soft{0%,to{transform:scale(1)}50%{transform:scale(.97)}}.wipe,.save-btn,.copy-btn,.like-btn,.pin-btn,.retry-btn,.wizard-nav button,.mute-btn{transition:transform .14s var(--ease-press),background .15s ease,border-color .15s ease,opacity .15s ease}.wipe:active,.save-btn:active,.copy-btn:active,.like-btn:active,.pin-btn:active,.retry-btn:active:not(:disabled),.wizard-nav button:active:not(:disabled),.mute-btn:active{transform:scale(.97)}.wipe.is-tap,.save-btn.is-tap,.copy-btn.is-tap,.like-btn.is-tap,.pin-btn.is-tap,.retry-btn.is-tap,.wizard-nav button.is-tap,.mute-btn.is-tap{animation:.26s ease-out btn-tap}@keyframes btn-tap{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-.5px)scale(.997)}70%{transform:translate(.5px)scale(.997)}}.ink-pad{border:1px dashed color-mix(in srgb,var(--text-color) 18%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:min(100%,320px);height:168px;position:relative;overflow:hidden}.ink-drop{background:color-mix(in srgb,var(--text-color) 32%,transparent);pointer-events:none;opacity:.75;width:10px;height:10px;animation:ink-bloom .85s var(--ease-out-soft) forwards;border-radius:50%;margin:-5px 0 0 -5px;position:absolute;transform:scale(.35)}@keyframes ink-bloom{to{opacity:0;transform:scale(16)}}.breath-wrap{align-items:center;gap:10px;padding:8px 4px;font-size:.95rem;display:inline-flex}.breath-mark{flex-shrink:0;place-items:center;width:10px;height:10px;display:grid;position:relative}.breath-ring{display:none}.breath-dot{width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb,var(--text-color) 35%,transparent);background:currentColor;border-radius:50%;animation:2.2s ease-out infinite breath;display:block}@keyframes breath{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--text-color) 35%,transparent);transform:scale(1)}70%{opacity:.85;transform:scale(1.05);box-shadow:0 0 0 12px #0000}to{opacity:1;transform:scale(1);box-shadow:0 0 #0000}}.grow-link{appearance:none;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0 0 4px;font-size:1.05rem;font-weight:500;position:relative;color:inherit!important;text-decoration:none!important}.grow-link:after{content:"";transform-origin:50%;height:1.5px;transition:transform .28s var(--ease-out-soft);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.grow-link:focus-visible:after{transform:scaleX(1)}.grow-link:focus-visible{outline:2px solid color-mix(in srgb,var(--text-color) 35%,transparent);outline-offset:4px;border-radius:2px}.wave{justify-content:center;align-items:flex-end;gap:6px;height:96px;display:flex}.wave span{width:7px;height:var(--h,30px);transform-origin:50% 100%;opacity:.7;background:currentColor;border-radius:3px;display:block}.wave.is-live span{animation:wave-bob var(--d,1s) ease-in-out infinite;opacity:.95}@keyframes wave-bob{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.scramble{letter-spacing:.04em;text-align:center;min-width:12ch;min-height:1.5em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}@property --tilt-a{syntax:"<angle>";inherits:false;initial-value:0deg}.tilt-scene{width:min(100%,340px);padding:8px}.tilt-tile{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--text-color) 6%,transparent),transparent 70%);border-radius:12px;width:100%;padding:22px 24px;position:relative}.tilt-tile:before{content:"";border-radius:inherit;box-sizing:border-box;pointer-events:none;z-index:1;background:conic-gradient(from var(--tilt-a), transparent 0%, transparent 70%, color-mix(in srgb,var(--text-color) 20%,transparent) 78%, color-mix(in srgb,var(--text-color) 75%,transparent) 86%, color-mix(in srgb,var(--text-color) 20%,transparent) 94%, transparent 100%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes tilt-border{to{--tilt-a:360deg}}.tilt-tile strong{margin-bottom:4px;font-size:.95rem;font-weight:500;display:block}.tilt-tile span{color:color-mix(in srgb,var(--text-color) 60%,transparent);font-size:.8rem}.wipe{appearance:none;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);width:min(100%,230px);height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin:0;padding:0;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.wipe>span{background:var(--background-color);place-items:center;display:grid;position:absolute;inset:0}.wipe .a{z-index:1}.wipe .b{z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path .28s var(--ease-out-soft)}.wipe.is-swapped .b{clip-path:inset(0)}.demo:has(.shuffle){overflow:visible}.demo:has(.shuffle) .demo-body{padding-left:36px;padding-right:36px;overflow:visible}.shuffle{appearance:none;cursor:pointer;width:260px;height:170px;color:inherit;background:0 0;border:0;margin:0;padding:0;position:relative}.shuffle .card{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:var(--background-color);text-align:left;box-shadow:0 2px 10px color-mix(in srgb,var(--text-color) 7%,transparent);transition:transform .28s var(--ease-out-soft);border-radius:12px;padding:16px 18px;font-size:1rem;font-weight:500;position:absolute;inset:22px 16px}.shuffle .card:first-child{z-index:3;transform:translate(0)rotate(0)}.shuffle .card:nth-child(2){z-index:2;transform:translate(6px,4px)rotate(2.5deg)}.shuffle .card:nth-child(3){z-index:1;transform:translate(12px,8px)rotate(-2deg)}.shuffle.is-fan .card:first-child{transform:translate(-40px,-4px)rotate(-12deg)}.shuffle.is-fan .card:nth-child(2){transform:translateY(-18px)rotate(0)}.shuffle.is-fan .card:nth-child(3){transform:translate(40px,-4px)rotate(12deg)}.spot{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);cursor:crosshair;border-radius:10px;width:min(100%,320px);padding:18px 16px;font-size:.95rem;line-height:1.55;position:relative;overflow:hidden}.spot-dim{color:color-mix(in srgb,var(--text-color) 30%,transparent)}.spot-lit{pointer-events:none;color:var(--text-color);-webkit-mask-image:radial-gradient(circle 58px at var(--x,50%) var(--y,40%),#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(circle 58px at var(--x,50%) var(--y,40%),#000 20%,transparent 70%);mask-image:radial-gradient(circle 58px at var(--x,50%) var(--y,40%),#000 20%,transparent 70%);padding:18px 16px;position:absolute;inset:0}.marquee{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;width:min(100%,380px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{will-change:transform;width:max-content;padding:14px 0;animation:48s linear infinite marquee-move;display:flex}.marquee.is-paused .marquee-track{animation-play-state:paused}.marquee-track span{white-space:nowrap;opacity:.88;letter-spacing:.01em;flex-shrink:0;padding-right:3.5rem;font-size:.9rem;line-height:1.45}@keyframes marquee-move{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.odo{font-variant-numeric:tabular-nums;gap:4px;display:inline-flex}.odo-digit{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);text-align:center;border-radius:6px;width:1.35em;height:1.5em;font-size:1.35rem;font-weight:600;position:relative;overflow:hidden}.odo-digit>b{will-change:transform;font-weight:600;display:block}.odo-digit i{justify-content:center;align-items:center;height:1.5em;font-style:normal;font-weight:600;display:flex}.flap-board{font-variant-numeric:tabular-nums;perspective:600px;gap:5px;display:inline-flex}.flap{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 5%,transparent);width:2rem;height:2.55rem;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text-color) 6%,transparent);border-radius:5px;position:relative;overflow:hidden}.flap:before{content:"";z-index:3;pointer-events:none;background:color-mix(in srgb,var(--text-color) 22%,transparent);height:1px;box-shadow:0 1px 0 color-mix(in srgb,var(--background-color) 55%,transparent);position:absolute;top:50%;left:0;right:0}.flap:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb,var(--text-color) 6%,transparent), transparent 42%, transparent 58%, color-mix(in srgb,var(--text-color) 8%,transparent));position:absolute;inset:0}.flap-reel{will-change:transform;transition:transform 1.1s cubic-bezier(.2,.7,.15,1);display:block}.flap-reel i{letter-spacing:.02em;justify-content:center;align-items:center;height:2.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-style:normal;font-weight:600;display:flex}.steps{align-items:center;gap:0;width:min(100%,320px);display:flex}.step-node{border:1.5px solid color-mix(in srgb,var(--text-color) 35%,transparent);background:0 0;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:background .3s,border-color .3s,transform .35s cubic-bezier(.34,1.4,.64,1)}.step-node.is-on{background:currentColor;border-color:currentColor;transform:scale(1.15)}.step-line{background:color-mix(in srgb,var(--text-color) 12%,transparent);flex:1;height:2px;position:relative;overflow:hidden}.step-line>i{background:currentColor;width:0;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.step-line.is-on>i{width:100%}.trace-svg{width:min(100%,300px);height:72px;color:inherit;overflow:visible}.trace-svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.scan{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;place-items:center;width:min(100%,240px);height:56px;font-size:.82rem;font-weight:500;display:grid;position:relative;overflow:hidden}.scan:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-color) 7%,transparent),transparent);pointer-events:none;opacity:0;width:42%;position:absolute;inset:-10% auto -10% -20%;transform:skew(-12deg)}.scan:hover:after,.scan.is-on:after{opacity:1;animation:2.4s ease-in-out infinite scan-move}@keyframes scan-move{0%{left:-30%}to{left:105%}}.cascade{letter-spacing:.02em;gap:.02em;font-size:1.15rem;font-weight:500;display:inline-flex}.cascade b{opacity:0;font-weight:500;display:inline-block;transform:translateY(10px)}.cascade.is-in b{animation:.55s cubic-bezier(.22,1,.36,1) forwards cascade-in}.cascade.is-in b:first-child{animation-delay:0s}.cascade.is-in b:nth-child(2){animation-delay:40ms}.cascade.is-in b:nth-child(3){animation-delay:80ms}.cascade.is-in b:nth-child(4){animation-delay:.12s}.cascade.is-in b:nth-child(5){animation-delay:.16s}.cascade.is-in b:nth-child(6){animation-delay:.2s}.cascade.is-in b:nth-child(7){animation-delay:.24s}.cascade.is-in b:nth-child(8){animation-delay:.28s}.cascade.is-in b:nth-child(9){animation-delay:.32s}.cascade.is-in b:nth-child(10){animation-delay:.36s}.cascade.is-in b:nth-child(11){animation-delay:.4s}.cascade.is-in b:nth-child(12){animation-delay:.44s}@keyframes cascade-in{to{opacity:1;transform:translateY(0)}}.magnet-pad{border:1px dashed color-mix(in srgb,var(--text-color) 16%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);touch-action:none;cursor:crosshair;border-radius:10px;width:min(100%,320px);height:168px;position:relative;overflow:hidden}.magnet-chip{pointer-events:none;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--background-color) 92%,transparent);will-change:transform;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blur-line{letter-spacing:.01em;filter:blur(6px);opacity:.35;font-size:1.05rem;font-weight:500;transition:filter .7s cubic-bezier(.22,1,.36,1),opacity .7s}.blur-line.is-clear{filter:blur();opacity:1}.xface{cursor:pointer;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);width:min(100%,240px);height:48px;font:inherit;color:inherit;border-radius:8px;padding:0;position:relative;overflow:hidden}.xface span{place-items:center;font-size:.9rem;font-weight:500;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}.xface .x-a{opacity:1;transform:translateY(0)}.xface .x-b{opacity:0;transform:translateY(8px)}.xface.is-b .x-a{opacity:0;transform:translateY(-8px)}.xface.is-b .x-b{opacity:1;transform:translateY(0)}.save-btn{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 5%,transparent);width:108px;height:42px;color:inherit;font:inherit;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:500;line-height:1;transition:background .2s,border-color .2s;display:inline-flex;position:relative}.save-btn:hover{background:color-mix(in srgb,var(--text-color) 9%,transparent)}.save-btn .label{justify-content:center;align-items:center;gap:8px;display:inline-flex}.save-btn .spin,.save-btn .check{flex-shrink:0;width:16px;height:16px;display:none}.save-btn.is-loading .label{gap:0}.save-btn.is-loading .txt{visibility:hidden;clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.save-btn.is-loading .spin{animation:.7s linear infinite spin-cw;display:block}.save-btn.is-done{border-color:color-mix(in srgb,var(--text-color) 28%,transparent);background:color-mix(in srgb,var(--text-color) 8%,transparent)}.save-btn.is-done .check{display:block}.save-btn.is-done .check path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.35s 50ms forwards check-draw}@keyframes spin-cw{to{transform:rotate(360deg)}}@keyframes check-draw{to{stroke-dashoffset:0}}.switch{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:color-mix(in srgb,var(--text-color) 6%,transparent);border-radius:999px;width:56px;height:32px;padding:0;transition:background .2s,border-color .2s;position:relative;overflow:visible}.switch:after{content:"";will-change:transform;background:currentColor;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.33,0,.2,1);position:absolute;top:4px;left:4px;transform:translate(0)}.switch[aria-checked=true]{background:color-mix(in srgb,var(--text-color) 18%,transparent);border-color:color-mix(in srgb,var(--text-color) 28%,transparent)}.switch[aria-checked=true]:after{transform:translate(24px)}.ux-check{appearance:none;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:4px 0;font-size:.9rem;display:inline-flex}.ux-box{border:1.5px solid color-mix(in srgb,var(--text-color) 30%,transparent);border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.34,1.4,.64,1);display:grid}.ux-box svg{opacity:0;width:11px;height:11px;transform:scale(.6)}.ux-check[aria-checked=true] .ux-box{background:currentColor;border-color:currentColor;transform:scale(1.06)}.ux-check[aria-checked=true] .ux-box svg{opacity:1;transition:opacity .15s,transform .25s cubic-bezier(.34,1.4,.64,1);transform:scale(1)}.ux-check[aria-checked=true] .ux-box path{stroke:var(--background-color);stroke-dasharray:20;stroke-dashoffset:20px;animation:.28s forwards check-draw}.copy-row{align-items:center;gap:10px;display:flex}.copy-btn{appearance:none;box-sizing:border-box;cursor:pointer;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:inherit;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.copy-btn .c-idle,.copy-btn .c-done{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s;display:inline-block}.copy-btn .c-done{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,8px)}.copy-btn.is-copied .c-idle{opacity:0;transform:translateY(-10px)}.copy-btn.is-copied .c-done{opacity:1;transform:translate(-50%,-50%)}.field{width:min(100%,300px);position:relative}.field input{box-sizing:border-box;width:100%;height:76px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);color:inherit;background:0 0;border-radius:8px;outline:none;padding:32px 14px 12px;font-size:.95rem;line-height:1.25;transition:border-color .2s,box-shadow .25s}.field input:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.field label{color:color-mix(in srgb,var(--text-color) 55%,transparent);pointer-events:none;transform-origin:0;font-size:.95rem;line-height:1.2;transition:top .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),font-size .22s,color .2s;position:absolute;top:50%;left:14px;right:14px;transform:translateY(-50%)}.field input:focus+label,.field input:not(:placeholder-shown)+label{letter-spacing:.02em;color:color-mix(in srgb,var(--text-color) 62%,transparent);font-size:.68rem;line-height:1.1;top:8px;transform:translateY(0)}.field.is-invalid input{border-color:color-mix(in srgb,#c44 70%,var(--text-color));animation:.4s field-shake}.field.is-invalid label{color:color-mix(in srgb,#c44 70%,var(--text-color))}.field.is-valid input{border-color:color-mix(in srgb,#2a8 65%,var(--text-color))}.field.is-valid label{color:color-mix(in srgb,#2a8 65%,var(--text-color))}@keyframes field-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.skel-wrap{width:min(100%,300px)}.skel-card,.skel-content{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;padding:14px}.skel-line{background:linear-gradient(90deg, color-mix(in srgb,var(--text-color) 8%,transparent) 0%, color-mix(in srgb,var(--text-color) 14%,transparent) 50%, color-mix(in srgb,var(--text-color) 8%,transparent) 100%);background-size:200% 100%;border-radius:4px;height:10px;margin-bottom:10px;animation:1.2s ease-in-out infinite skel-shine}.skel-line:last-child{width:62%;margin-bottom:0}.skel-line.w80{width:80%}@keyframes skel-shine{to{background-position:-200% 0}}.skel-content{opacity:0;display:none;transform:translateY(6px)}.skel-wrap.is-ready .skel-card{display:none}.skel-wrap.is-ready .skel-content{animation:.4s cubic-bezier(.22,1,.36,1) forwards skel-in;display:block}@keyframes skel-in{to{opacity:1;transform:translateY(0)}}.skel-content strong{margin-bottom:6px;font-size:.95rem;font-weight:500;display:block}.skel-content p{color:color-mix(in srgb,var(--text-color) 65%,transparent);margin:0;font-size:.85rem;line-height:1.45}.tip-wrap{margin-top:36px;display:inline-flex;position:relative}.tip-btn{appearance:none;box-sizing:border-box;cursor:pointer;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:inherit;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500}.tip-bubble{white-space:nowrap;background:var(--text-color);color:var(--background-color);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .18s var(--ease-out-soft);transform-origin:bottom;border-radius:7px;padding:7px 10px;font-size:.78rem;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)scale(.96)}.tip-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--text-color);margin-left:-5px;position:absolute;top:100%;left:50%}.tip-wrap:hover .tip-bubble,.tip-wrap:focus-within .tip-bubble,.tip-wrap.is-on .tip-bubble{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.badge-wrap{display:inline-flex;position:relative}.badge-btn{appearance:none;box-sizing:border-box;cursor:pointer;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:inherit;border-radius:8px;padding:10px 16px;font-size:.9rem}.badge{font-variant-numeric:tabular-nums;background:var(--text-color);min-width:18px;height:18px;color:var(--background-color);transform-origin:50%;border-radius:999px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:600;display:grid;position:absolute;top:-6px;right:-8px}.badge.is-bump{animation:.24s ease-out badge-bump}@keyframes badge-bump{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}.chip-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chip{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:200px;padding:7px 8px 7px 14px;font-size:.9rem;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1),max-width .35s,padding .3s,margin .3s,gap .3s;display:inline-flex;overflow:hidden}.chip button{appearance:none;cursor:pointer;background:color-mix(in srgb,var(--text-color) 8%,transparent);width:24px;height:24px;color:inherit;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.chip button svg{flex-shrink:0;width:12px;height:12px;display:block;overflow:visible}.chip.is-out{opacity:0;border-width:0;gap:0;max-width:0;margin:0;padding-left:0;padding-right:0;transform:scale(.85)}.like-btn{appearance:none;box-sizing:border-box;cursor:pointer;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);color:inherit;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;display:inline-flex}.like-btn svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.34,1.5,.64,1)}.like-btn svg path{fill:#0000;transition:fill .2s}.like-btn[aria-pressed=true] svg{transform:scale(1.12)}.like-btn[aria-pressed=true] svg path{fill:currentColor}.like-btn.is-pop svg{animation:.4s cubic-bezier(.34,1.5,.64,1) like-pop}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1.12)}}.save-status{color:color-mix(in srgb,var(--text-color) 70%,transparent);align-items:center;gap:8px;min-height:28px;font-size:.88rem;display:inline-flex}.save-status .dot{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.save-status.is-saving .dot{opacity:.9;animation:1s ease-in-out infinite status-blink}.save-status.is-saved{color:inherit}.save-status.is-saved .dot{opacity:1}@keyframes status-blink{50%{opacity:.25}}.disc{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:10px;width:min(100%,320px);overflow:hidden}.disc-btn{appearance:none;width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;font-weight:500;display:flex}.disc-btn svg{flex-shrink:0;width:16px;height:16px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.disc.is-open .disc-btn svg{transform:rotate(180deg)}.disc-panel{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.disc.is-open .disc-panel{grid-template-rows:1fr}.disc-panel>div{overflow:hidden}.disc-panel p{color:color-mix(in srgb,var(--text-color) 75%,transparent);margin:0;padding:0 14px 14px;font-size:.85rem;line-height:1.5}.undo-stage{flex-direction:column;align-items:stretch;gap:12px;width:min(100%,320px);display:flex;position:relative}.snack{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:var(--background-color);box-shadow:0 8px 24px color-mix(in srgb,var(--text-color) 8%,transparent);opacity:0;pointer-events:none;border-width:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;max-height:0;margin:0;padding:0 12px;font-size:.85rem;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1),max-height .3s,padding .3s,border-width 0s .3s;display:flex;overflow:hidden;transform:translateY(6px)scale(.98)}.snack.is-on{opacity:1;pointer-events:auto;border-width:1px;max-height:64px;padding:10px 12px;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1),max-height .3s,padding .3s;transform:translateY(0)scale(1)}.snack button{appearance:none;cursor:pointer;color:inherit;font:inherit;background:color-mix(in srgb,var(--text-color) 10%,transparent);border:0;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:500;line-height:1;transition:background .15s}.snack button:hover{background:color-mix(in srgb,var(--text-color) 16%,transparent)}.undo-stage .hit{align-self:center}.seg{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:10px;align-items:stretch;gap:2px;padding:4px;display:inline-flex;position:relative}.seg button{appearance:none;color:color-mix(in srgb,var(--text-color) 65%,transparent);font:inherit;cursor:pointer;z-index:1;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.88rem;font-weight:500;line-height:1;display:inline-flex;position:relative}.seg button[aria-selected=true]{color:var(--text-color)}.seg-pill{box-sizing:border-box;z-index:0;background:var(--background-color);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:0}.search-box{width:min(100%,300px);position:relative}.search-box input{box-sizing:border-box;width:100%;height:52px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);color:inherit;background:0 0;border-radius:8px;outline:none;padding:12px 40px 12px 14px;font-size:.95rem;line-height:1.3}.search-box input:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.search-clear{appearance:none;cursor:pointer;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--text-color) 8%,transparent);width:28px;height:28px;color:inherit;font:inherit;border:0;border-radius:6px;line-height:1;transition:opacity .2s,transform .25s cubic-bezier(.34,1.4,.64,1);position:absolute;top:50%;right:8px;transform:translateY(-50%)scale(.8)}.search-box.has-value .search-clear{opacity:.7;pointer-events:auto;transform:translateY(-50%)scale(1)}.search-clear:hover{opacity:1}.char-wrap{width:min(100%,300px)}.char-wrap textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:104px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);color:inherit;background:0 0;border-radius:8px;outline:none;padding:12px 14px;font-size:.95rem;line-height:1.45}.char-wrap textarea:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.char-meta{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 50%,transparent);justify-content:flex-end;margin-top:8px;font-size:.75rem;display:flex}.char-meta.is-warn{color:color-mix(in srgb,#c44 75%,var(--text-color));animation:.4s char-pulse}@keyframes char-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.pin-btn{appearance:none;box-sizing:border-box;cursor:pointer;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);color:inherit;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;display:inline-flex}.pin-btn svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.34,1.5,.64,1)}.pin-btn svg path{fill:#0000;transition:fill .2s}.pin-btn[aria-pressed=true] svg{transform:rotate(-28deg)}.pin-btn[aria-pressed=true] svg path{fill:currentColor}.pin-btn[aria-pressed=true]{background:color-mix(in srgb,var(--text-color) 8%,transparent)}.submit-wrap{width:124px;color:inherit;display:inline-flex;position:relative}.submit-wrap .hit{z-index:1;justify-content:center;width:100%;position:relative}.submit-ring{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.submit-ring rect{fill:none;stroke:currentColor;stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px}.submit-wrap.is-loading .hit{border-color:color-mix(in srgb,var(--text-color) 10%,transparent)}.submit-wrap.is-loading .submit-ring rect{animation:.9s cubic-bezier(.22,1,.36,1) forwards submit-trace}.submit-wrap.is-done .hit{border-color:color-mix(in srgb,var(--text-color) 28%,transparent);background:color-mix(in srgb,var(--text-color) 8%,transparent)}.submit-wrap.is-done .submit-ring rect{stroke-dashoffset:0;animation:none}.submit-wrap.is-settle{animation:.34s ease-out submit-settle}@keyframes submit-trace{to{stroke-dashoffset:0}}@keyframes submit-settle{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.success-banner{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:8px;width:auto;max-width:min(100%,300px);height:40px;padding:0 14px;font-size:.9rem;font-weight:500;line-height:1;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translateY(6px)}.success-banner.is-on{opacity:1;pointer-events:auto;transform:translateY(0)}.success-banner svg{flex-shrink:0;width:16px;height:16px}.success-banner path{stroke-dasharray:24;stroke-dashoffset:24px}.success-banner.is-on path{animation:.35s .1s forwards check-draw}.list-row{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;align-items:center;gap:12px;width:min(100%,320px);padding:12px 14px;display:flex}.list-row span{flex:1;font-size:.9rem}.list-actions{opacity:0;gap:8px;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(6px)}.list-row:focus-within .list-actions{opacity:1;transform:translate(0)}.list-actions button{appearance:none;font:inherit;cursor:pointer;background:color-mix(in srgb,var(--text-color) 8%,transparent);color:inherit;border:0;border-radius:6px;padding:6px 10px;font-size:.78rem}.soft-tabs{width:min(100%,320px)}.soft-tabs-nav{border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);gap:20px;margin-bottom:14px;display:flex;position:relative}.soft-tabs-nav button{appearance:none;font:inherit;cursor:pointer;color:color-mix(in srgb,var(--text-color) 55%,transparent);background:0 0;border:0;padding:10px 0;font-size:.9rem;font-weight:500}.soft-tabs-nav button[aria-selected=true]{color:var(--text-color)}.soft-tabs-ink{background:currentColor;border-radius:2px;height:2px;transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px}.soft-tabs-panel{color:color-mix(in srgb,var(--text-color) 80%,transparent);min-height:2.8em;font-size:.88rem;line-height:1.5}.hold-btn{appearance:none;box-sizing:border-box;cursor:pointer;width:148px;min-height:40px;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.hold-btn .hold-fill{transform-origin:0;background:color-mix(in srgb,var(--text-color) 12%,transparent);transition:transform 50ms linear;position:absolute;inset:0;transform:scaleX(0)}.hold-btn.is-holding .hold-fill{transition:transform 1s linear;transform:scaleX(1)}.hold-btn.is-done{color:color-mix(in srgb,#c44 85%,var(--text-color));border-color:color-mix(in srgb,#c44 55%,var(--text-color));background:#cc444414}.hold-btn.is-settle{animation:.34s ease-out hold-settle}.hold-btn .hold-label{z-index:1;position:relative}@keyframes hold-settle{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.stagger-list{flex-direction:column;gap:8px;width:min(100%,300px);display:flex}.stagger-item{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);opacity:0;border-radius:8px;padding:10px 12px;font-size:.88rem;transform:translateY(8px)}.stagger-list.is-in .stagger-item{animation:.4s cubic-bezier(.22,1,.36,1) forwards stagger-in}.stagger-list.is-in .stagger-item:first-child{animation-delay:40ms}.stagger-list.is-in .stagger-item:nth-child(2){animation-delay:.1s}.stagger-list.is-in .stagger-item:nth-child(3){animation-delay:.16s}.stagger-list.is-in .stagger-item:nth-child(4){animation-delay:.22s}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.toast-stage{flex-direction:column;align-items:center;gap:12px;width:min(100%,300px);display:flex}.toast{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:var(--background-color);width:100%;box-shadow:0 8px 24px color-mix(in srgb,var(--text-color) 8%,transparent);opacity:0;pointer-events:none;border-radius:10px;transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(8px)}.toast.is-on{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-body{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.toast-dismiss{appearance:none;cursor:pointer;color:inherit;font:inherit;background:color-mix(in srgb,var(--text-color) 10%,transparent);border:0;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:500;line-height:1}.toast-timer{background:color-mix(in srgb,var(--text-color) 10%,transparent);height:2px}.toast-timer>i{transform-origin:0;background:currentColor;width:100%;height:100%;display:block;transform:scaleX(1)}.toast.is-on .toast-timer>i{animation:3s linear forwards toast-drain}@keyframes toast-drain{to{transform:scaleX(0)}}.typing{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:14px 14px 14px 4px;align-items:center;gap:5px;padding:12px 14px;display:inline-flex}.typing span{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bob}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bob{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:.9;transform:translateY(-4px)}}.retry-btn{appearance:none;cursor:pointer;min-width:140px;min-height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s}.retry-btn.is-err{border-color:color-mix(in srgb,#c44 55%,var(--text-color));background:#cc444414}.retry-btn.is-ok{border-color:color-mix(in srgb,#2a8 55%,var(--text-color));background:#22aa8814}.retry-btn.is-shake-err{animation:.42s ease-out retry-err-shake}.retry-btn.is-shake-ok{animation:.34s ease-out retry-ok-shake}@keyframes retry-err-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}@keyframes retry-ok-shake{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.menu-row{align-items:center;gap:12px;display:inline-flex}.menu-btn{appearance:none;cursor:pointer;width:44px;height:44px;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:10px;place-items:center;display:grid}.menu-icon{width:18px;height:12px;display:block;position:relative}.menu-icon .menu-line{background:currentColor;border-radius:1px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1),bottom .3s cubic-bezier(.22,1,.36,1),left .3s cubic-bezier(.22,1,.36,1),right .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;left:0;right:0}.menu-icon--burger .menu-line:first-child{top:0}.menu-icon--burger .menu-line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-icon--burger .menu-line:nth-child(3){bottom:0}.menu-btn[aria-expanded=true] .menu-icon--burger .menu-line:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.menu-btn[aria-expanded=true] .menu-icon--burger .menu-line:nth-child(2){opacity:0;transform:translateY(-50%)scaleX(0)}.menu-btn[aria-expanded=true] .menu-icon--burger .menu-line:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%)rotate(-45deg)}.menu-icon--plus{width:14px;height:14px}.menu-icon--plus .menu-line:first-child{top:50%;transform:translateY(-50%)}.menu-icon--plus .menu-line:nth-child(2){width:1.5px;height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.menu-btn[aria-expanded=true] .menu-icon--plus .menu-line:first-child{transform:translateY(-50%)rotate(45deg)}.menu-btn[aria-expanded=true] .menu-icon--plus .menu-line:nth-child(2){transform:translate(-50%)rotate(45deg)}.menu-icon--arrow .menu-line:first-child{transform-origin:0;top:0}.menu-icon--arrow .menu-line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-icon--arrow .menu-line:nth-child(3){transform-origin:0;bottom:0}.menu-btn[aria-expanded=true] .menu-icon--arrow .menu-line:first-child{width:60%;top:50%;transform:translateY(-50%)rotate(-42deg)}.menu-btn[aria-expanded=true] .menu-icon--arrow .menu-line:nth-child(2){transform:translateY(-50%)}.menu-btn[aria-expanded=true] .menu-icon--arrow .menu-line:nth-child(3){width:60%;top:50%;bottom:auto;transform:translateY(-50%)rotate(42deg)}.stars{gap:4px;display:inline-flex}.stars button{appearance:none;cursor:pointer;color:color-mix(in srgb,var(--text-color) 40%,transparent);background:0 0;border:0;padding:4px;line-height:0;transition:color .18s,transform .2s}.stars button svg{transform-origin:50%;width:22px;height:22px;display:block}.stars button svg path{fill:#0000;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;transition:fill .22s,stroke .22s}.stars button.is-preview,.stars button.is-preview.is-on{color:var(--text-color)}.stars button.is-preview svg path,.stars button.is-preview.is-on svg path{fill:currentColor;stroke:currentColor}.stars button.is-on{color:color-mix(in srgb,#c9962a 88%,var(--text-color))}.stars button.is-on svg path{fill:#f1c659;stroke:color-mix(in srgb,#c9922a 90%,var(--text-color))}.stars button.is-pop svg{animation:.42s cubic-bezier(.34,1.35,.64,1) both star-fill;animation-delay:var(--star-delay,0s)}@keyframes star-fill{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:scale(1)}}.conn{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:500;transition:border-color .25s,background .25s;display:inline-flex}.conn-dot{background:color-mix(in srgb,#2a8 80%,var(--text-color));border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite conn-pulse;box-shadow:0 0 #2a86}.conn.is-off .conn-dot{background:color-mix(in srgb,#c44 75%,var(--text-color));box-shadow:none;animation:none}.conn.is-off{background:#cc44440f;border-color:#cc444459}@keyframes conn-pulse{0%{box-shadow:0 0 #22aa8859}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.indet{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:99px;width:min(100%,300px);height:3px;overflow:hidden}.indet>i{background:currentColor;border-radius:99px;width:35%;height:100%;animation:1.2s cubic-bezier(.4,0,.2,1) infinite indet-slide;display:block}@keyframes indet-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.range-wrap{box-sizing:border-box;width:min(100%,320px);padding-top:28px;position:relative}.range-wrap input[type=range]{appearance:none;background:color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:99px;outline:none;width:100%;height:4px;margin:0;display:block}.range-wrap input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:var(--text-color);border:2px solid var(--background-color);width:16px;height:16px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text-color) 20%,transparent);border-radius:50%}.range-bubble{box-sizing:border-box;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--text-color) 8%,transparent);min-width:2.2em;height:22px;transform:translateX(var(--x,0)) translateY(4px);opacity:0;pointer-events:none;border-radius:6px;place-items:center;margin:0;padding:0 8px;font-size:.75rem;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:0;left:0}.range-wrap.is-active .range-bubble{opacity:1;transform:translateX(var(--x,0)) translateY(0)}.cart-wrap{display:inline-flex;position:relative}.cart-btn{appearance:none;box-sizing:border-box;cursor:pointer;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:500;line-height:1;transition:background .15s;display:inline-flex}.cart-badge{font-variant-numeric:tabular-nums;background:var(--text-color);height:20px;color:var(--background-color);border-radius:999px;align-items:center;gap:3px;padding:0 6px;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-10px}.cart-badge svg{flex-shrink:0;width:11px;height:11px;display:block}.cart-badge.is-pop{animation:.34s cubic-bezier(.22,1,.36,1) cart-drop}@keyframes cart-drop{0%{opacity:0;transform:translateY(-7px)}55%{opacity:1;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.wizard{flex-direction:column;gap:12px;width:min(100%,320px);display:flex}.wizard-dots{gap:6px;margin:0;display:flex}.wizard-dots span{background:color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:99px;flex:1;height:3px;transition:background .25s}.wizard-dots span.is-on{background:currentColor}.wizard-panel{min-height:1.4em;margin:0;font-size:.9rem;line-height:1.4}.wizard-nav{gap:8px;margin:0;display:flex}.wizard-nav button{appearance:none;box-sizing:border-box;cursor:pointer;height:36px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:.85rem;font-weight:500;line-height:1;display:inline-flex}.wizard-nav button:disabled{opacity:.4;cursor:default}.mute-btn{appearance:none;cursor:pointer;width:40px;height:40px;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;place-items:center;padding:0;display:grid}.mute-btn svg{width:18px;height:18px;display:block;overflow:visible}.mute-btn .wave{fill:none;transform-origin:14px 12px;transition:opacity .2s}.mute-btn[aria-pressed=true] .wave{opacity:0}.mute-btn .x-line{fill:none;stroke-dasharray:10;stroke-dashoffset:10px;opacity:0;transition:stroke-dashoffset .25s,opacity .15s}.mute-btn[aria-pressed=true] .x-line{stroke-dashoffset:0;opacity:1}.sort-list{touch-action:none;flex-direction:column;gap:8px;width:min(100%,300px);display:flex;position:relative}.sort-item{z-index:0;box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:var(--background-color);border-radius:8px;align-items:center;height:40px;padding:0 14px;font-size:.88rem;line-height:1.25;transition:transform 80ms ease-out,box-shadow .12s,border-color .12s;display:flex;position:relative}.sort-item.is-dragging{z-index:3;cursor:grabbing;border-color:color-mix(in srgb,var(--text-color) 28%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--text-color) 12%,transparent);transition:box-shadow .12s,border-color .12s}.filter-wrap{flex-direction:column;gap:10px;width:min(100%,300px);display:flex}.filter-wrap input{box-sizing:border-box;width:100%;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;padding:0 12px;font-size:.9rem;line-height:1}.filter-wrap input:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.filter-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.filter-list li{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:8px;align-items:center;height:36px;max-height:40px;padding:0 12px;font-size:.88rem;line-height:1.2;transition:opacity .2s,max-height .25s,margin .25s,padding .25s,border-width .2s;display:flex;overflow:hidden}.filter-list li.is-out{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.upload-row{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;flex-direction:column;gap:8px;width:min(100%,300px);padding:12px 14px;display:flex}.upload-meta{justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;line-height:1.2;display:flex}.upload-meta b{font-weight:500}.upload-meta span{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 55%,transparent);font-size:.75rem}.upload-bar{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:99px;height:3px;overflow:hidden}.upload-bar>i{border-radius:inherit;background:currentColor;width:0;height:100%;transition:width 80ms linear;display:block}.upload-row.is-done .upload-meta span{color:color-mix(in srgb,#2a8 70%,var(--text-color))}.grow-area{box-sizing:border-box;width:min(100%,300px);min-height:40px;max-height:120px;font:inherit;color:inherit;resize:none;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem;line-height:1.4;transition:border-color .2s,box-shadow .2s;overflow-y:hidden}.grow-area.is-tall{overflow-y:auto}.grow-area:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.quota{flex-direction:column;gap:10px;width:min(100%,300px);display:flex}.quota-meta{justify-content:space-between;align-items:baseline;gap:10px;font-size:.82rem;line-height:1.2;display:flex}.quota-meta span:first-child{font-weight:500}.quota-meta span:last-child{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 55%,transparent)}.quota-track{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:99px;height:6px;overflow:hidden}.quota-track>i{border-radius:inherit;background:currentColor;width:0;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1),background .25s;display:block}.quota.is-warn .quota-track>i{background:color-mix(in srgb,#c84 85%,var(--text-color))}.quota.is-full .quota-track>i{background:color-mix(in srgb,#c44 80%,var(--text-color))}.quota-tip{min-height:1.35em;color:color-mix(in srgb,var(--text-color) 55%,transparent);opacity:0;visibility:hidden;margin:0;font-size:.75rem;line-height:1.35;transition:opacity .2s,color .2s,visibility .2s}.quota.is-warn .quota-tip,.quota.is-full .quota-tip{opacity:1;visibility:visible}.quota.is-warn .quota-tip{color:color-mix(in srgb,#c84 75%,var(--text-color))}.quota.is-full .quota-tip{color:color-mix(in srgb,#c44 75%,var(--text-color))}.splitbtn{align-items:stretch;display:inline-flex;position:relative}.splitbtn-main,.splitbtn-toggle{appearance:none;box-sizing:border-box;cursor:pointer;height:40px;color:inherit;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);font-size:.9rem;font-weight:500;line-height:1}.splitbtn-main{border-right:0;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:118px;padding:0;transition:opacity .2s;display:inline-flex}.splitbtn-toggle{border-radius:0 8px 8px 0;place-items:center;width:36px;padding:0;display:grid}.splitbtn.is-busy .splitbtn-main,.splitbtn.is-busy .splitbtn-toggle{opacity:.55;cursor:default;pointer-events:none}.splitbtn-toggle svg{width:14px;height:14px;transition:transform .2s}.splitbtn.is-open .splitbtn-toggle svg{transform:rotate(180deg)}.splitbtn-menu{z-index:2;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:var(--background-color);min-width:100%;box-shadow:0 8px 24px color-mix(in srgb,var(--text-color) 8%,transparent);opacity:0;transform-origin:100% 0;pointer-events:none;transition:opacity .16s ease, transform .18s var(--ease-out-soft);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(4px)scale(.96)}.splitbtn.is-open .splitbtn-menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.splitbtn-menu button{appearance:none;width:100%;height:34px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:.85rem;font-weight:500}.splitbtn-menu button:hover{background:color-mix(in srgb,var(--text-color) 6%,transparent)}.presence{align-items:center;gap:12px;display:inline-flex}.presence-avatar{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:50%;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:500;display:grid;position:relative}.presence-dot{border:2px solid var(--background-color);background:color-mix(in srgb,#888 70%,var(--text-color));border-radius:50%;width:10px;height:10px;transition:background .25s;position:absolute;bottom:0;right:0}.presence-dot:after{content:"";opacity:0;border:1.5px solid #0000;border-radius:50%;position:absolute;inset:-3px}.presence[data-status=online] .presence-dot{background:color-mix(in srgb,#2a8 75%,var(--text-color))}.presence[data-status=away] .presence-dot{background:color-mix(in srgb,#c84 80%,var(--text-color))}.presence[data-status=busy] .presence-dot{background:color-mix(in srgb,#c44 75%,var(--text-color))}.presence.is-ping .presence-dot:after{opacity:.45;border-color:currentColor;animation:.45s ease-out presence-ping}@keyframes presence-ping{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.presence-label{min-width:4.5em;font-size:.88rem;font-weight:500;line-height:1.2}.draft-banner{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);opacity:0;pointer-events:none;border-radius:10px;flex-direction:column;gap:10px;width:min(100%,320px);padding:12px 14px;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(6px)}.draft-banner.is-on{opacity:1;pointer-events:auto;transform:translateY(0)}.draft-banner p{margin:0;font-size:.85rem;line-height:1.35}.draft-actions{gap:8px;display:flex}.draft-actions button{appearance:none;cursor:pointer;height:32px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:0 12px;font-size:.8rem;font-weight:500;line-height:1}.draft-actions .draft-restore{background:var(--text-color);color:var(--background-color);border-color:#0000}.tag-field{flex-direction:column;gap:8px;width:min(100%,320px);display:flex}.tag-box{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:6px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.tag-box:focus-within{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.tag-chip{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:999px;align-items:center;gap:4px;height:26px;padding:0 6px 0 10px;font-size:.78rem;font-weight:500;line-height:1;animation:.22s ease-out tag-in;display:inline-flex}@keyframes tag-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.tag-chip button{appearance:none;cursor:pointer;width:18px;height:18px;color:inherit;font:inherit;opacity:.55;background:0 0;border:0;border-radius:50%;line-height:1}.tag-box input{min-width:72px;height:26px;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0 4px;font-size:.88rem}.empty-fill{width:min(100%,320px);min-height:104px;position:relative}.empty-state,.empty-item{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;padding:14px;transition:opacity .28s,transform .3s cubic-bezier(.22,1,.36,1)}.empty-state{color:color-mix(in srgb,var(--text-color) 60%,transparent);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;font-size:.85rem;line-height:1.35;display:flex;position:absolute;inset:0}.empty-state strong{color:var(--text-color);font-size:.9rem;font-weight:500}.empty-item{opacity:0;pointer-events:none;font-size:.9rem;font-weight:500;line-height:1.35;transform:translateY(8px)}.empty-fill.is-filled .empty-state{opacity:0;pointer-events:none;transform:translateY(-4px)}.empty-fill.is-filled .empty-item{opacity:1;pointer-events:auto;transform:none}.deadline{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;flex-direction:column;gap:8px;width:min(100%,300px);padding:12px 14px;transition:border-color .25s,background .25s;display:flex}.deadline-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.deadline-top span:first-child{font-size:.88rem;font-weight:500}.deadline-clock{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 60%,transparent);font-size:.85rem;font-weight:500;line-height:1;transition:color .25s}.deadline-track{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:99px;height:4px;overflow:hidden}.deadline-track>i{transform-origin:0;background:currentColor;width:100%;height:100%;transition:transform .2s linear,background .25s;display:block}.deadline.is-soon{border-color:color-mix(in srgb,#c84 40%,var(--text-color));background:#cc88440f}.deadline.is-soon .deadline-clock,.deadline.is-soon .deadline-track>i{color:color-mix(in srgb,#c84 80%,var(--text-color))}.deadline.is-due{border-color:color-mix(in srgb,#c44 45%,var(--text-color));background:#cc444414}.deadline.is-due .deadline-clock,.deadline.is-due .deadline-track>i{color:color-mix(in srgb,#c44 80%,var(--text-color))}.edge-fade-shell{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:10px;width:min(100%,360px);position:relative;overflow:hidden}.edge-fade{overscroll-behavior:contain;height:152px;overflow:auto}.edge-fade-inner{color:color-mix(in srgb,var(--text-color) 80%,transparent);padding:14px;font-size:.85rem;line-height:1.5}.edge-fade-mask{pointer-events:none;z-index:2;opacity:0;height:22px;transition:opacity .2s;position:absolute;left:0;right:0}.edge-fade-mask-top{background:linear-gradient(to bottom, var(--background-color) 20%, transparent);top:0}.edge-fade-mask-bottom{background:linear-gradient(to top, var(--background-color) 20%, transparent);bottom:0}.edge-fade-shell.is-top .edge-fade-mask-top,.edge-fade-shell.is-bottom .edge-fade-mask-bottom{opacity:1}.dirty-wrap{flex-direction:column;gap:10px;width:min(100%,300px);display:flex}.dirty-wrap input{box-sizing:border-box;width:100%;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;padding:0 12px;font-size:.9rem;line-height:1}.dirty-wrap input:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-color) 8%,transparent)}.dirty-bar{min-height:36px;color:color-mix(in srgb,var(--text-color) 55%,transparent);opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;padding:0 4px;font-size:.8rem;line-height:1.2;transition:opacity .22s,transform .25s;display:flex;transform:translateY(4px)}.dirty-wrap.is-dirty .dirty-bar{opacity:1;pointer-events:auto;transform:none}.dirty-bar button{appearance:none;cursor:pointer;height:30px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:0 12px;font-size:.78rem;font-weight:500;line-height:1}.seen-row{justify-content:flex-end;align-items:flex-end;gap:8px;width:min(100%,300px);display:flex}.seen-bubble{background:color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:12px 12px 4px;max-width:75%;padding:10px 12px;font-size:.88rem;line-height:1.35}.seen-ticks{flex-shrink:0;width:22px;height:14px;margin-bottom:2px}.seen-ticks path{fill:none;stroke:color-mix(in srgb,var(--text-color) 35%,transparent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke .2s,stroke-dashoffset .35s}.seen-row.is-sent .seen-ticks .tick-a{stroke-dashoffset:0}.seen-row.is-seen .seen-ticks path{stroke-dashoffset:0;stroke:color-mix(in srgb,#3a8 70%,var(--text-color))}.nudge-wrap{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,300px);display:flex}.nudge-field{box-sizing:border-box;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);transform-origin:50%;background:0 0;border-radius:8px;outline:none;padding:0 12px;font-size:.9rem;line-height:1;transition:border-color .2s}.nudge-field.is-nudge{border-color:color-mix(in srgb,var(--text-color) 45%,transparent);animation:.36s ease-out both nudge-buzz}@keyframes nudge-buzz{0%,to{transform:translate(0)scale(1)}20%{transform:translate(-2px)scale(1.01)}40%{transform:translate(2px)scale(1.012)}60%{transform:translate(-1px)scale(1.008)}80%{transform:translate(1px)scale(1)}}.nudge-btn{appearance:none;cursor:pointer;height:36px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;align-self:flex-start;padding:0 12px;font-size:.82rem;font-weight:500;line-height:1}.stack-wrap{flex-direction:column;align-items:stretch;width:min(100%,320px);display:flex}.stack{width:100%;height:72px;margin-top:18px;position:relative}.stack-card{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:var(--background-color);min-height:52px;box-shadow:0 4px 14px color-mix(in srgb,var(--text-color) 8%,transparent);transform-origin:bottom;border-radius:12px;align-items:center;padding:12px 14px;font-size:.85rem;font-weight:500;line-height:1.35;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s,box-shadow .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.stack:not(.is-open) .stack-card:first-child{z-index:3;transform:translateY(0)scale(1)}.stack:not(.is-open) .stack-card:nth-child(2){z-index:2;opacity:.98;transform:translateY(-9px)scale(.94)}.stack:not(.is-open) .stack-card:nth-child(3){z-index:1;opacity:.95;transform:translateY(-17px)scale(.88)}.stack.is-open{height:188px;margin-top:0}.stack.is-open .stack-card{opacity:1;box-shadow:0 2px 10px color-mix(in srgb,var(--text-color) 6%,transparent)}.stack.is-open .stack-card:first-child{z-index:3;transform:translateY(0)scale(1)}.stack.is-open .stack-card:nth-child(2){z-index:2;transform:translateY(-68px)scale(1)}.stack.is-open .stack-card:nth-child(3){z-index:1;transform:translateY(-136px)scale(1)}.stack-toggle{appearance:none;cursor:pointer;height:32px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;align-self:flex-start;margin-top:12px;padding:0 12px;font-size:.78rem;font-weight:500;line-height:1}.confirm-btn{appearance:none;cursor:pointer;box-sizing:border-box;width:148px;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:0 16px;font-size:.9rem;font-weight:500;line-height:1;transition:background .2s,border-color .2s,color .2s;position:relative}.confirm-btn.is-ask{border-color:color-mix(in srgb,#c44 45%,var(--text-color));background:#cc444414}.confirm-btn.is-done{color:color-mix(in srgb,#c44 85%,var(--text-color));border-color:color-mix(in srgb,#c44 55%,var(--text-color));background:#cc444414}.confirm-btn.is-settle{animation:.36s ease-out confirm-settle}.confirm-btn span{transition:opacity .2s,transform .25s;display:inline-block}.confirm-btn.is-swap span{opacity:0;transform:translateY(6px)}@keyframes confirm-settle{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.offline-stage{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,300px);display:flex}.offline-banner{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 5%,transparent);opacity:0;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;height:36px;font-size:.82rem;font-weight:500;transition:opacity .28s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(-8px)}.offline-stage.is-off .offline-banner{opacity:1;pointer-events:auto;transform:none}.offline-toggle{appearance:none;cursor:pointer;height:34px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;align-self:flex-start;padding:0 12px;font-size:.82rem;font-weight:500;line-height:1}.sort-flip{flex-direction:column;gap:8px;width:min(100%,300px);display:flex}.sort-flip-btn{appearance:none;cursor:pointer;height:34px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;font-weight:500;line-height:1;display:inline-flex}.sort-flip-btn svg{width:12px;height:12px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.sort-flip.is-desc .sort-flip-btn svg{transform:rotate(180deg)}.sort-flip-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sort-flip-list li{background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:8px 10px;font-size:.88rem;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1)}.sort-flip.is-flip li{opacity:.35;transform:translateY(4px)}.price-cut{font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;display:inline-flex}.price-cut .was{color:color-mix(in srgb,var(--text-color) 45%,transparent);font-size:.95rem;position:relative}.price-cut .strike{pointer-events:none;background:currentColor;width:0;height:1.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.price-cut .now{opacity:0;min-width:2.4ch;font-size:1.25rem;font-weight:600;transform:translateY(6px)}.resend-btn{appearance:none;cursor:pointer;min-width:132px;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:0 16px;font-size:.88rem;font-weight:500;line-height:1;position:relative}.resend-btn:disabled{cursor:default}.resend-btn.is-wait{cursor:default;color:color-mix(in srgb,var(--text-color) 48%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent);border-color:color-mix(in srgb,var(--text-color) 8%,transparent)}.resend-btn .resend-ring{box-sizing:border-box;pointer-events:none;opacity:0;color:var(--text-color);background:conic-gradient(from -90deg, currentColor calc(var(--p,0) * 1%), transparent 0);-webkit-mask-composite:xor;border-radius:9px;padding:1px;transition:opacity .2s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.resend-btn.is-wait .resend-ring{opacity:.8}.resend-btn .resend-txt{z-index:1;position:relative}.stepper{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);border-radius:8px;align-items:center;gap:0;display:inline-flex;overflow:hidden}.stepper button{appearance:none;cursor:pointer;width:40px;height:40px;font:inherit;color:inherit;background:color-mix(in srgb,var(--text-color) 4%,transparent);border:0;padding:0;font-size:1.1rem;line-height:1}.stepper button:hover{background:color-mix(in srgb,var(--text-color) 8%,transparent)}.stepper .stepper-val{font-variant-numeric:tabular-nums;border-left:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);border-right:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);place-items:center;width:48px;height:40px;font-size:.95rem;font-weight:500;display:grid}.stepper-val.is-bump{animation:.28s ease-out stepper-bump}@keyframes stepper-bump{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}.react-wrap{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-height:72px;display:inline-flex;position:relative}.react-fan{opacity:0;pointer-events:none;gap:6px;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(8px)scale(.9)}.react-wrap.is-open .react-fan{opacity:1;pointer-events:auto;transform:none}.react-fan button{appearance:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);width:36px;height:36px;color:inherit;opacity:0;border-radius:50%;font-size:1rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .2s,background .15s;transform:translateY(6px)}.react-wrap.is-open .react-fan button{opacity:1;transform:none}.react-wrap.is-open .react-fan button:first-child{transition-delay:20ms}.react-wrap.is-open .react-fan button:nth-child(2){transition-delay:60ms}.react-wrap.is-open .react-fan button:nth-child(3){transition-delay:.1s}.react-wrap.is-open .react-fan button:nth-child(4){transition-delay:.14s}.react-main{appearance:none;cursor:pointer;height:36px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;padding:0 14px;font-size:.85rem;font-weight:500;line-height:1}.react-main.is-picked{background:color-mix(in srgb,var(--text-color) 8%,transparent)}.sticky-stage{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:10px;width:min(100%,360px);height:150px;position:relative;overflow:hidden}.sticky-scroll{scrollbar-width:thin;height:100%;padding:14px 14px 64px;font-size:.88rem;line-height:1.5;overflow:auto}.sticky-cta{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--background-color) 94%,transparent);opacity:0;pointer-events:none;border-radius:8px;place-items:center;height:40px;font-size:.85rem;font-weight:500;transition:opacity .28s,transform .32s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(12px)}.sticky-stage.is-near .sticky-cta{opacity:1;pointer-events:auto;transform:none}.pw-row{align-items:center;gap:0;width:min(100%,300px);display:flex;position:relative}.pw-row input{box-sizing:border-box;height:42px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;flex:1;padding:0 44px 0 12px;font-size:.9rem;transition:border-color .2s}.pw-row input:focus{border-color:color-mix(in srgb,var(--text-color) 40%,transparent)}.pw-toggle{appearance:none;cursor:pointer;width:34px;height:34px;color:inherit;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-toggle:hover{background:color-mix(in srgb,var(--text-color) 6%,transparent)}.pw-toggle svg{width:18px;height:18px}.pw-toggle .pw-eye{transition:opacity .2s,transform .25s}.pw-toggle .pw-slash{stroke-dasharray:24;stroke-dashoffset:24px;opacity:0;transition:stroke-dashoffset .3s,opacity .2s}.pw-toggle[aria-pressed=true] .pw-eye{opacity:.45;transform:scale(.96)}.pw-toggle[aria-pressed=true] .pw-slash{stroke-dashoffset:0;opacity:1}.otp{gap:8px;display:flex}.otp input{text-align:center;box-sizing:border-box;width:42px;height:48px;font:inherit;font-variant-numeric:tabular-nums;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;font-size:1.15rem;font-weight:500;transition:border-color .2s,transform .2s cubic-bezier(.34,1.4,.64,1),background .2s}.otp input:focus{border-color:color-mix(in srgb,var(--text-color) 45%,transparent);transform:scale(1.04)}.otp input.is-filled{background:color-mix(in srgb,var(--text-color) 5%,transparent)}.otp input.is-pop{animation:.28s ease-out otp-pop}@keyframes otp-pop{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.inline-edit{flex-direction:column;gap:0;width:min(100%,320px);display:flex}.inline-edit .ie-head{justify-content:space-between;align-items:baseline;gap:12px;min-height:28px;display:flex}.inline-edit .ie-title{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;margin:0;padding:0;font-size:1.05rem;font-weight:500;line-height:1.3;transition:opacity .2s,transform .25s}.inline-edit .ie-rename{appearance:none;font:inherit;color:color-mix(in srgb,var(--text-color) 45%,transparent);cursor:pointer;opacity:0;background:0 0;border:0;flex-shrink:0;margin:0;padding:0;font-size:.78rem;font-weight:500;transition:opacity .2s,transform .25s,color .15s;transform:translate(4px)}.inline-edit:hover .ie-rename,.inline-edit:focus-within .ie-rename{opacity:1;transform:none}.inline-edit .ie-rename:hover{color:inherit}.inline-edit .ie-panel{opacity:0;pointer-events:none;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .25s,margin .3s;display:grid}.inline-edit .ie-panel>div{min-height:0;overflow:hidden}.inline-edit.is-edit .ie-panel{opacity:1;pointer-events:auto;grid-template-rows:1fr;margin-top:10px}.inline-edit.is-edit .ie-title{opacity:.4;transform-origin:0;pointer-events:none;transform:translateY(-2px)scale(.92)}.inline-edit.is-edit .ie-rename{opacity:0;pointer-events:none}.inline-edit .ie-input{box-sizing:border-box;width:100%;height:40px;font:inherit;color:inherit;border:0;border-bottom:1.5px solid color-mix(in srgb,var(--text-color) 18%,transparent);background:0 0;border-radius:0;outline:none;padding:0;font-size:1.05rem;font-weight:500;transition:border-color .2s}.inline-edit .ie-input:focus{border-bottom-color:currentColor}.inline-edit .ie-bar{opacity:0;justify-content:flex-end;gap:6px;padding-top:10px;transition:opacity .25s 80ms,transform .3s cubic-bezier(.22,1,.36,1) 80ms;display:flex;transform:translateY(-4px)}.inline-edit.is-edit .ie-bar{opacity:1;transform:none}.inline-edit .ie-bar button{appearance:none;cursor:pointer;height:30px;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 12px;font-size:.78rem;font-weight:500;line-height:1}.inline-edit .ie-cancel:hover{background:color-mix(in srgb,var(--text-color) 6%,transparent)}.inline-edit .ie-save{border-color:color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 6%,transparent)}.inline-edit .ie-save:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent)}.rel-time{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 65%,transparent);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.rel-time .rel-dot{opacity:.45;background:currentColor;border-radius:50%;width:7px;height:7px}.rel-time.is-live .rel-dot{opacity:.9;animation:1.6s ease-in-out infinite rel-pulse}.rel-time .rel-label{min-width:4.5em;transition:opacity .25s,transform .3s}.rel-time.is-tick .rel-label{opacity:0;transform:translateY(4px)}@keyframes rel-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.exp-search{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:8px;width:42px;height:42px;transition:width .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.exp-search.is-open{width:min(100%,300px)}.exp-search button{appearance:none;width:42px;height:42px;color:inherit;cursor:pointer;z-index:1;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;left:0}.exp-search button svg{width:16px;height:16px}.exp-search input{width:calc(100% - 42px);height:100%;color:inherit;font:inherit;opacity:0;pointer-events:none;background:0 0;border:0;outline:none;padding:0 12px 0 0;font-size:.9rem;transition:opacity .2s .1s;position:absolute;inset:0 0 0 42px}.exp-search.is-open input{opacity:1;pointer-events:auto}.ok-field{width:min(100%,300px);position:relative}.ok-field input{box-sizing:border-box;width:100%;height:42px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;outline:none;padding:0 40px 0 12px;font-size:.9rem;transition:border-color .25s,box-shadow .25s}.ok-field.is-ok input{border-color:color-mix(in srgb,#2a8 50%,var(--text-color));box-shadow:0 0 0 3px #22aa881f}.ok-field .ok-check{opacity:0;pointer-events:none;width:18px;height:18px;margin-top:-9px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.4,.64,1);position:absolute;top:50%;right:12px;transform:scale(.6)}.ok-field.is-ok .ok-check{opacity:1;transform:scale(1)}.ok-field .ok-check path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px}.ok-field.is-ok .ok-check path{animation:.35s 50ms forwards ok-draw}@keyframes ok-draw{to{stroke-dashoffset:0}}.unread-list{flex-direction:column;gap:4px;width:min(100%,320px);display:flex}.unread-row{appearance:none;text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;border:1px solid color-mix(in srgb,var(--text-color) 8%,transparent);background:color-mix(in srgb,var(--text-color) 7%,transparent);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;transition:background .28s,border-color .28s,color .25s;display:flex}.unread-row:hover{background:color-mix(in srgb,var(--text-color) 10%,transparent)}.unread-row.is-read{color:color-mix(in srgb,var(--text-color) 55%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-color:#0000}.unread-row.is-read:hover{background:color-mix(in srgb,var(--text-color) 4%,transparent)}.unread-row.is-read strong{font-weight:400}.unread-row strong{font-weight:500}.unread-mark{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid;position:relative}.unread-dot{background:currentColor;border-radius:50%;width:8px;height:8px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .22s}.unread-check{opacity:0;width:16px;height:16px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.4,.64,1);position:absolute;inset:0;transform:scale(.55)}.unread-check path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px}.unread-row.is-read .unread-dot{opacity:0;transform:scale(.5)}.unread-row.is-read .unread-check{opacity:.75;transform:scale(1)}.unread-row.is-read .unread-check path{animation:.3s 50ms forwards unread-draw}@keyframes unread-draw{to{stroke-dashoffset:0}}.sync-row{align-items:center;gap:10px;font-size:.88rem;display:inline-flex}.sync-btn{appearance:none;cursor:pointer;width:36px;height:36px;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:8px;place-items:center;display:grid;position:relative}.sync-btn svg{width:16px;height:16px;display:block}.sync-btn .sync-arrows{transform-origin:50%;transition:opacity .2s}.sync-btn.is-spin .sync-arrows{opacity:1;animation:.75s linear infinite sync-spin}.sync-btn .sync-check{opacity:0;margin:-8px 0 0 -8px;transition:opacity .25s,transform .3s cubic-bezier(.34,1.4,.64,1);position:absolute;top:50%;left:50%;transform:scale(.7)}.sync-btn.is-spin .sync-check{opacity:0;transform:scale(.7)}.sync-btn.is-done .sync-arrows{opacity:0}.sync-btn.is-done .sync-check{opacity:1;transform:scale(1)}.sync-btn.is-settle{animation:.34s ease-out sync-settle}@keyframes sync-spin{to{transform:rotate(360deg)}}@keyframes sync-settle{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.sync-label{min-width:5.5em;color:color-mix(in srgb,var(--text-color) 60%,transparent);transition:opacity .2s}.sync-row.is-ok .sync-label{color:inherit}.metric{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.metric-val{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.75rem;font-weight:600;line-height:1.1}.metric-label{color:color-mix(in srgb,var(--text-color) 55%,transparent);font-size:.8rem}.ghost-wrap{cursor:pointer;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent);box-sizing:border-box;border-radius:8px;width:min(100%,320px);min-height:48px;padding:12px 48px 12px 14px;font-size:.95rem;font-weight:500;line-height:1.4;position:relative}.ghost-wrap .ghost-hint{color:color-mix(in srgb,var(--text-color) 35%,transparent);transition:opacity .25s,filter .3s}.ghost-wrap.is-accepted .ghost-hint{opacity:0;filter:blur(3px)}.ghost-wrap .ghost-key{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);color:color-mix(in srgb,var(--text-color) 50%,transparent);border-radius:4px;padding:3px 6px;font-family:monospace;font-size:.68rem;font-weight:500;transition:opacity .2s,transform .25s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ghost-wrap.is-accepted .ghost-key{opacity:0;pointer-events:none;transform:translateY(-50%)translate(6px)}.ghost-wrap.is-flash{animation:.45s ghost-flash}@keyframes ghost-flash{0%{background:color-mix(in srgb,var(--text-color) 8%,transparent)}to{background:color-mix(in srgb,var(--text-color) 2.5%,transparent)}}.cmd-stage{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:10px;width:min(100%,360px);height:236px;position:relative;overflow:hidden}.cmd-stage:before{content:"";z-index:1;pointer-events:none;background:color-mix(in srgb,var(--text-color) 10%,transparent);opacity:0;transition:opacity .28s;position:absolute;inset:0}.cmd-stage.is-open:before{opacity:1}.cmd-stage>.cmd-open{appearance:none;cursor:pointer;z-index:1;height:34px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--background-color) 92%,transparent);border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:500;line-height:1;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmd-palette{z-index:2;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:var(--background-color);box-shadow:0 10px 28px color-mix(in srgb,var(--text-color) 8%,transparent);opacity:0;pointer-events:none;border-radius:9px;flex-direction:column;transition:opacity .22s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:14px;left:12px;right:12px;overflow:hidden;transform:translateY(12px)scale(.96)}.cmd-stage.is-open .cmd-palette{opacity:1;pointer-events:auto;transform:none}.cmd-stage.is-open .cmd-open{opacity:0;pointer-events:none}.cmd-palette input{border:0;border-bottom:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);height:40px;color:inherit;font:inherit;background:0 0;outline:none;padding:0 12px;font-size:.85rem}.cmd-palette ul{flex-direction:column;gap:1px;min-height:132px;margin:0;padding:4px;list-style:none;display:flex}.cmd-palette li{cursor:pointer;opacity:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1),background .15s;display:flex;transform:translateY(6px)}.cmd-stage.is-open .cmd-palette li:not([hidden]){opacity:1;transform:none}.cmd-stage.is-open .cmd-palette li:first-child{transition-delay:40ms}.cmd-stage.is-open .cmd-palette li:nth-child(2){transition-delay:80ms}.cmd-stage.is-open .cmd-palette li:nth-child(3){transition-delay:.12s}.cmd-stage.is-open .cmd-palette li:nth-child(4){transition-delay:.16s}.cmd-palette li.is-on{background:color-mix(in srgb,var(--text-color) 8%,transparent)}.cmd-palette li.is-run{animation:.38s ease-out cmd-run}.cmd-palette li kbd{font:inherit;letter-spacing:.02em;color:color-mix(in srgb,var(--text-color) 45%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:4px;padding:2px 5px;font-size:.68rem;line-height:1.2}.cmd-palette .cmd-empty{text-align:center;color:color-mix(in srgb,var(--text-color) 50%,transparent);padding:18px 10px;font-size:.8rem;display:none}.cmd-palette.is-empty .cmd-empty{display:block}.cmd-palette.is-empty ul{display:none}.cmd-palette .cmd-foot{border-top:1px solid color-mix(in srgb,var(--text-color) 8%,transparent);color:color-mix(in srgb,var(--text-color) 42%,transparent);gap:10px;padding:7px 10px;font-size:.68rem;display:flex}.cmd-palette .cmd-foot span{align-items:center;gap:4px;display:inline-flex}@keyframes cmd-run{0%{transform:scale(1)}35%{transform:scale(1.02)}to{transform:scale(1)}}.crumbs{flex-wrap:wrap;align-items:center;gap:6px;max-width:300px;font-size:.85rem;display:flex}.crumbs a,.crumbs button,.crumbs span{color:color-mix(in srgb,var(--text-color) 55%,transparent);text-decoration:none}.crumbs a:hover{color:inherit}.crumbs .crumb-here{color:inherit;font-weight:500}.crumbs .crumb-sep{opacity:.35;-webkit-user-select:none;user-select:none}.crumbs .crumb-mid{max-width:120px;transition:max-width .4s cubic-bezier(.22,1,.36,1),opacity .25s;display:inline-flex;overflow:hidden}.crumbs.is-short .crumb-mid{opacity:0;max-width:0}.crumbs .crumb-more{appearance:none;cursor:pointer;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);opacity:0;border-width:0;border-radius:4px;max-width:0;padding:2px 0;font-size:.8rem;font-weight:500;line-height:1.2;transition:opacity .25s,max-width .35s,padding .3s,border-width .2s;overflow:hidden}.crumbs.is-short .crumb-more{opacity:1;border-width:1px;max-width:40px;padding:2px 7px}.mic-wrap{flex-direction:column;align-items:center;gap:10px;display:inline-flex}.mic-btn{appearance:none;cursor:pointer;width:52px;height:52px;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:50%;place-items:center;display:grid;position:relative}.mic-btn svg{z-index:1;width:20px;height:20px;position:relative}.mic-btn:before,.mic-btn:after{content:"";border:1px solid color-mix(in srgb,var(--text-color) 25%,transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0;transform:scale(.85)}.mic-btn.is-on{color:#fff;background:#c44;border-color:#c44}.mic-btn.is-on:before,.mic-btn.is-on:after{border-color:#c44}.mic-btn.is-on:before{animation:1.4s ease-out infinite mic-ring}.mic-btn.is-on:after{animation:1.4s ease-out .45s infinite mic-ring}@keyframes mic-ring{0%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(1.55)}}.mic-label{color:color-mix(in srgb,var(--text-color) 55%,transparent);min-height:1.2em;font-size:.8rem}.diff-pane{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:8px;width:min(100%,340px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;overflow:hidden}.diff-line{color:color-mix(in srgb,var(--text-color) 70%,transparent);gap:10px;padding:4px 10px;display:flex}.diff-line .n{opacity:.4;text-align:right;flex-shrink:0;width:1.2em}.diff-add{color:inherit;background:#22aa881a;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.diff-add>.diff-add-inner{opacity:0;gap:10px;min-height:0;padding:0 10px;transition:opacity .3s 80ms,transform .35s cubic-bezier(.22,1,.36,1) 50ms,padding .35s;display:flex;overflow:hidden;transform:translateY(-4px)}.diff-pane.is-on .diff-add{grid-template-rows:1fr}.diff-pane.is-on .diff-add>.diff-add-inner{opacity:1;padding:4px 10px;transform:none}.diff-add .mark{color:color-mix(in srgb,#2a8 70%,var(--text-color));flex-shrink:0;width:1em}.slots{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,320px);display:grid}.slot{appearance:none;cursor:pointer;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:0 0;border-radius:8px;font-size:.82rem;font-weight:500;line-height:1;position:relative;overflow:hidden}.slot>i{background:color-mix(in srgb,var(--text-color) 8%,transparent);transform-origin:bottom;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleY(0)}.slot>span{z-index:1;position:relative}.slot.is-on{border-color:color-mix(in srgb,var(--text-color) 28%,transparent)}.slot.is-on>i{transform:scaleY(1)}.slot.is-on>span{font-weight:600}.zoom-stage{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:10px;width:min(100%,340px);height:180px;position:relative;overflow:hidden}.zoom-thumb{appearance:none;cursor:zoom-in;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--text-color) 18%,transparent),transparent 55%), color-mix(in srgb,var(--text-color) 6%,transparent);z-index:2;border-radius:6px;width:64px;height:48px;padding:0;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:18px;left:18px}.zoom-full{opacity:0;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--text-color) 16%,transparent),transparent 50%), color-mix(in srgb,var(--text-color) 5%,transparent);transform-origin:0 100%;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.42)translate(-42%,28%)}.zoom-stage.is-open .zoom-thumb{opacity:0;pointer-events:none;transform:scale(.9)}.zoom-stage.is-open .zoom-full{opacity:1;pointer-events:auto;cursor:zoom-out;transform:none}.zoom-caption{opacity:0;font-size:.78rem;font-weight:500;transition:opacity .25s .1s,transform .3s .1s;position:absolute;bottom:12px;left:14px;transform:translateY(6px)}.zoom-stage.is-open .zoom-caption{opacity:.7;transform:none}.bulk-stage{flex-direction:column;gap:8px;width:min(100%,340px);padding-bottom:52px;display:flex;position:relative}.bulk-row{border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:.85rem;transition:border-color .2s,background .2s;display:flex}.bulk-row.is-on{border-color:color-mix(in srgb,var(--text-color) 22%,transparent);background:color-mix(in srgb,var(--text-color) 5%,transparent)}.bulk-check{appearance:none;cursor:pointer;border:1.5px solid color-mix(in srgb,var(--text-color) 28%,transparent);background:0 0;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;padding:0;display:grid}.bulk-check svg{opacity:0;width:10px;height:10px;transition:opacity .18s,transform .22s cubic-bezier(.34,1.4,.64,1);transform:scale(.6)}.bulk-row.is-on .bulk-check{border-color:color-mix(in srgb,var(--text-color) 55%,transparent);background:color-mix(in srgb,var(--text-color) 10%,transparent)}.bulk-row.is-on .bulk-check svg{opacity:1;transform:scale(1)}.bulk-bar{border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:var(--background-color);opacity:0;pointer-events:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 12px;transition:opacity .25s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.bulk-stage.is-sel .bulk-bar{opacity:1;pointer-events:auto;transform:none}.bulk-bar .bulk-count{font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-color) 55%,transparent);font-size:.8rem}.bulk-bar button{appearance:none;cursor:pointer;height:28px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:6px;padding:0 10px;font-size:.75rem;font-weight:500;line-height:1}.env-switch{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 3%,transparent);border-radius:9px;gap:2px;padding:3px;display:inline-flex;position:relative}.env-switch .env-ink{pointer-events:none;background:#cc99002e;border-radius:6px;width:calc(50% - 4px);transition:transform .32s cubic-bezier(.22,1,.36,1),background .3s;position:absolute;top:3px;bottom:3px;left:3px}.env-switch.is-prod .env-ink{background:#22aa882e;transform:translate(calc(100% + 4px))}.env-switch button{appearance:none;z-index:1;cursor:pointer;min-width:92px;height:32px;color:color-mix(in srgb,var(--text-color) 55%,transparent);font:inherit;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:.8rem;font-weight:500;transition:color .2s;position:relative}.env-switch button.is-on{color:inherit}.env-switch:not(.is-prod) button[data-env=staging].is-on{color:color-mix(in srgb,#c90 75%,var(--text-color))}.env-switch.is-prod button[data-env=prod]{color:color-mix(in srgb,#2a8 75%,var(--text-color))}.invite-row{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,340px);height:48px;padding:0 12px;transition:border-color .25s,background .25s;display:flex}.invite-row.is-ok{border-color:color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent)}.invite-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.invite-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:550;overflow:hidden}.invite-meta span{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.72rem}.invite-btn{appearance:none;cursor:pointer;min-width:84px;height:32px;font:inherit;color:inherit;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:7px;padding:0 12px;font-size:.78rem;font-weight:500;line-height:1;transition:background .2s,border-color .2s;position:relative;overflow:hidden}.invite-btn .invite-idle,.invite-btn .invite-done{justify-content:center;align-items:center;gap:5px;width:100%;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.invite-btn .invite-done{opacity:0;pointer-events:none;color:color-mix(in srgb,#2a8 75%,var(--text-color));position:absolute;inset:0;transform:translateY(6px)}.invite-btn .invite-done svg{width:12px;height:12px}.invite-btn.is-ok{border-color:color-mix(in srgb,#2a8 75%,var(--text-color));color:color-mix(in srgb,#2a8 75%,var(--text-color));cursor:default;background:0 0}.invite-btn.is-ok .invite-idle{opacity:0;transform:translateY(-6px)}.invite-btn.is-ok .invite-done{opacity:1;transform:none}.invite-btn.is-settle{animation:.34s ease-out invite-settle}@keyframes invite-settle{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.flag-row{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(100%,340px);padding:12px;transition:border-color .25s,background .25s;display:flex}.flag-row.is-on{background:#cc990014;border-color:#c906}.flag-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.flag-meta strong{font-size:.85rem;font-weight:550}.flag-meta span{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.72rem;transition:color .2s}.flag-row.is-on .flag-meta span{color:color-mix(in srgb,#c90 70%,var(--text-color))}.flag-sw{appearance:none;cursor:pointer;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:color-mix(in srgb,var(--text-color) 6%,transparent);border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .25s,border-color .25s;position:relative}.flag-sw:after{content:"";background:currentColor;border-radius:50%;width:18px;height:18px;transition:transform .28s cubic-bezier(.22,1.2,.36,1);position:absolute;top:3px;left:3px}.flag-sw[aria-checked=true],.flag-row.is-on .flag-sw{background:#cc99006b;border-color:#cc990080}.flag-sw[aria-checked=true]:after,.flag-row.is-on .flag-sw:after{transform:translate(18px)}.flag-row.is-warn{animation:.4s ease-out flag-warn}@keyframes flag-warn{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}}.deploy{flex-direction:column;gap:12px;width:min(100%,340px);display:flex}.deploy-steps{align-items:center;gap:0;width:100%;display:flex}.deploy-node{width:56px;color:color-mix(in srgb,var(--text-color) 45%,transparent);flex-direction:column;flex:none;align-items:center;gap:6px;font-size:.68rem;transition:color .15s linear;display:flex}.deploy-node i{border:1.5px solid color-mix(in srgb,var(--text-color) 22%,transparent);box-sizing:border-box;background:0 0;border-radius:50%;width:12px;height:12px;transition:background .12s linear,border-color .12s linear,transform .18s ease-out;display:block}.deploy-wire{background:color-mix(in srgb,var(--text-color) 12%,transparent);flex:1;height:1.5px;margin-bottom:18px;position:relative;overflow:hidden}.deploy-wire>b{transform-origin:0;background:color-mix(in srgb,var(--text-color) 45%,transparent);width:100%;position:absolute;inset:0;transform:scaleX(0)}.deploy-node.is-done,.deploy-node.is-live{color:inherit}.deploy-node.is-done i,.deploy-node.is-live i{background:color-mix(in srgb,var(--text-color) 55%,transparent);border-color:#0000;transform:scale(1)}.deploy-node[data-dn="1"].is-done{color:color-mix(in srgb,#c90 80%,var(--text-color))}.deploy-node[data-dn="1"].is-done i{background:#c90;border-color:#0000}.deploy-node.is-live{color:color-mix(in srgb,#2a8 80%,var(--text-color))}.deploy-node.is-live i{background:#22aa88bf}.deploy-node.is-fail{color:color-mix(in srgb,#c44 85%,var(--text-color))}.deploy-node.is-fail i{background:#c44;border-color:#0000}.deploy-node.is-busy i{border-color:color-mix(in srgb,var(--text-color) 50%,transparent)}.deploy[data-step="1"] .deploy-wire:nth-child(2)>b{background:#c90;animation:1.6s linear forwards deploy-fill}.deploy[data-step="2"] .deploy-wire:nth-child(2)>b,.deploy[data-step="3"] .deploy-wire:nth-child(2)>b{background:#c90;transform:scaleX(1)}.deploy[data-step="2"] .deploy-wire:nth-child(4)>b{background:#22aa88d9;animation:.9s linear forwards deploy-fill}.deploy[data-step="3"] .deploy-wire:nth-child(4)>b{background:#22aa88d9;transform:scaleX(1)}.deploy[data-step=fail] .deploy-wire:nth-child(2)>b{background:#c44;animation:none;transform:scaleX(1)}.deploy-label{min-height:1.2em;font-size:.82rem;font-weight:500;transition:opacity .12s linear}.deploy-label.is-tick{opacity:.35}@keyframes deploy-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ws-list{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:10px;flex-direction:column;gap:2px;width:min(100%,300px);padding:4px;display:flex;position:relative}.ws-ink{pointer-events:none;background:color-mix(in srgb,var(--text-color) 7%,transparent);border-radius:7px;height:40px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:4px;right:4px}.ws-item{appearance:none;z-index:1;cursor:pointer;height:40px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:.84rem;display:flex;position:relative}.ws-item .ws-av{background:color-mix(in srgb,var(--text-color) 14%,transparent);border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.65rem;font-weight:600;display:grid}.ws-item[data-ws="1"] .ws-av{background:#4488aa38}.ws-item[data-ws="2"] .ws-av{background:#aa884438}.ws-item[data-ws="3"] .ws-av{background:#22aa8838}.ws-item span{flex:1}.ws-item .ws-check{opacity:0;width:14px;height:14px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.4,.64,1);transform:scale(.7)}.ws-item.is-on .ws-check{opacity:1;transform:scale(1)}.thread{border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;width:min(100%,340px);transition:border-color .25s,background .25s;overflow:hidden}.thread.is-done{background:#22aa880d;border-color:#22aa884d}.thread-head{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.thread-head p{margin:0;font-size:.84rem;line-height:1.35}.thread-body{grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.thread-body>div{min-height:0;overflow:hidden}.thread-body p{color:color-mix(in srgb,var(--text-color) 60%,transparent);margin:0;padding:0 12px 12px;font-size:.78rem;line-height:1.45}.thread.is-done .thread-body{grid-template-rows:0fr}.thread-resolve{appearance:none;cursor:pointer;height:28px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--text-color) 4%,transparent);border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:.72rem;font-weight:500;line-height:1;display:inline-flex}.thread-resolve svg{flex-shrink:0;width:12px;height:12px;display:block}.thread-resolve .thread-ico-idle{opacity:1;transition:opacity .18s,transform .22s;transform:none}.thread-resolve .thread-ico-done{opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.34,1.4,.64,1);position:absolute;transform:scale(.6)}.thread-resolve{position:relative}.thread-resolve .thread-icos{flex-shrink:0;width:12px;height:12px;position:relative}.thread-resolve .thread-icos svg{position:absolute;top:0;left:0}.thread.is-done .thread-resolve{color:color-mix(in srgb,#2a8 75%,var(--text-color));border-color:color-mix(in srgb,#2a8 55%,var(--text-color));cursor:default;background:0 0}.thread.is-done .thread-resolve .thread-ico-idle{opacity:0;transform:scale(.6)}.thread.is-done .thread-resolve .thread-ico-done{opacity:1;transform:scale(1)}.thread.is-done .thread-resolve .thread-lbl,.thread .thread-done-lbl{display:none}.thread.is-done .thread-done-lbl{display:inline}.unfurl{flex-direction:column;gap:8px;width:min(100%,340px);display:flex}.unfurl-url{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2.5%,transparent);height:40px;color:color-mix(in srgb,var(--text-color) 65%,transparent);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;display:flex}.unfurl-card{opacity:0;border:1px solid #0000;border-radius:8px;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .3s,border-color .25s;display:grid;overflow:hidden}.unfurl-card>div{min-height:0;overflow:hidden}.unfurl.is-on .unfurl-card{opacity:1;border-color:color-mix(in srgb,var(--text-color) 12%,transparent);grid-template-rows:1fr}.unfurl-inner{align-items:center;gap:10px;padding:10px 12px;display:flex}.unfurl-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--text-color) 16%,transparent),transparent 60%), color-mix(in srgb,var(--text-color) 6%,transparent);opacity:0;border-radius:6px;flex-shrink:0;width:40px;height:40px;transition:transform .35s cubic-bezier(.22,1,.36,1) 80ms,opacity .25s 80ms;transform:scale(.85)}.unfurl.is-on .unfurl-thumb{opacity:1;transform:none}.unfurl-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.unfurl-copy strong{font-size:.82rem;font-weight:550}.unfurl-copy span{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.72rem}.seats{align-items:center;gap:8px;display:flex}.seat{box-sizing:border-box;border:1.5px dashed color-mix(in srgb,var(--text-color) 22%,transparent);width:36px;height:36px;color:color-mix(in srgb,var(--text-color) 40%,transparent);background:0 0;border-radius:50%;place-items:center;font-size:.7rem;font-weight:600;transition:border-color .25s,background .25s,color .2s,transform .3s cubic-bezier(.34,1.4,.64,1);display:grid}.seat.is-on{background:color-mix(in srgb,var(--text-color) 14%,transparent);color:inherit;border-style:solid;border-color:#0000;transform:scale(1.06)}.seat[data-seat="1"].is-on{background:#4488aa47}.seat[data-seat="2"].is-on{background:#aa884447}.seat[data-seat="3"].is-on{background:#22aa8847}.seat-label{color:color-mix(in srgb,var(--text-color) 55%,transparent);min-width:4.5em;margin-left:4px;font-size:.8rem}.form-prog{flex-direction:column;gap:10px;width:min(100%,320px);display:flex}.form-prog-bar{background:color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:99px;height:3px;overflow:hidden}.form-prog-bar>i{border-radius:inherit;background:color-mix(in srgb,var(--text-color) 55%,transparent);width:0;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.form-prog-fields{flex-direction:column;gap:6px;display:flex}.form-prog-field{appearance:none;cursor:pointer;text-align:left;height:40px;font:inherit;color:inherit;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:.84rem;font-weight:500;transition:border-color .2s,background .2s;display:flex}.form-prog-field.is-on{background:#22aa880f;border-color:#22aa884d}.form-prog-field svg{opacity:0;width:14px;height:14px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.4,.64,1);transform:scale(.6)}.form-prog-field.is-on svg{opacity:1;transform:scale(1)}.form-prog-meta{color:color-mix(in srgb,var(--text-color) 50%,transparent);font-variant-numeric:tabular-nums;font-size:.75rem}.mention{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:8px;width:min(100%,340px);min-height:72px;padding:12px 14px;font-size:.88rem;line-height:1.5}.mention b{background:0 0;border-radius:4px;padding:1px 4px;font-weight:550;transition:background .25s,box-shadow .25s}.mention.is-flash b{background:color-mix(in srgb,var(--text-color) 10%,transparent);animation:.7s mention-flash}@keyframes mention-flash{0%{background:color-mix(in srgb,var(--text-color) 18%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--text-color) 12%,transparent)}40%{background:color-mix(in srgb,var(--text-color) 12%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--text-color) 6%,transparent)}to{background:color-mix(in srgb,var(--text-color) 8%,transparent);box-shadow:0 0 #0000}}.glyph-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,340px);display:grid}.glyph-tile{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:color-mix(in srgb,var(--text-color) 2%,transparent);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;display:flex}.glyph-tile svg{width:36px;height:36px;color:inherit;overflow:visible}.glyph-tile path,.glyph-tile line,.glyph-tile circle{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.glyph-tile span{letter-spacing:.02em;color:color-mix(in srgb,var(--text-color) 50%,transparent);font-size:.68rem;font-weight:500}@media (prefers-reduced-motion:reduce){.breath-dot,.breath-ring,.wave.is-live span,.ink-drop,.marquee-track,.skel-line,.save-btn.is-loading .spin,.badge.is-bump,.like-btn.is-pop,.save-status.is-saving .dot,.stars button.is-pop svg,.field.is-invalid input,.save-btn.is-done .check path,.ux-check[aria-checked=true] .ux-box path,.char-meta.is-warn,.success-banner.is-on path,.typing span,.conn-dot,.indet>i,.toast.is-on .toast-timer>i,.stagger-list.is-in .stagger-item,.submit-wrap.is-loading .submit-ring rect,.submit-wrap.is-settle,.hold-btn.is-settle,.confirm-btn.is-settle,.sync-btn.is-settle,.invite-btn.is-settle,.retry-btn.is-shake-err,.retry-btn.is-shake-ok,.cart-badge.is-pop,.mute-btn .x-line,.presence.is-ping .presence-dot:after,.tag-chip,.nudge-field.is-nudge,.tilt-scene:hover .tilt-tile:before,.demo-replay.is-tap,.hit.is-tap,.stack-toggle.is-tap,.nudge-btn.is-tap,.wipe.is-tap,.save-btn.is-tap,.copy-btn.is-tap,.like-btn.is-tap,.pin-btn.is-tap,.retry-btn.is-tap,.wizard-nav button.is-tap,.mute-btn.is-tap,.scan:hover:after,.scan.is-on:after,.cascade.is-in b,.stepper-val.is-bump,.otp input.is-pop,.rel-time.is-live .rel-dot,.sync-btn.is-spin .sync-arrows,.ok-field.is-ok .ok-check path,.unread-row.is-read .unread-check path,.mic-btn.is-on:before,.mic-btn.is-on:after,.ghost-wrap.is-flash,.cmd-palette li.is-run,.flag-row.is-warn,.mention.is-flash b{animation:none!important}.breath-dot,.breath-ring{opacity:1;transform:none}.wave span{opacity:.75;transform:none!important}.grow-link:after,.wipe,.wipe .b,.shuffle .card,.odo-digit>b,.flap-reel,.step-node,.step-line>i,.switch,.switch:after,.copy-btn .c-idle,.copy-btn .c-done,.field label,.tip-bubble,.chip,.like-btn svg,.disc-btn svg,.disc-panel,.snack,.save-btn,.ux-box,.seg-pill,.soft-tabs-ink,.list-actions,.success-banner,.search-clear,.pin-btn svg,.submit-ring rect,.hold-btn .hold-fill,.toast,.menu-btn .menu-line,.stars button,.conn,.retry-btn,.sort-item,.mute-btn .wave,.mute-btn .x-line,.wizard-dots span,.cart-badge,.range-bubble,.filter-list li,.upload-bar>i,.quota-track>i,.quota-tip,.splitbtn-toggle svg,.splitbtn-menu,.presence-dot,.draft-banner,.tag-chip,.empty-state,.empty-item,.deadline,.deadline-clock,.deadline-track>i,.edge-fade-mask,.dirty-bar,.seen-ticks path,.nudge-field,.stack-card,.blur-line,.xface span,.magnet-chip,.confirm-btn,.confirm-btn span,.offline-banner,.sort-flip-btn svg,.sort-flip-list li,.react-fan,.react-fan button,.sticky-cta,.pw-toggle .pw-eye,.pw-toggle .pw-slash,.otp input,.exp-search,.exp-search input,.ok-field input,.ok-field .ok-check,.unread-dot,.unread-check,.unread-row,.sync-label,.sync-btn .sync-arrows,.sync-btn .sync-check,.inline-edit .ie-title,.inline-edit .ie-rename,.inline-edit .ie-panel,.inline-edit .ie-input,.inline-edit .ie-bar,.ghost-wrap .ghost-hint,.ghost-wrap .ghost-key,.cmd-palette,.cmd-palette li,.cmd-stage:before,.crumb-mid,.crumb-more,.diff-add,.diff-add>.diff-add-inner,.slot>i,.zoom-thumb,.zoom-full,.zoom-caption,.bulk-bar,.bulk-check svg,.bulk-row,.env-switch .env-ink,.env-switch button,.invite-btn .invite-idle,.invite-btn .invite-done,.flag-row,.flag-sw,.flag-sw:after,.deploy-node,.deploy-node i,.deploy-wire>b,.ws-ink,.ws-item .ws-check,.thread,.thread-body,.thread-resolve svg,.unfurl-card,.unfurl-thumb,.seat,.form-prog-bar>i,.form-prog-field,.form-prog-field svg,.mention b,.glyph-tile path,.glyph-tile line,.glyph-tile circle{transition:none!important}.wipe.is-swapped .b{clip-path:inset(0)}.marquee-track{transform:none}.save-btn.is-done .check path,.ux-check[aria-checked=true] .ux-box path{stroke-dashoffset:0}.skel-wrap.is-ready .skel-content{opacity:1;animation:none;transform:none}.mute-btn[aria-pressed=true] .x-line{stroke-dashoffset:0;opacity:1}.stagger-item{opacity:1;transform:none}.typing span{opacity:.55}.presence.is-ping .presence-dot:after{opacity:0;transform:none}.splitbtn.is-open .splitbtn-menu,.draft-banner.is-on,.empty-fill.is-filled .empty-item,.dirty-wrap.is-dirty .dirty-bar{opacity:1;transform:none}.seen-row.is-sent .seen-ticks .tick-a,.seen-row.is-seen .seen-ticks path{stroke-dashoffset:0}.stack:not(.is-open) .stack-card:first-child{transform:none}.stack:not(.is-open) .stack-card:nth-child(2){opacity:.98;transform:translateY(-9px)}.stack:not(.is-open) .stack-card:nth-child(3){opacity:.95;transform:translateY(-17px)}.stack.is-open .stack-card{transform:none}.nudge-field.is-nudge{animation:none}.cascade b,.cascade.is-in b{opacity:1;transform:none;animation:none!important}.blur-line{filter:none;opacity:1}.offline-stage.is-off .offline-banner,.react-wrap.is-open .react-fan,.react-wrap.is-open .react-fan button,.sticky-stage.is-near .sticky-cta{opacity:1;transform:none}.ok-field.is-ok .ok-check path{stroke-dashoffset:0}.pw-toggle[aria-pressed=true] .pw-slash{stroke-dashoffset:0;opacity:1}.exp-search.is-open{width:min(100%,300px)}.exp-search.is-open input{opacity:1}.sync-btn.is-done .sync-arrows{opacity:0}.sync-btn.is-done .sync-check{opacity:1;transform:scale(1)}.unread-row.is-read .unread-check path{stroke-dashoffset:0}.inline-edit.is-edit .ie-panel{opacity:1;grid-template-rows:1fr;margin-top:10px}.inline-edit.is-edit .ie-bar,.cmd-stage.is-open .cmd-palette,.cmd-stage.is-open .cmd-palette li:not([hidden]){opacity:1;transform:none}.cmd-stage.is-open:before{opacity:1}.cmd-palette li.is-run{animation:none}.diff-pane.is-on .diff-add{grid-template-rows:1fr}.diff-pane.is-on .diff-add>.diff-add-inner{opacity:1;padding:4px 10px;transform:none}.zoom-stage.is-open .zoom-full{opacity:1;transform:none}.zoom-stage.is-open .zoom-caption{opacity:.7;transform:none}.ghost-wrap.is-accepted .ghost-fill{opacity:1}.crumbs.is-short .crumb-more{opacity:1;border-width:1px;max-width:40px;padding:2px 7px}.crumbs.is-short .crumb-mid{opacity:0;max-width:0}.ghost-wrap.is-flash{animation:none}.bulk-stage.is-sel .bulk-bar{opacity:1;transform:none}.bulk-row.is-on .bulk-check svg{opacity:1;transform:scale(1)}.env-switch.is-prod .env-ink{transform:translate(calc(100% + 4px))}.invite-btn.is-ok .invite-idle{opacity:0;transform:translateY(-6px)}.invite-btn.is-ok .invite-done{opacity:1;transform:none}.flag-sw[aria-checked=true]:after,.flag-row.is-on .flag-sw:after{transform:translate(18px)}.deploy[data-step="1"] .deploy-wire:nth-child(2)>b,.deploy[data-step="2"] .deploy-wire:nth-child(2)>b,.deploy[data-step="3"] .deploy-wire:nth-child(2)>b,.deploy[data-step=fail] .deploy-wire:nth-child(2)>b,.deploy[data-step="2"] .deploy-wire:nth-child(4)>b,.deploy[data-step="3"] .deploy-wire:nth-child(4)>b{animation:none;transform:scaleX(1)}.deploy-label.is-tick{opacity:1}.ws-item.is-on .ws-check{opacity:1;transform:scale(1)}.thread.is-done .thread-body{grid-template-rows:0fr}.thread.is-done .thread-resolve .thread-ico-idle{opacity:0}.thread.is-done .thread-resolve .thread-ico-done{opacity:1;transform:scale(1)}.unfurl.is-on .unfurl-card{opacity:1;grid-template-rows:1fr}.unfurl.is-on .unfurl-thumb{opacity:1;transform:none}.seat.is-on{transform:none}.form-prog-field.is-on svg{opacity:1;transform:scale(1)}.mention.is-flash b{background:color-mix(in srgb,var(--text-color) 8%,transparent);animation:none}.glyph-tile path,.glyph-tile line,.glyph-tile circle{stroke-dashoffset:0!important}}@media (max-width:960px){html{touch-action:manipulation}input,textarea,select{font-size:16px!important}}@media (hover:hover) and (pointer:fine){.grow-link:hover:after,.grow-link:focus-visible:after{transform:scaleX(1)}.tilt-scene:hover .tilt-tile:before{opacity:1;animation:3.2s linear infinite tilt-border}.list-row:hover .list-actions,.list-row:focus-within .list-actions{opacity:1;transform:translate(0)}.stars button:hover{transform:translateY(-1px)}.marquee:hover .marquee-track{animation-play-state:paused}}
html,body{min-height:100%;margin:0}