:root{color:#f5faf9;background:#0a1014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#0a1014;overflow:hidden}button,a{font:inherit;touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}.experience{isolation:isolate;background:#0a1014;min-height:100svh;position:relative;overflow:hidden}.camera-plane{z-index:1;transform-origin:0 0;backface-visibility:hidden;position:absolute;inset:0;transform:translate(0,0)scale(1)}.phase-focusing .camera-plane{will-change:transform}.phase-desktop .camera-plane{will-change:auto}.scene-canvas{background:#d9d6cf;width:max(100vw,177.683vh);height:max(56.2804vw,100vh);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.scene-photo{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.curtain-motion{z-index:2;object-fit:fill;transform-origin:100% 0;will-change:transform;width:29.43%;height:71.73%;animation:6.2s ease-in-out 3 alternate forwards curtain-breeze;display:block;position:absolute;top:0;right:0}.room-light{z-index:3;opacity:.12;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(121deg,#0000 43%,#fff7dc70 57%,#0000 69%);animation:8s ease-in-out 3 alternate forwards daylight-shift;position:absolute;inset:-8%;transform:translate(-1%)}.air-motes{z-index:4;pointer-events:none;position:absolute;inset:0}.air-motes i{aspect-ratio:1;background:#fff9e1ad;border-radius:50%;width:2px;animation:7s ease-in-out 3 alternate forwards mote-drift;position:absolute;box-shadow:0 0 6px #fff8da8c}.air-motes i:first-child{animation-delay:-1s;top:28%;left:38%}.air-motes i:nth-child(2){animation-delay:-4s;top:43%;left:61%}.air-motes i:nth-child(3){animation-delay:-2.5s;top:21%;left:70%}.air-motes i:nth-child(4){animation-delay:-5.5s;top:55%;left:29%}.laptop-display-target{pointer-events:none;width:21.45%;height:25.8%;position:absolute;top:42.8%;left:39.35%}.computer-screen{z-index:10;isolation:isolate;clip-path:polygon(.35% 0,99.65% 0,99.25% 100%,.75% 100%);background:#04090c47;border-radius:1.1% 1.1% .5% .5%;width:19.5%;height:22.21%;position:absolute;top:44.21%;left:40.37%;overflow:hidden;box-shadow:inset 0 0 1.3cqw #00000094;container:laptop-screen/size}.computer-screen:before{z-index:0;content:"";background:radial-gradient(circle at 67% 25%,#42859a29,#0000 34%),radial-gradient(circle at 27% 75%,#594a9121,#0000 39%),linear-gradient(145deg,#0e1b21d1,#040a0eed);position:absolute;inset:0}.lcd-reflection{z-index:80;opacity:.64;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 0 20%,#ffffff09 29%,#0000 39%),linear-gradient(#ffffff03,#0000 36%,#00000009);position:absolute;inset:0}.login-screen{z-index:10;color:#f2f9f8e6;flex-direction:column;justify-content:center;align-items:center;transition:opacity .42s .25s,transform .62s .18s;display:flex;position:absolute;inset:0}.phase-focusing .login-screen{opacity:0;pointer-events:none;transform:scale(.965)}.login-profile{aspect-ratio:1;background:linear-gradient(145deg,#ffffff29,#7ac2b909);border:.18cqw solid #c5e9e247;border-radius:50%;width:13cqw;padding:.45cqw;box-shadow:0 0 4cqw #5bc1b31f,inset 0 .16cqw #ffffff2e}.login-profile img{object-fit:cover;object-position:center 43%;filter:brightness(.86)saturate(.82);border-radius:50%;width:100%;height:100%;display:block}.login-screen p{color:#8bd5c9;letter-spacing:.18em;margin:2.8cqh 0 0;font-size:clamp(10px,1.12cqw,14px);font-weight:700}.login-screen h1{letter-spacing:.09em;margin:.8cqh 0 0;font-size:clamp(18px,3.25cqw,28px);font-weight:570;line-height:1}.enter-button{color:#f1f9f7db;cursor:pointer;white-space:nowrap;background:linear-gradient(#c9ede71a,#ffffff06);border:.18cqw solid #bee4dc38;border-radius:999px;align-items:center;gap:2.1cqw;height:11.5cqh;min-height:26px;margin-top:4.8cqh;padding:0 3.8cqw;font-size:clamp(11px,1.52cqw,14px);font-weight:580;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:inset 0 .18cqw #ffffff17,0 1.2cqw 3.2cqw #0000003b}.enter-button i{color:#91ddcf;font-style:normal;transition:transform .18s}.enter-button:hover{background:linear-gradient(#ace8dc2e,#ffffff0b);border-color:#97e1d375;transform:translateY(-.5cqh)}.enter-button:hover i{transform:translate(.8cqw)}.workspace{z-index:20;color:#f3faf8;opacity:0;pointer-events:none;transition:opacity .33s;position:absolute;inset:0;overflow:hidden}.workspace.is-active{opacity:1;pointer-events:auto}.workspace:before{z-index:-1;content:"";background:radial-gradient(circle at 68% 27%,#409aa42e,#0000 34%),radial-gradient(circle at 25% 78%,#564d9726,#0000 37%),linear-gradient(145deg,#111f25,#071116 62%,#050b0f);position:absolute;inset:0}.workspace:after{z-index:-1;opacity:.38;content:"";background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:4.6cqw 6.4cqh;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.workspace-home{position:absolute;inset:0}.workspace-bar{z-index:4;color:#e5f1ef7a;letter-spacing:.035em;background:#02080b40;border-bottom:.15cqw solid #e2f8f316;grid-template-columns:1fr auto 1fr;align-items:center;height:9.6cqh;padding:0 3.5cqw;font-size:.82cqw;display:grid;position:absolute;top:0;left:0;right:0}.workspace-traffic{justify-content:center;align-items:center;gap:2cqw;display:flex}.workspace-traffic b{color:#e5f1ef94;align-items:center;gap:.65cqw;font-size:.72cqw;font-weight:560;display:flex}.workspace-traffic i{aspect-ratio:1;background:#8be0c9;border-radius:50%;width:.52cqw;animation:2.2s ease-in-out infinite presence-pulse;box-shadow:0 0 1.5cqw #8be0c9b3}.workspace-count{justify-self:end}.workspace-brand{color:#f2f9f7d1;align-items:center;gap:1.1cqw;font-weight:650;display:flex}.workspace-brand i{aspect-ratio:1;background:#8be0c9;border-radius:50%;width:.58cqw;box-shadow:0 0 1.8cqw #8be0c9cc}.workspace-icons{z-index:3;grid-template-columns:repeat(4,18cqw);align-content:start;gap:6cqh 3cqw;display:grid;position:absolute;top:16cqh;left:4.8cqw;right:4.8cqw}.app-shortcut{cursor:pointer;perspective:42cqw;background:0 0;border:0;justify-items:center;gap:1.2cqh;width:18cqw;padding:0;display:grid;position:relative}.app-shortcut strong{color:#f5fbf9e6;text-align:center;text-overflow:ellipsis;text-shadow:0 .45cqw 1.2cqw #000000d1;white-space:nowrap;border-radius:.7cqw;max-width:100%;padding:.5cqh .75cqw;font-size:.88cqw;font-weight:560;line-height:1.1;overflow:hidden}.app-shortcut em{color:color-mix(in srgb, var(--accent,#8be0c9) 72%, white 18%);letter-spacing:.04em;opacity:.72;margin-top:-.8cqh;font-size:.62cqw;font-style:normal}.app-shortcut:hover strong,.app-shortcut:focus-visible strong{background:#def8f21a}.app-shortcut:focus-visible{outline:none}.app-shortcut:focus-visible .liquid-icon{filter:brightness(1.08)}.workspace-footer{color:#e4f1ee45;align-items:center;gap:1.4cqw;font-size:.8cqw;display:flex;position:absolute;bottom:4cqh;right:3.7cqw}.workspace-footer i{aspect-ratio:1;background:#82ddc7;border-radius:50%;width:.72cqw;box-shadow:0 0 1.8cqw #82ddc7bf}.liquid-icon{--accent:#8be0c9;--delay:0s;aspect-ratio:1;contain:paint;width:5.2cqw;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.glass-depth{background:radial-gradient(circle at 24% 18%, #ffffff52, transparent 23%), linear-gradient(145deg, #ffffff2b, #ffffff09 58%, color-mix(in srgb, var(--accent) 25%, transparent));box-shadow:inset .14cqw .18cqw .55cqw #fff3, inset -.3cqw -.4cqw .8cqw #00000040, 0 1cqh 2.3cqh #00000052, 0 0 2.4cqw color-mix(in srgb, var(--accent) 22%, transparent);-webkit-backdrop-filter:blur(.5cqw)saturate(1.15);backdrop-filter:blur(.5cqw)saturate(1.15);border:.16cqw solid #e2fcf83d;border-radius:24%;position:absolute;inset:0}.logo-medallion{transform-style:preserve-3d;position:absolute;inset:11%}.workspace.is-active .app-shortcut .logo-medallion{animation:icon-wake 1.15s cubic-bezier(.22,.76,.22,1) var(--delay) both}.logo-face{background:color-mix(in srgb, var(--accent) 16%, #071116 84%);backface-visibility:hidden;border-radius:20%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 1.2cqw #ffffff14}.logo-back{transform:rotateY(180deg)}.logo-face img{object-fit:cover;width:100%;height:100%;display:block}.logo-face b{color:color-mix(in srgb, var(--accent) 82%, white 18%);text-shadow:0 0 1.4cqw color-mix(in srgb, var(--accent) 50%, transparent);font-size:2.35cqw;font-weight:660;line-height:1}.glass-highlight{opacity:.34;pointer-events:none;background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:50%;width:34%;height:84%;position:absolute;top:8%;left:-42%;transform:skew(-17deg)translate(0)}.workspace.is-active .app-shortcut .glass-highlight{animation:glass-sweep 1.25s ease calc(var(--delay) + .18s) 1 both}.static-icon{flex:none;width:7cqw}.static-icon .logo-medallion,.static-icon .glass-highlight{animation:none!important}@media (hover:hover){.app-shortcut:hover .logo-medallion,.app-shortcut:focus-visible .logo-medallion{animation:1.35s cubic-bezier(.2,.75,.2,1) both icon-turn}}.project-dialog{z-index:60;-webkit-backdrop-filter:blur(1.6cqw)saturate(1.08);backdrop-filter:blur(1.6cqw)saturate(1.08);background:#070f14eb;border:.16cqw solid #daf4ef2b;border-radius:2.2cqw;width:88cqw;height:78cqh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4cqh 12cqh #0000008c,inset 0 .12cqw #ffffff14}.dialog-bar{color:#e7f4f18c;background:#ffffff07;border-bottom:.14cqw solid #e2f7f217;grid-template-columns:1fr auto 1fr;align-items:center;height:10cqh;padding:0 2.5cqw;font-size:.75cqw;display:grid}.dialog-bar b{justify-self:center;font-weight:570}.dialog-bar button{aspect-ratio:1;color:#f2f9f7bf;cursor:pointer;background:#ffffff0a;border:.14cqw solid #ffffff21;border-radius:50%;justify-self:end;place-items:center;width:3.5cqw;padding:0;font-size:1.35cqw;display:grid}.dialog-bar button:hover,.dialog-bar button:focus-visible{background:#8be0c91f;border-color:#96e5d480;outline:none}.window-lights{gap:.65cqw;display:flex}.window-lights i{aspect-ratio:1;background:#dff4ef2e;border-radius:50%;width:.68cqw}.window-lights i:first-child{background:#df8d79}.window-lights i:nth-child(2){background:#d5bb69}.window-lights i:last-child{background:#77cba7}.dialog-content{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:5cqw;height:calc(100% - 10cqh);padding:5cqw;display:grid}.project-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.project-copy>p{color:color-mix(in srgb, var(--accent,#8bd5c9) 72%, #c9fff2 28%);letter-spacing:.13em;margin:2.8cqh 0 0;font-size:.72cqw;font-weight:720}.project-copy h2{letter-spacing:.025em;margin:1.1cqh 0 0;font-size:2.55cqw;font-weight:590;line-height:1.05}.project-copy>span{color:#e6f2efb0;max-width:96%;margin-top:2.8cqh;font-size:.9cqw;line-height:1.65}.project-copy>small{color:#d9e7e45c;margin-top:auto;font-size:.68cqw;line-height:1.55}.project-actions{flex-direction:column;justify-content:center;gap:2.1cqh;min-width:0;display:flex}.project-status{color:#e0f1ed80;align-self:flex-start;align-items:center;gap:1cqw;margin-bottom:.8cqh;font-size:.72cqw;display:flex}.project-status i{aspect-ratio:1;background:#83dec8;border-radius:50%;width:.58cqw;box-shadow:0 0 1.5cqw #83dec8a6}.project-action{background:#ffffff09;border:.14cqw solid #def5ef1f;border-radius:1.4cqw;justify-content:space-between;align-items:center;min-height:14cqh;padding:0 2.5cqw;transition:border-color .18s,background .18s,transform .18s;display:flex}.project-action>span{flex-direction:column;gap:.8cqh;min-width:0;display:flex}.project-action b{font-size:.84cqw;font-weight:590}.project-action small{color:#e1eeeb5c;letter-spacing:.05em;font-size:.63cqw}.project-action>strong{color:#8ee1cf;font-size:1.2cqw;font-weight:500}.project-action.primary{background:linear-gradient(135deg,#86e0cc29,#ffffff09);border-color:#86e0cc47}.project-action:hover,.project-action:focus-visible{background:#8ee2cf1a;border-color:#8ee2cf73;outline:none;transform:translateY(-.4cqh)}.coming-soon{text-align:center;background:#ffffff06;border:.14cqw solid #ddf4ef17;border-radius:1.7cqw;flex-direction:column;justify-content:center;align-items:center;min-height:31cqh;padding:4cqw;display:flex}.coming-soon b{font-size:1.05cqw;font-weight:580}.coming-soon span{color:#deede96e;max-width:90%;margin-top:2cqh;font-size:.72cqw;line-height:1.55}@media (max-width:767px),(max-height:500px) and (max-width:1023px){.login-profile{width:18cqw}.login-screen p{margin-top:2cqh;font-size:3cqw}.login-screen h1{margin-top:.8cqh;font-size:6cqw}.enter-button{justify-content:center;min-width:148px;min-height:44px;margin-top:4cqh;font-size:12px}.workspace-bar{grid-template-columns:auto 1fr auto;height:14cqh;padding:0 5cqw;font-size:2.7cqw}.workspace-brand{gap:2cqw}.workspace-brand i{width:1.5cqw}.workspace-traffic{gap:2.5cqw}.workspace-traffic b{gap:1.2cqw;font-size:2.25cqw}.workspace-traffic i{width:1.4cqw}.workspace-count{font-size:2.2cqw}.workspace-icons{grid-template-columns:repeat(3,28cqw);gap:5cqh 2.5cqw;top:19cqh;left:5cqw;right:5cqw}.app-shortcut{gap:1.2cqh;width:28cqw}.app-shortcut strong{border-radius:1.5cqw;padding:.4cqh 1cqw;font-size:2.9cqw}.app-shortcut em{margin-top:-.7cqh;font-size:2.05cqw}.liquid-icon{width:13cqw}.logo-face b{font-size:6cqw}.glass-depth,.project-dialog{-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-footer{display:none}.static-icon{width:11cqw}.project-dialog{overscroll-behavior:contain;border-radius:3cqw;width:auto;height:auto;inset:2cqw;overflow:auto;transform:none}.dialog-bar{height:16cqh;padding:0 4cqw;font-size:2.6cqw}.dialog-bar button{border-width:.35cqw;width:11cqw;font-size:5cqw}.window-lights{gap:1.2cqw}.window-lights i{width:1.8cqw}.dialog-content{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4cqw;height:calc(100% - 16cqh);padding:4cqw}.project-copy>p{margin-top:2cqh;font-size:2.1cqw}.project-copy h2{margin-top:.8cqh;font-size:4.8cqw}.project-copy>span{margin-top:2cqh;font-size:2.65cqw;line-height:1.45}.project-copy>small{margin-top:2cqh;font-size:2.1cqw;line-height:1.35}.project-actions{gap:2cqh}.project-status{gap:2cqw;margin-bottom:0;font-size:2.2cqw}.project-status i{width:1.5cqw}.project-action{border-radius:2.5cqw;min-height:19cqh;padding:0 3cqw}.project-action b{font-size:2.55cqw}.project-action small{font-size:1.9cqw}.project-action>strong{font-size:4cqw}.coming-soon{border-radius:2.8cqw;min-height:45cqh;padding:4cqw}.coming-soon b{font-size:3cqw}.coming-soon span{margin-top:2cqh;font-size:2.2cqw}}@media (max-width:767px) and (orientation:portrait){.project-dialog{overflow:hidden}.dialog-bar{height:21cqh;min-height:44px;padding:0 4cqw;font-size:max(3.4cqw,11px)}.dialog-bar button{width:13.5cqw;min-width:44px;min-height:44px;font-size:max(5cqw,18px)}.dialog-content{scrollbar-width:thin;overscroll-behavior:contain;height:calc(100% - max(21cqh,44px));padding:5cqw;display:block;overflow-y:auto}.project-copy{grid-template-columns:15cqw minmax(0,1fr);align-items:start;column-gap:4cqw;display:grid}.project-copy .static-icon{grid-area:1/1/3;width:15cqw}.project-copy>p{grid-column:2;margin:.5cqh 0 0;font-size:max(3cqw,10px)}.project-copy h2{grid-column:2;margin-top:1.2cqh;font-size:max(5.5cqw,18px)}.project-copy>span,.project-copy>small{grid-column:1/-1;font-size:max(3.45cqw,11.5px);line-height:1.55}.project-copy>span{margin-top:4cqh}.project-copy>small{margin-top:2.5cqh}.project-actions{gap:2.5cqh;margin-top:4cqh}.project-status{font-size:max(3.25cqw,11px)}.project-action{min-height:22cqh;padding:0 4cqw}.project-action b{font-size:max(3.45cqw,11.5px)}.project-action small{font-size:max(2.8cqw,9.5px)}.coming-soon{min-height:34cqh}.coming-soon b{font-size:max(3.8cqw,13px)}.coming-soon span{font-size:max(3.2cqw,11px)}}@keyframes curtain-breeze{0%{transform:translate(0,0)rotate(.04deg)scale(1)}45%{transform:translate(1px,.5px)rotate(-.05deg)scaleX(1.0015)}to{transform:translate(3px)rotate(.07deg)scaleX(1.003)}}@keyframes daylight-shift{0%{opacity:.08;transform:translate(-1%)}to{opacity:.15;transform:translate(1%,.2%)}}@keyframes mote-drift{0%{opacity:0;transform:translateY(4px)}30%{opacity:.7}to{opacity:.18;transform:translate(16px,-12px)}}@keyframes icon-wake{0%{transform:rotateY(-82deg)rotateX(8deg)scale(.86)}65%{transform:rotateY(15deg)rotateX(-2deg)scale(1.035)}to{transform:rotateY(0)rotateX(0)scale(1)}}@keyframes icon-turn{0%{transform:rotateY(0)rotateX(0)}to{transform:rotateY(360deg)rotateX(0)}}@keyframes glass-sweep{0%{opacity:0;transform:skew(-17deg)translate(0)}28%{opacity:.42}to{opacity:0;transform:skew(-17deg)translate(430%)}}@keyframes presence-pulse{0%,to{opacity:.6;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}.efficient-mode .curtain-motion,.efficient-mode .room-light,.efficient-mode .air-motes,.efficient-mode .logo-medallion,.efficient-mode .glass-highlight,.efficient-mode .workspace-traffic i{animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.curtain-motion,.room-light,.air-motes i,.logo-medallion,.glass-highlight,.workspace-traffic i{animation:none!important}.workspace,.login-screen,.enter-button,.project-action{transition-duration:.01ms!important}}
