.ios-chrome{display:contents}.desk-rail,.desk-ambient,.desk-auth,.desk-auth-pane{display:none}@media(min-width:640px){body[data-form=desktop]{--desk-rail: 200px;--desk-col: 760px;--desk-gut: 28px;--desk-fit: 1;--desk-hair: rgba(255, 255, 255, .102);--desk-radius: 24px}body[data-form=desktop] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid #f5f5f0;outline-offset:2px}body[data-form=desktop] ::-webkit-scrollbar{width:10px;height:10px}body[data-form=desktop] ::-webkit-scrollbar-track{background:transparent}body[data-form=desktop] ::-webkit-scrollbar-thumb{background:#f5f5f024;background-clip:content-box;border:3px solid transparent;border-radius:8px}body[data-form=desktop] ::-webkit-scrollbar-thumb:hover{background:#f5f5f047;background-clip:content-box}body[data-form=desktop] .ios-chrome{display:none}body[data-form=desktop][data-surface=app]{display:grid;grid-template-columns:var(--desk-rail) minmax(0,1fr);align-items:stretch;justify-content:normal;height:100dvh;min-height:0;padding:0;overflow:hidden}body[data-form=desktop][data-surface=app] .phone-shell{width:auto;height:auto;min-width:0;border:0;border-radius:0;box-shadow:none}body[data-form=desktop][data-surface=app] .phone-canvas{border-radius:0;overflow-x:hidden;padding-inline:max(var(--desk-gut),calc((100% - var(--desk-col)) / 2));scrollbar-gutter:stable}body[data-form=desktop][data-surface=app] .phone-canvas :is(nav,[data-tabbar]){display:none}body[data-form=desktop][data-surface=app] .phone-canvas:not(:has([data-header])){padding-top:18px}body[data-form=desktop][data-surface=app] [data-header]{position:sticky;top:0;z-index:15;padding-top:12px;background:var(--color-ink)}body[data-form=desktop][data-surface=app] .phone-canvas :has(>input[type=text]){max-width:440px}body[data-form=desktop][data-route="/profile"] .phone-canvas img.h-\[140px\]{height:200px}body[data-form=desktop][data-route="/signals"] .phone-canvas a.w-full{max-width:318px}body[data-form=desktop][data-surface=app] .phone-canvas>:is(a,button).absolute{position:fixed;top:auto;bottom:32px;right:max(var(--desk-gut),calc((100vw - var(--desk-rail) - var(--desk-col)) / 2))}body[data-form=desktop][data-route="/works"]{--desk-col: 1120px}body[data-form=desktop][data-route="/home"],body[data-form=desktop][data-route="/dashboard"],body[data-form=desktop][data-route="/profile"]{--desk-col: 880px}body[data-form=desktop][data-route="/works/add"],body[data-form=desktop][data-route="/works/detail"],body[data-form=desktop][data-route="/links/generate"],body[data-form=desktop][data-route="/rooms/build"]{--desk-col: 560px}body[data-form=desktop][data-route="/inbox/thread"]{--desk-col: 680px}body[data-form=desktop]:is([data-route="/contacts"],[data-route="/network"],[data-route="/artists"]){--desk-col: 1180px}body[data-form=desktop][data-route="/profile"]{--desk-col: 1040px}@media(min-width:1024px){body[data-form=desktop][data-route="/network"] .phone-canvas :is(img,span).h-\[48px\].w-\[48px\]{height:72px;width:72px;font-size:21px}body[data-form=desktop][data-route="/profile"] .phone-canvas .flex-wrap :is(img,span).h-\[48px\].w-\[48px\]{height:76px;width:76px;font-size:22px}body[data-form=desktop][data-route="/profile"] .phone-canvas .flex-wrap{gap:22px}body[data-form=desktop][data-route="/profile"] .phone-canvas .flex-wrap>*{width:88px}body[data-form=desktop][data-route="/signals/room"] .phone-canvas [data-kpis]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}body[data-form=desktop][data-route="/profile"] .phone-canvas [data-public-rooms]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body[data-form=desktop][data-route="/profile"] .phone-canvas .flex-wrap>*>span:last-child{white-space:normal;text-align:center;line-height:1.25}}@media(min-width:1024px){body[data-form=desktop]:is([data-route="/contacts"],[data-route="/artists"]) .phone-canvas [class*=space-y-]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}body[data-form=desktop]:is([data-route="/contacts"],[data-route="/artists"]) .phone-canvas [class*=space-y-]>*{margin-top:0}}body[data-form=desktop][data-route="/works"] .grid-cols-2{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}body[data-form=desktop][data-route="/works"] .grid-cols-2>*{height:auto;padding-bottom:12px}body[data-form=desktop][data-route="/works"] .grid-cols-2>*>img,body[data-form=desktop][data-route="/works"] .grid-cols-2>*>span:first-child{height:auto;aspect-ratio:1 / 1}body[data-form=desktop][data-surface=app] .desk-rail{display:flex;flex-direction:column;min-height:0;height:100dvh;padding:22px 12px 14px;border-right:1px solid var(--desk-hair);background:var(--color-surface)}.desk-brand{display:flex;align-items:center;gap:9px;padding:0 8px 20px;color:#f5f5f0;text-decoration:none}.desk-brand-mark{flex:none;opacity:.9}.desk-brand-word{font-stretch:115%;font-size:11.6px;font-weight:700;letter-spacing:-.02em;line-height:1;text-transform:uppercase}.desk-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.desk-nav-group{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.desk-nav-heading{margin:18px 0 7px;padding:0 10px;font-stretch:115%;font-size:9.15px;font-weight:700;letter-spacing:-.04em;line-height:1;text-transform:uppercase;color:var(--color-text-dim);opacity:.75}.desk-link{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:8px;color:var(--color-text-dim);text-decoration:none;transition:background-color var(--mo-state) var(--ease-mo),color var(--mo-state) var(--ease-mo)}.desk-link>span{font-stretch:112%;font-size:10.6px;font-weight:700;letter-spacing:-.03em;line-height:1;text-transform:uppercase}.desk-link-icon{flex:none;opacity:.85}.desk-link:hover{background:#f5f5f00f;color:#f5f5f0}.desk-link[aria-current=page]{background:var(--color-brand);color:#fff}.desk-link[aria-current=page] .desk-link-icon{opacity:1}.desk-ident{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 10px 4px;border-top:1px solid var(--desk-hair);color:var(--color-text-dim);text-decoration:none;transition:color var(--mo-state) var(--ease-mo)}.desk-ident:hover{color:#f5f5f0}.desk-ident-badge{display:flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--desk-hair);border-radius:8px;background:var(--color-ink);color:#f5f5f0;font-stretch:115%;font-size:9.15px;font-weight:700;letter-spacing:-.04em;line-height:1}.desk-ident-text{min-width:0}.desk-ident-name{display:block;overflow:hidden;color:#f5f5f0;font-size:11px;font-weight:700;letter-spacing:-.03em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.desk-ident-sub{display:block;margin-top:3px;overflow:hidden;font-size:10px;font-weight:400;letter-spacing:-.02em;line-height:1;text-overflow:ellipsis;white-space:nowrap}body[data-form=desktop]:is([data-surface=auth],[data-surface=room]){height:100dvh;min-height:0;padding:0;overflow:auto;background:#0a0e13}body[data-form=desktop]:is([data-surface=auth],[data-surface=room]) .phone-shell{flex:none;border:1px solid var(--desk-hair);border-radius:var(--desk-radius);box-shadow:0 60px 160px -40px #000000f2;transform:scale(var(--desk-fit));transform-origin:center center}body[data-form=desktop]:is([data-surface=auth],[data-surface=room]) .phone-canvas{border-radius:calc(var(--desk-radius) - 1px)}body[data-form=desktop][data-surface=auth]{--auth-ground: var(--color-brand);--auth-pane-bg: var(--color-ink);--auth-air: clamp(30px, 3.4vw, 68px);align-items:safe center;justify-content:center;overflow-x:hidden;background:var(--auth-ground)}body[data-form=desktop][data-surface=auth] .phone-shell{border:0;box-shadow:none;margin-block:calc((844px * var(--desk-fit) - 844px) / 2);margin-inline:calc((390px * var(--desk-fit) - 390px) / 2)}body[data-form=desktop][data-surface=auth] .phone-shell{border-radius:var(--desk-radius);box-shadow:0 48px 120px -36px #040228b3}body[data-form=desktop][data-surface=auth][data-route="/entrance"] .phone-shell{box-shadow:none}body[data-form=desktop][data-surface=room] .desk-ambient{position:fixed;z-index:0;display:block;inset:-8%;background-image:var(--desk-ambient, none);background-position:center;background-size:cover;filter:blur(72px) saturate(115%) brightness(.72);opacity:.55;pointer-events:none}body[data-form=desktop][data-surface=room] .desk-ambient:after{position:absolute;background:radial-gradient(120% 90% at 50% 45%,#0a0e1340,#0a0e13eb 72%);content:"";inset:0}body[data-form=desktop][data-surface=room] .phone-shell{position:relative;z-index:1}body[data-form=desktop][data-surface=room][data-route^="/t/"]{--conv-col: 620px}body[data-form=desktop][data-surface=room][data-route^="/t/"] .phone-shell.bg-ink{width:100%;height:100dvh;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}body[data-form=desktop][data-surface=room][data-route^="/t/"] .phone-shell.bg-ink .phone-canvas{inset:0 max(0px,calc((100% - var(--conv-col)) / 2));border-inline:1px solid var(--desk-hair);border-radius:0;background:var(--color-ink)}}@media(min-width:900px){body[data-form=desktop][data-surface=auth]:not([data-route="/entrance"]){--auth-pane: calc(390px * var(--desk-fit) + var(--auth-air) * 2);display:grid;grid-template-columns:minmax(0,1fr) var(--auth-pane);align-items:stretch;justify-content:normal}body[data-form=desktop][data-surface=auth]:not([data-route="/entrance"]) .desk-auth{display:flex;grid-area:1 / 1;align-items:center;justify-content:center;min-width:0;padding:48px clamp(40px,5vw,88px);background:radial-gradient(74% 70% at 14% 6%,#ffffff1d,#fff0 58%)}.desk-auth-inner{max-width:30ch}.desk-auth-mark{display:block;margin-bottom:34px;color:#f5f5f0}.desk-auth-line{margin:0;max-width:24ch;color:#ffffffbd;font-size:clamp(17px,1.55vw,23px);font-stretch:108.9%;font-weight:400;letter-spacing:-.01em;line-height:1.42}body[data-form=desktop][data-surface=auth]:not([data-route="/entrance"]) .desk-auth-pane{display:block;z-index:0;grid-area:1 / 2;border-left:1px solid var(--desk-hair);background:var(--auth-pane-bg);box-shadow:-24px 0 60px -20px #0000008c}body[data-form=desktop][data-surface=auth]:not([data-route="/entrance"]) .phone-shell{z-index:1;grid-area:1 / 2;place-self:safe center;border-radius:0;box-shadow:none}body[data-form=desktop][data-surface=auth]:not([data-route="/entrance"]) .phone-canvas{border-radius:0}}@media(min-width:1024px){body[data-form=desktop][data-screen=room-zoom] .phone-shell,body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-shell:has(>.phone-canvas>div>:is(h1,h2)){width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none;transform:none}body[data-form=desktop][data-screen=room-zoom] .phone-canvas,body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-shell:has(>.phone-canvas>div>:is(h1,h2)) .phone-canvas{border-radius:0}body[data-form=desktop][data-screen=room-zoom] .desk-ambient,body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]):has(.phone-canvas>div>:is(h1,h2)) .desk-ambient{display:none}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1){--wall-x: clamp(44px, 5vw, 96px);--wall-top: clamp(40px, 6vh, 80px);--wall-bottom: clamp(64px, 9vh, 112px);--wall-cap: clamp(340px, 27vw, 420px);--wall-gap: clamp(40px, 5vw, 96px);display:grid;grid-template-columns:minmax(0,1fr) var(--wall-cap);grid-template-rows:1fr auto auto auto 30px auto 1fr;column-gap:var(--wall-gap);padding:var(--wall-top) var(--wall-x) var(--wall-bottom)}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>a:has(>img){top:var(--wall-top);right:calc(var(--wall-cap) + var(--wall-gap) + var(--wall-x));bottom:var(--wall-bottom);left:var(--wall-x);width:auto;height:auto}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>a:has(>img)>img{object-fit:contain}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>div.uppercase{position:static;grid-area:2 / 2;align-self:end}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>h1{position:static;grid-area:3 / 2;margin-top:10px}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>p{position:static;grid-area:4 / 2;margin-top:11px}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>div.rounded-\[32px\]{position:static;grid-area:6 / 2;width:100%}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>div.rounded-\[32px\]>*{flex:1 1 0;width:auto!important}body[data-form=desktop][data-screen=room-wall] .phone-canvas>div:has(>h1)>div.inset-x-0{top:auto;right:var(--wall-x);bottom:var(--wall-bottom);left:auto;width:var(--wall-cap)}body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div{--zx: clamp(36px, 4.5vw, 72px);--zy: clamp(36px, 5vh, 64px);--zdx: calc(var(--zx) - 20px);--zdy: calc(100dvh - var(--zy) - 755px)}body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>img{top:0;left:0;width:100%;height:100%}body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>a.rounded-full{top:var(--zy);left:var(--zx)}body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>svg{top:var(--zy);right:var(--zx);left:auto}body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>div.rounded-\[24px\],body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>div.uppercase,body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>h1,body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>p,body[data-form=desktop][data-screen=room-zoom] .phone-canvas>div>a.rounded-\[22px\]{translate:var(--zdx) var(--zdy)}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:center;column-gap:clamp(28px,3.5vw,64px);padding:clamp(40px,6vh,80px) clamp(44px,5vw,96px) clamp(76px,10vh,120px)}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2)>a:has(>img){position:static;grid-row:1;width:100%;height:auto;aspect-ratio:350 / 220}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2)>div.uppercase{position:static;grid-row:2;margin-top:15px}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2)>h2{position:static;grid-row:3;margin-top:4px}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2)>button{position:static;grid-row:4;align-self:start;justify-self:start;margin-top:17px}body[data-form=desktop]:is([data-screen=room-wall],[data-screen=room-wall-group]) .phone-canvas>div:has(>h2)>div.inset-x-0{top:auto;bottom:clamp(28px,4vh,44px)}}@media(min-width:1100px){body[data-form=desktop]{--desk-rail: 232px;--desk-gut: 40px}}@media(min-width:640px)and (max-width:859px){body[data-form=desktop]{--desk-rail: 168px;--desk-gut: 20px}body[data-form=desktop] .desk-link{gap:8px;padding:0 8px}}@media(prefers-reduced-motion:reduce){.desk-link,.desk-ident{transition:none}}
