@charset "UTF-8";:root{--ink: #000000;--ink-soft: #0b0d0b;--panel: rgba(10, 16, 11, .72);--panel-solid: rgba(8, 12, 9, .9);--yellow: #ffdd00;--yellow-soft: #fff1a6;--yellow-dim: rgba(255, 221, 0, .35);--white: #fffdf0;--muted: #a8ad9f;--dim: #6f776b;--line: rgba(255, 221, 0, .18);--line-soft: rgba(255, 255, 255, .12);--success: #b9ff75;--danger: #ff7f63;--ease: cubic-bezier(.16, 1, .3, 1);--radius: 24px;--linear-ease: cubic-bezier(.16, 1, .3, 1);--font-ui: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "Cascadia Mono", Consolas, "Microsoft YaHei", monospace;--text-caption: .6875rem;--text-meta: .75rem;--text-label: .875rem;--text-body: 1rem;--text-heading: 1.25rem;--text-display: 2.5rem;--leading-tight: 1.2;--leading-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem}html{background:var(--ink)}body{min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--white);background:#000;font-family:var(--font-ui)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;content:"";box-shadow:inset 0 0 180px #0000009e}.app-shell{position:relative;z-index:1;min-height:100vh;isolation:isolate}.glitter-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#000;transition:transform .62s var(--ease),filter .62s var(--ease),opacity .62s var(--ease)}.glitter-wrap canvas{display:block;width:100%;height:100%}.app-shell.menu-open .glitter-wrap{transform:scale(1.34);filter:blur(9px);opacity:.82}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:transparent}.app-shell.menu-open:before{background:transparent}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.hdr{position:sticky;top:0;z-index:30;min-height:76px;padding:14px clamp(18px,4vw,52px);display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:18px;border-bottom:1px solid rgba(255,221,0,.17);background:#040704a3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .5s ease,border-color .5s ease}.hdr:after{position:absolute;right:7%;bottom:-1px;left:7%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--yellow),transparent);opacity:.45}.hdr-left{display:flex;align-items:center;gap:14px;min-width:0}.menu-toggle{width:52px;min-width:52px;padding:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,221,0,.35);border-radius:12px;color:var(--yellow-soft);background:#ffdd000f;cursor:pointer;font-size:12px;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.menu-toggle:hover{color:var(--ink);border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 22px #fd03}.menu-toggle:active,.menu-close:active,.gooey-nav-item:active,.psend:active,.primary-btn:active{transform:scale(.96)}.brand{display:flex;align-items:center;min-width:0}.brand-mark{display:none}.brand h1{color:var(--white);font-size:clamp(20px,2.2vw,27px);font-weight:800;letter-spacing:.13em;line-height:1}.brand p{margin-top:6px;color:var(--muted);font-size:10px;letter-spacing:.12em}.gooey-nav{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,221,0,.22);border-radius:99px;background:#00000080;filter:drop-shadow(0 0 10px rgba(255,221,0,.05))}.gooey-nav:before{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);z-index:-1;border-radius:99px;content:"";background:var(--yellow);filter:blur(7px) contrast(1.1);opacity:.22;transition:transform .42s var(--ease)}.gooey-nav.mode-message:before{transform:translate(calc(100% + 4px))}.gooey-nav-item{position:relative;z-index:1;min-width:124px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:700;transition:color .25s ease,background .25s ease,box-shadow .25s ease}.gooey-nav-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gooey-nav-item.active{color:var(--ink);background:var(--yellow);box-shadow:0 0 21px #ffdd0038}.gooey-nav-item:not(.active):hover{color:var(--yellow-soft);background:#ffdd0014}.connection-status{display:inline-flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--muted);font-family:Consolas,monospace;font-size:10px;white-space:nowrap}.connection-status i,.online-count i,.self-footer i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}.main{max-width:1320px;margin:0 auto;padding:clamp(22px,4vw,48px) clamp(18px,4vw,52px) 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);align-items:start;gap:24px;transition:opacity .46s var(--ease),filter .46s var(--ease),transform .46s var(--ease)}.app-shell.menu-open .main{opacity:0;filter:blur(12px);transform:scale(1.025);pointer-events:none}.self-card{position:sticky;top:100px}.card-heading{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 26px 22px;border-bottom:1px solid var(--line-soft)}.card-heading h2{margin-top:8px;color:var(--white);font-size:22px;font-weight:750;letter-spacing:.05em}.card-heading p{margin-top:6px;color:var(--muted);font-size:11px}.section-kicker{display:inline-block;color:var(--yellow);font-family:Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:.16em}.online-count{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(185,255,117,.22);border-radius:99px;color:var(--success);font-family:Consolas,monospace;font-size:9px;white-space:nowrap}.workspace-body{position:relative;padding:22px 26px 28px}.device-starfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.72}.device-star{position:absolute;top:50%;left:50%;width:16px;height:16px;color:#fff;opacity:0;animation:device-star-warp var(--duration) var(--delay) linear infinite}.device-star svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.workspace-section-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.workspace-section-head h3{margin-top:6px;color:var(--white);font-size:15px}.helper-text{color:var(--dim);font-size:10px}.peer-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}.empty{grid-column:1/-1;padding:44px 18px;border:1px dashed rgba(255,221,0,.2);border-radius:15px;color:var(--dim);font-size:12px;text-align:center}.empty:before{display:block;margin-bottom:10px;color:var(--yellow);content:"✦";font-size:20px;opacity:.75}.compact-empty{padding:30px 18px}.pcard{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;padding:13px 12px 13px 15px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#00000059;animation:planet-in .65s var(--ease) both;transition:border-color .25s ease,background .25s ease,transform .25s var(--ease),box-shadow .25s ease}.pcard:nth-child(2){animation-delay:.06s}.pcard:nth-child(3){animation-delay:.12s}.pcard:nth-child(4){animation-delay:.18s}.pcard:hover{border-color:#ffdd008c;background:#ffdd0014;transform:translateY(-3px);box-shadow:0 12px 28px #00000038,0 0 25px #ffdd001a}.pdot{position:relative;flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,221,0,.62);border-radius:50%;color:#fff;background:#ffdd0012;box-shadow:0 0 18px #ffdd002e,inset 0 0 12px #ffffff14}.pdot svg{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 0 5px #fff)}.pinfo{min-width:0;flex:1}.pn{overflow:hidden;color:var(--white);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pip{margin-top:5px;overflow:hidden;color:var(--muted);font-family:Consolas,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.peer-online{color:var(--success)}.psend{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:7px 10px;border:1px solid rgba(255,221,0,.5);border-radius:10px;color:var(--yellow);background:#ffdd0014;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap;transition:all .2s ease}.psend svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.psend:hover{color:var(--ink);border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 18px #ffdd0038}.psend-message{color:var(--yellow-soft);border-color:#ffffff3d;background:#ffffff0d}.psend-message:hover{color:var(--ink);border-color:var(--yellow-soft);background:var(--yellow-soft)}.message-form{position:relative;z-index:1;margin-top:22px;padding:18px;border:1px solid rgba(255,221,0,.18);border-radius:16px;background:#00000057}.form-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--yellow-soft);font-size:12px;font-weight:700}.form-title small{color:var(--dim);font-size:10px;font-weight:400}.message-form label{display:block;margin:10px 0 6px;color:var(--muted);font-size:10px}.message-form select,.message-form textarea{width:100%;min-height:44px;padding:10px 11px;border:1px solid rgba(255,255,255,.15);border-radius:10px;outline:0;color:var(--white);background:#070a07db;font-size:12px}.message-form textarea{min-height:100px;resize:vertical;line-height:1.55}.message-form select:focus,.message-form textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffdd001a}.message-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--dim);font-family:Consolas,monospace;font-size:10px}.primary-btn{min-height:42px;padding:8px 14px;border:1px solid var(--yellow);border-radius:10px;color:var(--ink);background:var(--yellow);cursor:pointer;font-size:11px;font-weight:800;transition:all .2s ease}.primary-btn:hover{background:#fff080;box-shadow:0 0 20px #ffdd0040}.primary-btn:disabled{color:var(--dim);border-color:#ffffff1f;background:#ffffff14;cursor:not-allowed;box-shadow:none}.task-area{position:relative;z-index:1;margin-top:27px;padding-top:22px;border-top:1px solid var(--line-soft)}.task-heading{margin-bottom:10px}.task-heading h3{font-size:14px}.task-group{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#00000038}.tlist{max-height:35vh;overflow-y:auto}.titem{position:relative;display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000029;transition:background .2s ease}.titem:last-child{border-bottom:0}.titem:hover{background:#ffdd000f}.ti{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(255,221,0,.26);border-radius:10px;color:var(--yellow);background:#ffdd0014;font-size:15px}.ti.send{color:var(--yellow)}.ti.recv{color:#fff;border-color:#ffffff3d;background:#ffffff12}.ti.ok{color:var(--success)}.ti.err{color:var(--danger)}.ti.wait{color:var(--yellow-soft)}.tinf{min-width:0;flex:1}.tfn{overflow:hidden;color:var(--white);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tm{margin-top:5px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.type-mark{display:inline-block;margin-right:6px;padding:2px 5px;border:1px solid rgba(255,221,0,.28);border-radius:4px;color:var(--yellow);font-size:9px;vertical-align:1px}.tpb{height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:#ffffff1a}.tpb-fill{width:100%;height:100%;border-radius:inherit;background:var(--yellow);box-shadow:0 0 10px #ffdd00b3;transform:scaleX(var(--progress, 0));transform-origin:left center;transition:transform .2s ease}.tpt{display:flex;justify-content:space-between;margin-top:4px;color:var(--dim);font-family:Consolas,monospace;font-size:9px}.ta{display:flex;align-items:center;gap:5px;flex-shrink:0}.b{min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap;transition:all .2s ease}.b-ok{color:#102000;border-color:var(--success);background:var(--success)}.b-no{color:#2a0a02;border-color:var(--danger);background:var(--danger)}.b-c{color:var(--muted);border-color:#ffffff26;background:#ffffff0f}.b-copy{color:var(--ink);border-color:var(--yellow);background:var(--yellow)}.b-delete{color:var(--dim);border-color:transparent;background:transparent;font-size:13px}.b:hover{filter:brightness(1.08)}.b-delete:hover{color:var(--danger);background:#ff7f631a}.sb{padding:3px 7px;border:1px solid rgba(255,221,0,.24);border-radius:99px;color:var(--yellow-soft);background:#ffdd0017;font-size:9px;font-weight:700}.message-preview{max-height:66px;margin-top:7px;overflow:auto;color:#e8e9d7;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.self-card .inner-content{min-height:420px}.self-heading{align-items:flex-start}.node-orb{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--yellow);border-radius:50%;background:radial-gradient(circle,var(--yellow) 0 6%,rgba(255,221,0,.25) 7% 20%,rgba(255,221,0,.02) 21% 100%);box-shadow:0 0 22px #ffdd0040}.node-orb i{width:7px;height:7px;border-radius:50%;background:var(--ink)}.self-fields{padding:22px 26px}.self-fields label{display:block;margin:0 0 7px;color:var(--muted);font-size:10px}.self-fields label:not(:first-child){margin-top:20px}.self-name-field,.ip-field{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#00000059}.self-name-field svg,.ip-field svg{width:24px;height:24px;flex:0 0 18px;fill:none;stroke:var(--yellow);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.self-device-input{min-width:0;flex:1;width:auto;color:var(--white);background:transparent;border:0;outline:0;font-size:13px;font-weight:700}.edit-hint{color:var(--dim);font-size:9px}.ip-field code{overflow:hidden;color:var(--yellow-soft);font-family:Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.self-divider{height:1px;margin:0 26px;background:var(--line-soft)}.self-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 26px;color:var(--muted);font-size:10px}.self-footer span{display:inline-flex;align-items:center;gap:8px}.self-footer small{color:var(--dim);font-family:Consolas,monospace}.menu-screen{position:fixed;top:76px;right:0;bottom:0;left:0;z-index:20;overflow:auto;opacity:0;filter:blur(15px);pointer-events:none;transform:scale(1.035);background:#08160a9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .58s var(--ease),filter .58s var(--ease),transform .58s var(--ease)}.app-shell.menu-open .menu-screen{opacity:1;filter:blur(0);pointer-events:auto;transform:scale(1)}.menu-screen-inner{max-width:980px;min-height:100%;margin:0 auto;padding:clamp(28px,7vw,84px) clamp(20px,6vw,80px)}.menu-screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.menu-screen-head h2{margin-top:12px;color:var(--white);font-size:clamp(36px,6vw,64px);letter-spacing:.06em}.menu-screen-head p{margin-top:9px;color:var(--muted);font-size:13px}.menu-close{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,221,0,.4);border-radius:50%;color:var(--yellow);background:#ffdd000f;cursor:pointer;transition:all .22s ease}.menu-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.menu-close:hover{color:var(--ink);background:var(--yellow);box-shadow:0 0 22px #ffdd0040}.menu-placeholder{min-height:330px;display:grid;place-items:center;align-content:center;margin-top:70px;border:1px solid rgba(255,221,0,.16);border-radius:24px;background:#00000038;text-align:center}.menu-placeholder-star{width:74px;height:74px;display:grid;place-items:center;color:var(--yellow)}.menu-placeholder-star svg{width:54px;height:54px;fill:currentColor;filter:drop-shadow(0 0 15px rgba(255,221,0,.8));animation:menu-star-pulse 2.2s ease-in-out infinite}.menu-placeholder strong{margin-top:12px;color:var(--white);font-size:22px}.menu-placeholder p{margin-top:8px;color:var(--muted);font-size:12px}@keyframes device-star-warp{0%{opacity:0;transform:translate(-50%,-50%) scale(.05)}15%{opacity:.8}80%{opacity:.75}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.8)}}@keyframes planet-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menu-star-pulse{0%,to{transform:scale(.88) rotate(0);opacity:.7}50%{transform:scale(1.12) rotate(15deg);opacity:1}}.toasts{position:fixed;top:94px;right:18px;z-index:100;display:flex;flex-direction:column;gap:10px;width:min(360px,100vw - 36px)}.toast{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid rgba(255,221,0,.5);border-radius:14px;color:var(--white);background:#080a07f0;box-shadow:0 16px 42px #00000073,0 0 22px #ffdd001a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toast-in .3s var(--ease) both;font-size:12px}.toast strong{font-size:12px}.toast-sub{display:block;max-width:270px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.toast-btns{display:flex;gap:7px;margin-top:9px}.toast-close{margin-left:auto;padding:0 3px;border:0;color:var(--dim);background:transparent;cursor:pointer;font-size:17px;line-height:1}.toast-close:hover{color:var(--white)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.hdr{grid-template-columns:minmax(190px,1fr) auto}.gooey-nav{grid-column:1/-1;grid-row:2;justify-self:center}.hdr-r{grid-column:2;grid-row:1}.main{grid-template-columns:1fr}.self-card{position:relative;top:auto}.self-card .inner-content{min-height:0}}@media (max-width: 620px){.hdr{display:flex;flex-wrap:wrap;padding-inline:16px}.hdr-left{flex:1}.hdr-r{margin-left:auto}.connection-status{font-size:9px}.gooey-nav{order:3;width:100%}.gooey-nav-item{min-width:0;flex:1}.main{padding:18px 14px 50px}.card-heading,.workspace-body,.self-fields{padding-inline:18px}.self-divider{margin-inline:18px}.form-title{align-items:flex-start;flex-direction:column;gap:4px}.peer-grid{grid-template-columns:1fr}.titem{align-items:flex-start;padding-inline:11px}.ta{flex-wrap:wrap;justify-content:flex-end}.titem-message .ta{align-self:flex-start}.menu-screen{top:116px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hdr>.gooey-nav-container{justify-self:center}@media (max-width: 980px){.hdr>.gooey-nav-container{grid-column:1/-1;grid-row:2;justify-self:center}}@media (max-width: 620px){.hdr>.gooey-nav-container{width:100%;order:3}}.hdr{position:absolute;inset:0 0 auto;background:transparent!important;border-bottom:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hdr:after{display:none}.main{max-width:1120px;padding-top:118px;grid-template-columns:minmax(0,1fr) minmax(250px,282px);gap:18px}.workspace-card .inner-content,.self-card .inner-content{min-height:0}.card-heading{padding:18px 20px 16px}.card-heading h2{font-size:19px}.workspace-body{max-height:1400px;padding:18px 20px 20px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .42s var(--ease),opacity .28s ease,transform .42s var(--ease),padding .42s var(--ease)}.workspace-body.is-closed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-8px);pointer-events:none}.card-heading-actions{display:flex;align-items:center;gap:8px}.card-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,221,0,.34);border-radius:11px;color:var(--yellow);background:#ffdd000f;cursor:pointer;transition:transform .35s var(--ease),background .2s ease,border-color .2s ease}.card-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.card-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.card-toggle:hover{border-color:var(--yellow);color:var(--ink);background:var(--yellow);box-shadow:0 0 16px #ffdd002e}.self-card-content{max-height:480px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .42s var(--ease),opacity .28s ease,transform .42s var(--ease)}.self-card-content.is-closed{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none}.self-card .self-fields{padding-top:18px;padding-bottom:18px}.self-card .self-footer{padding-top:16px;padding-bottom:16px}@media (max-width: 980px){.main{padding-top:136px;grid-template-columns:1fr}}@media (max-width: 620px){.hdr{padding-top:12px}.main{padding-top:142px}.card-heading,.workspace-body{padding-inline:16px}.online-count{font-size:8px}.card-toggle{width:36px;height:36px}}.workspace-card .inner-content,.self-card .inner-content{text-align:left}.workspace-card>.border-gradient-top,.self-card>.border-gradient-top{width:300%;height:180px;top:-54px;left:-250%;opacity:.86;filter:blur(.35px)}.workspace-card>.border-gradient-bottom,.self-card>.border-gradient-bottom{width:300%;height:180px;right:-250%;bottom:-54px;opacity:.86;filter:blur(.35px)}.workspace-card,.self-card{align-self:start;justify-self:stretch;width:100%;max-height:1400px;overflow:hidden;transition:width .56s cubic-bezier(.22,1,.36,1),max-height .56s cubic-bezier(.22,1,.36,1),border-radius .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1)}.workspace-card.is-expanded,.self-card.is-expanded{width:100%;max-height:1400px;border-radius:20px;box-shadow:0 14px 22px #0003}.workspace-card.is-collapsed{width:164px;max-height:78px;justify-self:start;border-radius:16px;box-shadow:0 8px 16px #00000029}.self-card.is-collapsed{width:156px;max-height:78px;justify-self:end;border-radius:16px;box-shadow:0 8px 16px #00000029}.workspace-card>.inner-content,.self-card>.inner-content{padding:0;border-radius:20px;overflow:hidden;transition:border-radius .56s cubic-bezier(.22,1,.36,1),background-color .56s ease}.workspace-card.is-collapsed>.inner-content,.self-card.is-collapsed>.inner-content{border-radius:16px}.card-collapsed-title{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;padding:0 18px;color:var(--yellow);font-size:14px;font-weight:750;letter-spacing:.08em;opacity:0;transform:translateY(7px);pointer-events:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .5s cubic-bezier(.22,1,.36,1)}.workspace-card.is-collapsed>.inner-content>.card-collapsed-title,.self-card.is-collapsed>.inner-content>.card-collapsed-title{height:66px;opacity:1;transform:translateY(0);pointer-events:auto}.workspace-card>.inner-content>.card-heading,.self-card>.inner-content>.card-heading{max-height:112px;overflow:hidden;transition:max-height .52s cubic-bezier(.22,1,.36,1),padding .52s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .52s cubic-bezier(.22,1,.36,1),border-color .3s ease}.workspace-card.is-collapsed>.inner-content>.card-heading,.self-card.is-collapsed>.inner-content>.card-heading{max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;opacity:0;transform:translateY(-9px);pointer-events:none}.workspace-card.is-expanded>.inner-content>.card-heading,.self-card.is-expanded>.inner-content>.card-heading{opacity:1;transform:translateY(0);transition-delay:.1s}.workspace-card .workspace-body,.self-card .self-card-content{transition-duration:.56s,.28s,.56s,.56s}.workspace-card.is-expanded .workspace-body.is-open,.self-card.is-expanded .self-card-content.is-open{transition-delay:.12s}@media (max-width: 980px){.workspace-card.is-collapsed,.self-card.is-collapsed{justify-self:start}}@media (prefers-reduced-motion: reduce){.workspace-card,.self-card,.workspace-card>.inner-content,.self-card>.inner-content,.card-collapsed-title,.workspace-card>.inner-content>.card-heading,.self-card>.inner-content>.card-heading{transition-duration:.01ms!important;transition-delay:0ms!important}}.workspace-card.is-collapsed>.border-gradient-top,.self-card.is-collapsed>.border-gradient-top{width:220%;height:120%;top:-60%;left:-180%;opacity:.95;filter:blur(.35px)}.workspace-card.is-collapsed>.border-gradient-bottom,.self-card.is-collapsed>.border-gradient-bottom{width:220%;height:120%;right:-180%;bottom:-60%;opacity:.95;filter:blur(.35px)}html,body,#root{height:100%;overflow:hidden}.main.workspace-main{display:block;height:100dvh;max-height:100dvh;padding-bottom:20px;overflow:hidden}.workspace-main>.workspace-card{height:calc(100dvh - 140px);max-height:calc(100dvh - 140px);transition:width .56s cubic-bezier(.22,1,.36,1),height .56s cubic-bezier(.22,1,.36,1),max-height .56s cubic-bezier(.22,1,.36,1),border-radius .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1)}.workspace-main>.workspace-card.is-collapsed{height:78px;max-height:78px;margin-left:0}.workspace-card>.inner-content{height:100%}.workspace-panel{display:flex;min-height:0;height:100%;flex-direction:column}.workspace-topbar{display:flex;flex:0 0 auto;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.workspace-device-meta{min-width:0}.workspace-device-fields{display:flex;align-items:center;gap:10px;margin-top:8px}.workspace-device-name-field,.workspace-ip-field{min-height:42px;width:min(260px,32vw)}.workspace-ip-field{width:min(180px,23vw)}.workspace-topbar-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.workspace-columns{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);gap:16px;padding:16px;overflow:hidden}.workspace-left-column{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:14px}.workspace-pane,.records-pane{min-width:0;border:1px solid rgba(255,221,0,.16);border-radius:14px;background:#00000038}.workspace-pane{padding:16px}.devices-pane{display:flex;min-height:0;flex-direction:column;overflow:hidden}.workspace-peer-grid{min-height:0;grid-template-columns:1fr;overflow:auto;scrollbar-width:none}.workspace-peer-grid::-webkit-scrollbar,.records-task-group .tlist::-webkit-scrollbar{display:none}.pcard.is-selected{border-color:var(--yellow);background:#ffdd001f;box-shadow:0 0 18px #ffdd0021}.peer-choice{flex:0 0 auto;padding:5px 7px;border:1px solid rgba(255,221,0,.25);border-radius:7px;color:var(--dim);font-size:9px;transition:color .2s ease,border-color .2s ease,background .2s ease}.pcard.is-selected .peer-choice{border-color:var(--yellow);color:var(--ink);background:var(--yellow)}.compose-pane{padding:15px 16px}.compose-heading,.compose-target-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.compose-heading h3{margin-top:5px;color:var(--white);font-size:15px}.compose-target{max-width:48%;overflow:hidden;color:var(--yellow-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.compose-helper{margin-top:8px;color:var(--muted);font-size:10px}.file-send-btn{width:100%;min-height:40px;margin-top:12px}.file-send-btn:disabled,.workspace-message-form .primary-btn:disabled{color:var(--dim);border-color:#ffffff1f;background:#ffffff12;box-shadow:none;cursor:not-allowed}.workspace-message-form{margin:0;padding:0;border:0;background:transparent}.compose-target-row{min-height:34px;margin:12px 0 8px;padding:0 10px;border:1px solid rgba(255,221,0,.16);border-radius:8px;color:var(--muted);font-size:10px}.compose-target-row strong{overflow:hidden;color:var(--yellow-soft);font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.workspace-message-form textarea{min-height:72px;max-height:110px}.records-pane{display:flex;min-height:0;flex-direction:column;padding:16px;overflow:hidden}.records-heading{flex:0 0 auto;margin-bottom:10px}.records-task-group{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden}.records-task-group .tlist{height:100%;max-height:none;overflow:auto;scrollbar-width:none}@media (max-width: 980px){.main.workspace-main{padding-top:136px}.workspace-main>.workspace-card{height:calc(100dvh - 158px);max-height:calc(100dvh - 158px)}.workspace-columns{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(170px,.8fr);overflow:auto;scrollbar-width:none}.workspace-device-name-field{width:min(240px,42vw)}.workspace-ip-field{width:min(170px,32vw)}}@media (max-width: 620px){.main.workspace-main{padding:142px 14px 14px}.workspace-main>.workspace-card{height:calc(100dvh - 156px);max-height:calc(100dvh - 156px)}.workspace-topbar{align-items:stretch;flex-direction:column;gap:12px}.workspace-device-fields{align-items:stretch;flex-direction:column}.workspace-device-name-field,.workspace-ip-field{width:100%}.workspace-topbar-actions{justify-content:space-between}.workspace-columns{padding:12px;grid-template-rows:minmax(0,1fr) auto;gap:12px}.workspace-pane,.records-pane{padding:12px}}.workspace-main>.workspace-card.is-collapsed{margin-left:calc(-1*max(0px,(100vw - 1120px) / 2))}@media (max-width: 620px){.workspace-main>.workspace-card.is-collapsed{margin-left:2px}}.main.workspace-main{overflow:visible}.workspace-main>.workspace-card.is-expanded{margin-left:calc(-1*max(0px,(100vw - 1120px) / 2))}@media (max-width: 620px){.workspace-main>.workspace-card.is-expanded{margin-left:2px}}.brand-logo{width:64px;height:64px;flex:0 0 auto;display:block;margin-right:9px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,221,0,.22))}@media (max-width: 620px){.brand-logo{width:52px;height:52px;margin-right:7px}}.main.workspace-main{position:relative;z-index:2}.device-starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none;opacity:.94;transition:opacity .5s var(--ease),filter .5s var(--ease),transform .5s var(--ease)}.device-star{position:absolute;top:50%;left:50%;width:clamp(82px,7vw,118px);height:clamp(82px,7vw,118px);display:grid;place-items:center;opacity:0;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;animation:device-star-approach var(--duration) var(--delay) linear infinite;will-change:transform,opacity}.device-star-core{position:relative;width:100%;height:100%;display:block;animation:device-star-float 1.75s ease-in-out infinite;transition:filter .22s ease,transform .22s ease}.device-star-image{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,221,0,.95)) drop-shadow(0 0 28px rgba(255,221,0,.48))}.device-star-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-bottom:2%;color:#fd0;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:clamp(24px,3vw,42px);font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(255,221,0,.68)}.device-star:hover,.device-star:focus-visible{animation-play-state:paused;outline:none}.device-star:hover .device-star-core,.device-star:focus-visible .device-star-core{animation-play-state:running;filter:drop-shadow(0 0 6px rgb(255,255,255)) drop-shadow(0 0 22px rgba(255,221,0,.9))}.device-star-tooltip{position:absolute;top:calc(100% + 13px);left:50%;z-index:3;min-width:136px;padding:9px 11px;border:1px solid rgba(255,221,0,.38);border-radius:10px;color:var(--white);background:#050805e6;box-shadow:0 10px 26px #00000057,0 0 18px #ffdd001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.device-star-tooltip strong,.device-star-tooltip code{display:block}.device-star-tooltip strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700}.device-star-tooltip code{margin-top:4px;color:var(--yellow-soft);font-family:Consolas,monospace;font-size:9px}.device-star:hover .device-star-tooltip,.device-star:focus-visible .device-star-tooltip{opacity:1;transform:translate(-50%)}.app-shell.menu-open .device-starfield{opacity:0;filter:blur(10px);transform:scale(1.08);pointer-events:none}@keyframes device-star-approach{0%{opacity:0;transform:translate(-50%,-50%) scale(.06)}12%{opacity:.32}23%{opacity:1}78%{opacity:.96}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.42)}}@keyframes device-star-float{0%,to{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-5px) rotate(calc(var(--rotation) + 5deg))}}@media (max-width: 620px){.device-star{width:68px;height:68px}.device-star-tooltip{min-width:122px;padding:8px 9px}}@media (prefers-reduced-motion: reduce){.device-star{opacity:.92;animation:none;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}.device-star-core{animation:none}}.gooey-nav-container{--color-1: #ffdd00;--color-2: #ffdd00;--color-3: #ffdd00;--color-4: #ffdd00 }.inner-content{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}.device-star-core-scale{width:100%;height:100%;display:block;animation:device-star-grow var(--duration) var(--delay) linear infinite;will-change:transform}.device-star:hover .device-star-core-scale,.device-star:focus-visible .device-star-core-scale{animation-play-state:paused}.device-star:hover .device-star-core,.device-star:focus-visible .device-star-core{animation-play-state:running}.device-star-tooltip{top:auto;bottom:auto;min-width:164px;padding:10px 12px;font-size:12px;transform:translate(-50%,5px)}.device-star-tooltip.is-below{top:calc(100% + 13px);bottom:auto;transform:translate(-50%,5px)}.device-star-tooltip.is-above{top:auto;bottom:calc(100% + 13px);transform:translate(-50%,-5px)}.device-star-tooltip strong{font-size:12px}.device-star-tooltip code{font-size:10px}.device-star:hover .device-star-tooltip,.device-star:focus-visible .device-star-tooltip{transform:translate(-50%)}@keyframes device-star-approach{0%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy)))}12%{opacity:.32}23%{opacity:1}78%{opacity:.96}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}}@keyframes device-star-grow{0%{transform:scale(.06)}12%{transform:scale(.42)}23%{transform:scale(1)}78%{transform:scale(1.12)}to{transform:scale(1.42)}}@media (max-width: 620px){.device-star-tooltip{min-width:148px;padding:9px 10px}}@media (prefers-reduced-motion: reduce){.device-star{animation:none;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy)))}.device-star-core-scale,.device-star-core{animation:none}.device-star-core-scale{transform:scale(1)}}.device-star-core{isolation:isolate}.device-star-core:before{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;z-index:0;content:"";border-radius:50%;background:radial-gradient(circle,#ffdd0075 0,#fd03 28%,#fd00 70%);pointer-events:none}.device-star-image,.device-star-initial{position:relative;z-index:1}.device-star:hover .device-star-core,.device-star:focus-visible .device-star-core{filter:none}.device-star:hover .device-star-core:before,.device-star:focus-visible .device-star-core:before{background:radial-gradient(circle,#ffffff59 0,#ffdd007a 24%,#fd00 72%)}.device-star-core:before{top:-18%;right:-18%;bottom:-18%;left:-18%;background:radial-gradient(circle,#ffdd004d 0,#ffdd001a 32%,#fd00 68%)}.device-star-image{filter:none}.device-star-initial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.device-star:hover .device-star-core:before,.device-star:focus-visible .device-star-core:before{background:radial-gradient(circle,#fd06 0,#ffdd0021 32%,#fd00 68%)}.main.workspace-main{position:relative;z-index:5;isolation:isolate}.workspace-card>.inner-content{background:linear-gradient(135deg,#15231694,#050a06a8),#080f098a;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #ffdd000f}@media (prefers-reduced-transparency: reduce){.workspace-card>.inner-content{background:#080f09f0;-webkit-backdrop-filter:none;backdrop-filter:none}}.main.workspace-main{pointer-events:none}.workspace-main>.workspace-card{pointer-events:auto}.workspace-device-name-field svg{fill:var(--yellow);stroke:none}.name-confirm{padding:4px 0;border:0;color:var(--yellow);background:transparent;cursor:pointer;font-size:9px;font-weight:700}.name-confirm:hover{color:var(--yellow-soft)}.name-confirm:disabled{color:#a8ad9f61;cursor:not-allowed;opacity:.65}.name-confirm:disabled:hover{color:#a8ad9f61}.pdot{flex-basis:52px;width:52px;height:52px;border:0;background:transparent;box-shadow:none}.device-list-icon{display:block;width:52px;height:52px;object-fit:contain;transition:transform .24s var(--ease),filter .24s ease}.pcard:hover .device-list-icon,.pcard.is-selected .device-list-icon{transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(255,221,0,.45))}@media (max-width: 620px){.gooey-nav-container nav ul li a{width:100%;text-align:center}.main.workspace-main{overflow:hidden}.workspace-main>.workspace-card.is-expanded{min-height:0}.workspace-card>.inner-content,.workspace-panel{min-height:0}.workspace-columns{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:stretch;gap:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.workspace-columns::-webkit-scrollbar{display:none}.workspace-left-column{display:flex;flex:0 0 auto;min-height:0;flex-direction:column;gap:12px}.workspace-pane,.records-pane{flex:0 0 auto;min-height:0}.devices-pane{overflow:visible}.workspace-peer-grid{overflow:visible;grid-template-columns:1fr}.records-pane{min-height:220px;overflow:visible}.records-task-group{min-height:0;overflow:visible}.records-task-group .tlist{height:auto;overflow:visible}}.device-starfield.is-paused .device-star,.device-starfield.is-paused .device-star-core{animation-play-state:paused}.menu-screen{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell.menu-open .hdr{background:#000!important}.menu-screen-inner{background:#000}.menu-content{display:grid;gap:18px;margin-top:56px}.menu-info-section{padding:24px;border:1px solid rgba(255,221,0,.16);border-radius:20px;background:#050505}.menu-info-section h3{margin-top:10px;color:var(--white);font-size:clamp(22px,3vw,30px);letter-spacing:.04em}.menu-info-section>p{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.85}.menu-feature-list{display:grid;margin-top:14px}.menu-feature-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}.menu-feature-item:first-child{border-top:0}.menu-feature-item strong{color:var(--yellow-soft);font-size:13px}.menu-feature-item p{color:var(--muted);font-size:12px;line-height:1.6}@media (max-width: 620px){.menu-content{gap:14px;margin-top:34px}.menu-info-section{padding:20px 18px;border-radius:16px}.menu-feature-item{grid-template-columns:1fr;gap:5px;padding:13px 0}}@media (min-width: 621px){.menu-screen{overflow:hidden}.menu-screen-inner{max-width:1280px;padding:clamp(28px,5vw,64px) clamp(24px,4vw,56px)}.menu-content{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:24px;margin-top:42px}.menu-info-section{height:100%}.menu-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.menu-feature-item{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:12px 0}.menu-feature-item:nth-child(-n+2){border-top:0}}@media (min-width: 1200px){.menu-screen-inner{max-width:1440px}.menu-content{gap:32px}}.hdr>.gooey-nav-container{transition:opacity .3s ease,filter .3s ease,transform .3s ease}.app-shell.menu-open .hdr>.gooey-nav-container.is-disabled{opacity:.22;filter:blur(6px);pointer-events:none;transform:scale(.98)}.b-ok,.b-no{min-height:38px;padding:8px 13px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.02em;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;filter:none}.b-ok{color:var(--yellow-soft);border-color:#ffdd0094;background:#ffdd001a;box-shadow:inset 0 1px #ffffff14}.b-ok:hover{color:var(--ink);border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 16px #ffdd0038}.b-no{color:#ffb3a2;border-color:#ff7f637a;background:#ff7f6314;box-shadow:inset 0 1px #ffffff0d}.b-no:hover{color:#170603;border-color:var(--danger);background:var(--danger);box-shadow:0 0 14px #ff7f632e}.b-ok:active,.b-no:active{transform:scale(.96)}.b-ok:focus-visible,.b-no:focus-visible{outline:2px solid currentColor;outline-offset:3px}.toast-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toast-btns .b{width:100%;min-height:40px}.ta .b-ok,.ta .b-no{min-width:58px}@media (max-width: 620px){.ta .b-ok,.ta .b-no{min-width:64px}}.workspace-card.is-collapsed{width:148px;max-height:68px}.workspace-main>.workspace-card.is-collapsed{height:68px;max-height:68px}.workspace-card.is-collapsed>.inner-content>.card-collapsed-title{height:56px;font-size:16px}html{font-size:100%}body{font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-body);font-kerning:normal;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}p{text-wrap:pretty}code,.connection-status,.online-count,.pip,.tpt{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.brand h1{font-size:1.5rem;line-height:1.1;letter-spacing:.08em}.brand p{font-size:var(--text-caption);line-height:1.35}.workspace-section-head h3,.compose-heading h3,.records-heading h3{font-size:1rem;line-height:1.25}.helper-text,.compose-target{font-size:var(--text-meta);line-height:1.35}.compose-helper{max-width:48ch;font-size:.8125rem;line-height:1.5}.message-form textarea{font-size:.9375rem;line-height:1.6}.menu-screen-head h2{font-size:clamp(2.25rem,5vw,4rem);line-height:1.05;letter-spacing:.04em}.menu-screen-head p,.menu-info-section>p{font-size:.9375rem;line-height:1.65}.menu-feature-item strong{font-size:var(--text-label)}.menu-feature-item p{font-size:var(--text-label);line-height:1.65}.workspace-topbar{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.workspace-columns{gap:var(--space-4);padding:var(--space-4)}.workspace-left-column{gap:var(--space-3)}.workspace-pane,.records-pane{border-radius:12px;padding:var(--space-5)}.workspace-section-head{margin-bottom:var(--space-4)}.peer-grid{gap:var(--space-3)}.pcard{min-height:4.5rem;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4)}.file-send-btn{min-height:2.75rem;margin-top:var(--space-4)}.compose-target-row{min-height:2.75rem;margin:var(--space-4) 0 var(--space-3);font-size:.8125rem}.compose-target-row strong{font-size:.8125rem}.peer-choice{min-height:2.25rem;display:inline-flex;align-items:center;padding-inline:.625rem;font-size:var(--text-meta)}@media (hover: none){.pcard:hover{border-color:#ffffff17;background:#00000059;transform:none;box-shadow:none}.pcard:active{border-color:#ffdd008c;background:#ffdd0014;transform:none}.b:hover,.primary-btn:hover,.menu-toggle:hover,.menu-close:hover,.card-toggle:hover{filter:none;box-shadow:none}}@media (pointer: coarse){.pcard,.primary-btn,.menu-toggle,.menu-close,.card-toggle,.b,.gooey-nav-container nav ul li a{min-height:44px}.pcard{min-height:4.5rem}}@media (max-width: 767px){.hdr{padding-top:max(12px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:12px;padding-left:max(16px,env(safe-area-inset-left))}.menu-screen{top:calc(116px + env(safe-area-inset-top))}.main.workspace-main{padding-top:calc(142px + env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}.workspace-main>.workspace-card{height:calc(100dvh - 156px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 156px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.workspace-topbar{padding:var(--space-4)}.workspace-columns{gap:var(--space-3);padding:var(--space-3)}.workspace-pane,.records-pane{padding:var(--space-4)}.workspace-device-name-field,.workspace-ip-field{width:100%}.records-pane{min-height:15rem}.titem{gap:var(--space-3)}.ta .b{min-height:2.5rem}}@media (max-width: 420px){.hdr{padding-inline:12px}.brand-logo{width:44px;height:44px;margin-right:5px}.brand h1{font-size:1.25rem}.brand p{font-size:.625rem;letter-spacing:.06em}.main.workspace-main{padding-inline:10px}.workspace-topbar{padding:var(--space-3)}.workspace-columns{padding:var(--space-2)}.workspace-pane,.records-pane{padding:var(--space-3)}.file-send-btn{min-height:2.75rem}.menu-screen{top:calc(108px + env(safe-area-inset-top))}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 900px){.main.workspace-main{padding-top:calc(100px + env(safe-area-inset-top))}.workspace-main>.workspace-card{height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.workspace-topbar{padding-block:var(--space-2)}.workspace-device-fields{flex-direction:row;align-items:center}.workspace-device-name-field{width:min(240px,42vw)}.workspace-ip-field{width:min(170px,32vw)}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{color:var(--ink);background:var(--yellow)}[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.form-title small,.message-form label,.message-form-foot{font-size:var(--text-meta);line-height:1.45}.empty{font-size:.8125rem;line-height:1.55}.compact-empty{max-width:34ch}.online-count{font-size:var(--text-caption);line-height:1.35}.workspace-card.is-expanded,.self-card.is-expanded{border-radius:16px}.workspace-card.is-expanded>.inner-content,.self-card.is-expanded>.inner-content{border-radius:16px}.pcard.is-selected{box-shadow:0 0 8px #ffdd0021}.primary-btn:hover,.menu-toggle:hover,.card-toggle:hover,.menu-close:hover{box-shadow:0 0 8px #ffdd0030}.toast{box-shadow:0 8px 8px #00000073,0 0 8px #ffdd001a}.toast-close{width:44px;min-width:44px;min-height:44px;display:grid;place-items:center;margin:-10px -10px 0 0;padding:0}.menu-screen{overscroll-behavior:contain}@media (max-width: 767px){.toast{border-radius:12px}.toasts{top:calc(86px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));left:max(14px,env(safe-area-inset-left));width:auto}.toast-sub{max-width:none;font-size:var(--text-meta)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}.glitter-wrap,.device-starfield{display:none}}.toasts{width:min(400px,100vw - 32px);gap:8px}.toast{display:grid;grid-template-columns:32px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:68px;padding:10px 10px 10px 12px;border:1px solid rgba(255,221,0,.34);border-radius:12px;background:#090d09f5;box-shadow:0 8px 8px #00000073,0 0 8px #ffdd001a;font-size:var(--text-label)}.toast-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,221,0,.36);border-radius:9px;color:var(--yellow);background:#ffdd001a}.toast-icon svg{width:16px;height:16px;fill:currentColor;filter:drop-shadow(0 0 4px rgba(255,221,0,.4))}.toast-content{min-width:0;padding:1px 0}.toast strong{display:block;overflow:hidden;color:var(--white);font-size:.8125rem;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.toast-sub{max-width:none;margin-top:3px;overflow:hidden;color:#c0c5b7;font-size:var(--text-meta);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.toast-close{width:44px;min-width:44px;height:44px;min-height:44px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:9px;color:#8f9689;background:transparent;cursor:pointer;transition:color .18s ease,background .18s ease}.toast-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.toast-close:hover{color:var(--white);background:#ffffff14}.toast-close:active{color:var(--yellow);background:#ffdd001f}.toast-error{border-color:#ff7f6385}.toast-error .toast-icon{border-color:#ff7f6375;color:var(--danger);background:#ff7f631a}.toast-error .toast-icon svg{filter:drop-shadow(0 0 4px rgba(255,127,99,.35))}@media (max-width: 767px){.toasts{width:auto}.toast{min-height:64px;grid-template-columns:30px minmax(0,1fr) 44px;gap:9px;padding:9px 8px 9px 10px}.toast-icon{width:30px;height:30px}}:root{--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px}@supports (padding-top: constant(safe-area-inset-top)){:root{--safe-area-top: constant(safe-area-inset-top);--safe-area-right: constant(safe-area-inset-right);--safe-area-bottom: constant(safe-area-inset-bottom);--safe-area-left: constant(safe-area-inset-left)}}@supports (padding-top: env(safe-area-inset-top)){:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}}@media (max-width: 767px){.hdr{min-height:calc(76px + var(--safe-area-top));padding-top:calc(12px + var(--safe-area-top));padding-right:max(16px,var(--safe-area-right));padding-bottom:12px;padding-left:max(16px,var(--safe-area-left))}.menu-screen{top:calc(116px + var(--safe-area-top))}.main.workspace-main{padding-top:calc(142px + var(--safe-area-top));padding-right:max(14px,var(--safe-area-right));padding-bottom:max(14px,var(--safe-area-bottom));padding-left:max(14px,var(--safe-area-left))}.workspace-main>.workspace-card{height:calc(100dvh - 156px - var(--safe-area-top) - var(--safe-area-bottom));max-height:calc(100dvh - 156px - var(--safe-area-top) - var(--safe-area-bottom))}.toasts{top:calc(86px + var(--safe-area-top))}}@media (max-width: 420px){.hdr{padding-right:max(12px,var(--safe-area-right));padding-left:max(12px,var(--safe-area-left))}.menu-screen{top:calc(108px + var(--safe-area-top))}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 900px){.main.workspace-main{padding-top:calc(100px + var(--safe-area-top))}.workspace-main>.workspace-card{height:calc(100dvh - 112px - var(--safe-area-top) - var(--safe-area-bottom));max-height:calc(100dvh - 112px - var(--safe-area-top) - var(--safe-area-bottom))}}@supports (-webkit-touch-callout: none){@media (max-width: 767px){:root{--safe-area-top: 44px}}}@supports (-webkit-touch-callout: none) and (padding-top: env(safe-area-inset-top)){@media (max-width: 767px){:root{--safe-area-top: max(44px, env(safe-area-inset-top, 0px))}}}.filing-footer{position:fixed;right:0;bottom:max(10px,env(safe-area-inset-bottom));left:0;z-index:25;display:flex;justify-content:center;pointer-events:none}.filing-footer a{pointer-events:auto;padding:4px 8px;color:#a8ad9fc7;font-size:11px;line-height:1.4;letter-spacing:.02em;text-decoration:none;transition:color .2s ease,opacity .2s ease}.filing-footer a:hover,.filing-footer a:focus-visible{color:var(--yellow-soft);text-decoration:underline}@media (max-width: 620px){.filing-footer a{font-size:10px}}.filing-footer{z-index:100;min-height:34px;padding:6px 12px max(6px,var(--safe-area-bottom));background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.82) 48%,#000 100%)}.message-form textarea{overflow-y:auto;scrollbar-color:var(--yellow) rgba(255,255,255,.1);scrollbar-width:thin}.message-form textarea::-webkit-scrollbar,.workspace-peer-grid::-webkit-scrollbar,.records-task-group .tlist::-webkit-scrollbar{width:8px;height:8px}.message-form textarea::-webkit-scrollbar-track,.workspace-peer-grid::-webkit-scrollbar-track,.records-task-group .tlist::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0f}.message-form textarea::-webkit-scrollbar-thumb,.workspace-peer-grid::-webkit-scrollbar-thumb,.records-task-group .tlist::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--yellow);background-clip:padding-box}.message-preview{display:block;max-width:100%;max-height:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.direction-mark{display:inline-flex;align-items:center;margin-right:5px;padding:2px 5px;border:1px solid currentColor;border-radius:5px;font-size:9px;line-height:1}.titem.is-sending{border-left:2px solid rgba(255,221,0,.7)}.titem.is-receiving{border-left:2px solid rgba(185,255,117,.7)}.titem.is-sending .direction-mark{color:var(--yellow)}.titem.is-receiving .direction-mark{color:var(--success)}.titem.is-sending .ti{border-color:#ffdd007a;background:#ffdd001f}.titem.is-receiving .ti{border-color:#b9ff7561;background:#b9ff7514}.pcard.is-selected{border-color:var(--yellow)!important;background:#ffdd0029!important;box-shadow:0 0 0 1px #ffdd003d,0 0 22px #fd03!important;transform:none!important}.pcard.is-selected .pn{color:var(--yellow-soft)}.pcard.is-selected .peer-choice{color:var(--ink);border-color:var(--yellow);background:var(--yellow)}.workspace-peer-grid .empty,.records-task-group .compact-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:180px;margin:auto;text-align:center}.records-task-group .compact-empty{min-height:100%}.usage-card{position:absolute;top:0;left:164px;z-index:7;width:148px;height:68px;pointer-events:auto;transition:width .56s var(--ease),height .56s var(--ease),transform .56s var(--ease),opacity .25s ease}.usage-card.is-collapsed>.inner-content{height:100%;border-radius:16px}.usage-card.is-collapsed .card-collapsed-title{height:56px;opacity:1;transform:none;pointer-events:auto}.usage-card.is-expanded{width:min(440px,100vw - 28px);height:auto;min-height:250px}.usage-card.is-expanded>.inner-content{height:auto;min-height:250px;border-radius:16px}.usage-card.is-expanded .card-collapsed-title{display:none}.usage-panel{display:none;padding:20px}.usage-card.is-expanded .usage-panel{display:block}.usage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}.usage-heading h2{margin-top:7px;color:var(--white);font-size:22px}.usage-list{display:grid;gap:0;margin-top:7px}.usage-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.usage-item:last-child{border-bottom:0}.usage-item span{color:var(--yellow);font-family:var(--font-mono);font-size:10px}.usage-item p{color:var(--muted);font-size:11px;line-height:1.6}@media (min-width: 768px){.workspace-main>.workspace-card.is-expanded{height:calc(100dvh - 180px);max-height:calc(100dvh - 180px)}}@media (max-width: 767px){.main.workspace-main{padding-bottom:calc(48px + var(--safe-area-bottom))}.workspace-main>.workspace-card.is-expanded{height:calc(100dvh - 194px - var(--safe-area-top) - var(--safe-area-bottom));max-height:calc(100dvh - 194px - var(--safe-area-top) - var(--safe-area-bottom))}.workspace-panel{display:block;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--yellow) rgba(255,255,255,.08);scrollbar-width:thin}.workspace-panel::-webkit-scrollbar{width:8px}.workspace-panel::-webkit-scrollbar-track{background:#ffffff0d}.workspace-panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--yellow);background-clip:padding-box}.workspace-topbar{display:block}.workspace-topbar-actions{position:sticky;top:8px;z-index:15;justify-content:flex-end;min-height:48px;margin:0 0 12px;padding:5px;border:1px solid rgba(255,221,0,.2);border-radius:12px;background:#050905e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace-columns{display:flex;flex-direction:column;gap:14px;overflow:visible}.workspace-left-column{display:flex;flex-direction:column;gap:14px}.devices-pane{min-height:270px}.records-pane{min-height:360px}.records-task-group,.records-task-group .tlist{min-height:280px}.usage-card{top:78px;left:0}.usage-card.is-expanded{top:78px;left:0;width:min(440px,100vw - 28px)}.menu-screen{top:0;z-index:60;padding-top:var(--safe-area-top)}.menu-screen-inner{padding-top:0}.menu-screen-head{position:sticky;top:0;z-index:3;padding-top:18px;padding-bottom:14px;background:#000}}.main.workspace-main{position:relative;display:block}.workspace-main>.workspace-card{position:relative;z-index:6}.workspace-main>.workspace-card.is-collapsed{position:relative;z-index:30;width:148px;height:68px;max-height:68px;margin-left:0}.workspace-main>.workspace-card.is-expanded{z-index:10}.usage-card{top:118px;left:calc(clamp(18px,4vw,52px) + 164px);z-index:30;width:148px;height:68px}.usage-card.is-collapsed{position:absolute}.usage-card.is-expanded{position:absolute;top:118px;left:calc(clamp(18px,4vw,52px) + 164px);z-index:10}.card-collapsed-title{width:100%;min-width:0;padding-right:10px;padding-left:10px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:clip}.workspace-main>.workspace-card.is-collapsed,.workspace-main>.workspace-card.is-expanded~.usage-card.is-collapsed{z-index:30}@media (max-width: 767px){.workspace-main>.workspace-card.is-collapsed,.usage-card{width:148px}.usage-card.is-collapsed{top:calc(142px + var(--safe-area-top));left:calc(max(14px,var(--safe-area-left)) + 164px)}.usage-card.is-expanded{top:calc(142px + var(--safe-area-top));left:0;width:min(440px,100vw - 28px)}}@media (min-width: 768px) and (max-width: 980px){.usage-card,.usage-card.is-expanded{top:136px;left:calc(clamp(18px,4vw,52px) + 164px)}}.main.workspace-main{width:100%;max-width:none;margin-right:0;margin-left:0;padding-right:clamp(18px,4vw,52px);padding-left:clamp(18px,4vw,52px)}.workspace-main>.workspace-card.is-collapsed,.workspace-main>.workspace-card.is-expanded{margin-left:0}@media (max-width: 767px){.main.workspace-main{padding-right:max(14px,var(--safe-area-right));padding-left:max(14px,var(--safe-area-left))}}.usage-card>.inner-content{background:linear-gradient(135deg,#15231694,#050a06a8),#080f098a;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border-color:#ffffff29}.usage-card.is-collapsed>.inner-content{display:block;padding:0 26px}.usage-card.is-collapsed .card-collapsed-title{width:100%;min-height:56px;height:56px;padding:0;line-height:1;text-align:center}.workspace-main>.workspace-card.is-expanded{width:min(1120px,100%);max-width:1120px;height:min(700px,100dvh - 180px);max-height:min(700px,100dvh - 180px);margin-left:0}.workspace-main>.workspace-card,.usage-card{transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),max-height .42s cubic-bezier(.22,1,.36,1),opacity .2s ease,transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}.workspace-main.workspace-is-open>.usage-card.is-collapsed,.workspace-main.notice-is-open>.workspace-card.is-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98)}@media (max-width: 767px){.workspace-main>.workspace-card.is-expanded{width:100%;max-width:100%;height:calc(100dvh - 194px - var(--safe-area-top) - var(--safe-area-bottom));max-height:calc(100dvh - 194px - var(--safe-area-top) - var(--safe-area-bottom))}}.usage-card{overflow:hidden}.usage-card.is-expanded{height:250px;min-height:250px}.usage-card.is-expanded>.inner-content{position:relative;height:250px;min-height:250px;overflow:hidden}.usage-card.is-expanded .card-collapsed-title{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;opacity:0;pointer-events:none}.usage-panel,.usage-card.is-expanded .usage-panel{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}.usage-card.is-expanded .usage-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:.1s,.1s,0s}@media (max-width: 767px){.usage-card.is-expanded,.usage-card.is-expanded>.inner-content{height:320px;min-height:320px}}.workspace-floating-toggle{display:none}@media (max-width: 767px){.workspace-card.is-expanded>.inner-content{position:relative}.workspace-card.is-expanded .workspace-floating-toggle{position:absolute;top:12px;right:12px;z-index:60;display:grid;width:40px;height:40px;min-height:40px;padding:0;touch-action:manipulation}.workspace-card.is-expanded .workspace-topbar-actions .card-toggle{display:none}}.tm{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.tm .direction-mark{flex:0 0 auto}.task-meta-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm .sb{flex:0 0 auto;margin-left:auto}@media (max-width: 767px){.records-task-group .titem{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:12px 10px}.records-task-group .ti{margin-top:2px}.records-task-group .tinf{min-width:0}.records-task-group .ta{align-self:start;flex-wrap:nowrap;gap:4px;min-width:max-content}.records-task-group .ta .b{min-height:40px;padding-right:8px;padding-left:8px}.records-task-group .tm{gap:4px}.records-task-group .direction-mark{margin-right:0}.records-task-group .message-preview{max-width:100%;margin-top:6px}}.workspace-peer-grid .empty,.records-task-group .compact-empty{border:0;border-radius:0;background:transparent}.usage-card.is-expanded,.usage-card.is-expanded>.inner-content{height:360px;min-height:360px}.usage-card.is-expanded{left:clamp(18px,4vw,52px);width:min(440px,100% - 2 * clamp(18px,4vw,52px))}@media (max-width: 767px){.workspace-main>.workspace-card.is-collapsed,.usage-card.is-collapsed{width:calc((100% - 16px)/2)}.usage-card.is-collapsed{left:calc(50% + 8px)}.usage-card.is-expanded{top:calc(142px + var(--safe-area-top));left:max(14px,var(--safe-area-left));width:calc(100% - max(14px,var(--safe-area-left)) - max(14px,var(--safe-area-right)));height:min(520px,100dvh - 260px);min-height:min(520px,100dvh - 260px)}.usage-card.is-expanded>.inner-content{height:100%;min-height:100%}}:root{--linear-ease: cubic-bezier(.16, 1, .3, 1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{position:relative;display:flex;transform:translateZ(.01px)}.gooey-nav-container nav ul{position:relative;z-index:3;display:flex;gap:4px;padding:4px;margin:0;list-style:none;color:var(--white, #fff);text-shadow:0 1px 1px rgba(0,0,0,.2)}.gooey-nav-container nav ul li{position:relative;border-radius:100vw;color:var(--muted, #aaa);cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.gooey-nav-container nav ul li a{min-width:124px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.6em 1em;color:inherit;text-decoration:none;font-size:12px;font-weight:700}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px var(--yellow, #ffdd00)}.gooey-nav-container nav ul li:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border-radius:100vw;background:var(--yellow, #ffdd00);opacity:0;transform:scale(0);transition:all .3s ease}.gooey-nav-container nav ul li.active{color:var(--ink, #050505);text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1);box-shadow:0 0 22px #ffdd003d}.gooey-nav-container .effect{position:absolute;top:0;left:0;z-index:1;display:grid;width:0;height:0;place-items:center;opacity:1;pointer-events:none}.gooey-nav-container .effect.text{color:var(--white, #fff);transition:color .3s ease}.gooey-nav-container .effect.text.active{color:var(--ink, #050505)}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{position:absolute;top:-75px;right:-75px;bottom:-75px;left:-75px;z-index:-2;content:"";background:var(--ink, #050505)}.gooey-nav-container .effect.filter:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border-radius:100vw;background:var(--yellow, #ffdd00);opacity:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:gooey-pill .3s ease both}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}.particle,.point{display:block;width:20px;height:20px;border-radius:100%;opacity:0;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:gooey-particle var(--time) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:gooey-point var(--time) ease 1 -.35s}@keyframes gooey-particle{0%{opacity:1;transform:rotate(0) translate(var(--start-x),var(--start-y));animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{opacity:1;transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));animation-timing-function:ease}85%{opacity:1;transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x),var(--end-y))}to{opacity:1;transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5))}}@keyframes gooey-point{0%{opacity:0;transform:scale(0);animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{opacity:1;transform:scale(var(--scale));animation-timing-function:ease}85%{opacity:1;transform:scale(var(--scale))}to{opacity:0;transform:scale(0)}}@media (max-width: 620px){.gooey-nav-container{width:100%}.gooey-nav-container nav ul{width:100%}.gooey-nav-container nav ul li{flex:1}.gooey-nav-container nav ul li a{min-width:0}}@media (prefers-reduced-motion: reduce){.gooey-nav-container *,.gooey-nav-container *:before,.gooey-nav-container *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.gooey-nav-container{--color-1: #ffdd00;--color-2: #ffdd00;--color-3: #ffdd00;--color-4: #ffdd00}.gooey-nav-container .effect.filter{mix-blend-mode:normal;filter:blur(7px) contrast(100) blur(0)}.gooey-nav-container .effect.filter:after{background:#fd0}.gooey-nav-container .point{background:#fd0;box-shadow:0 0 8px #ffdd00b3}.gooey-nav-container .effect.text{visibility:hidden;opacity:0}.gooey-nav-container .effect.text.active{visibility:visible;opacity:1}.gooey-nav-container nav ul{text-shadow:none}.gooey-nav-container nav ul li,.gooey-nav-container nav ul li:after,.gooey-nav-container .effect.filter:after{border-radius:12px}.gooey-nav-container nav ul li.active:after{box-shadow:none}.gooey-nav-container .effect.filter{filter:none;mix-blend-mode:normal}.gooey-nav-container .effect.filter:before{background:transparent}.gooey-nav-container .point{box-shadow:none}.gooey-nav-container nav ul li,.gooey-nav-container nav ul li a,.gooey-nav-container .effect.text{color:#fff}.gooey-nav-container nav ul li a{font-size:16px}.gooey-nav-container nav ul li.active,.gooey-nav-container nav ul li.active a,.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container nav ul,.gooey-nav-container nav ul li:not(.active){border:0;background:transparent;box-shadow:none}.star-border-container{display:inline-block;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;border:1px solid #2f293a;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}