.tile-board{max-width:100%;padding-top:var(--space-lg);flex-direction:column;align-items:stretch;margin-inline:auto;display:flex;container:tile-board/inline-size}html:not([data-tiles-ready]) .tile-board{visibility:hidden}.tile-grid{margin:var(--space) 0 0;position:relative}.tile-grid[data-flow-setup=true]{margin-top:var(--space-lg)}.tile-section-panel{box-sizing:border-box;pointer-events:none;width:100%;position:absolute;top:0;left:0}@keyframes tile-rise-fade{0%{opacity:0}to{opacity:1}}@keyframes tile-rise-y{0%{translate:0 10px}to{translate:0}}.tile-rise{animation:tile-rise-fade .52s var(--ease-out) both;animation-delay:var(--dur-fast)}.tile-rise .tile-item,.tile-rise .tile-section-panel{animation:tile-rise-y .52s var(--ease-out) both;animation-delay:var(--dur-fast)}.tile-item{box-sizing:border-box;touch-action:none;min-width:0;position:absolute;top:0;left:0;container:tile/inline-size}.tile[data-open=true]{scale:var(--press);transition:background-color var(--fade) ease, box-shadow var(--fade) ease, outline-color var(--fade) ease, scale 0s}.tile{box-sizing:border-box;appearance:none;outline-offset:0;background:var(--white);border-radius:var(--radius);width:100%;height:130px;min-height:130px;box-shadow:var(--shadow-subtle);font:inherit;color:inherit;transition:background-color var(--fade) ease, box-shadow var(--fade) ease, outline-color var(--fade) ease, scale var(--dur-fast) ease;border:0;outline:1px solid #0000;margin:0;padding:0;display:block}.tile-item[data-section=belong] .tile{background:var(--page);outline:var(--border);outline-offset:-1px;height:100%;min-height:0;box-shadow:none}.tile-shell .tile:hover,.tile-shell .tile:focus-visible{outline:var(--border);box-shadow:var(--shadow-strong)}.tile-shell .tile:has(:focus-visible){outline:var(--border);box-shadow:var(--shadow-strong)}.tile-item[data-section=belong] .tile-shell .tile:hover,.tile-item[data-section=belong] .tile-shell .tile:focus-visible{outline:var(--border);box-shadow:var(--shadow-subtle)}.tile-item[data-section=belong] .tile-shell .tile:has(:focus-visible){outline:var(--border);box-shadow:var(--shadow-subtle)}.tile-item[data-section=belong] .tile-shell .tile:is(:hover,:focus-visible,:has(:focus-visible)){background:color-mix(in srgb, var(--tile-tone) 8%, var(--page))}.tile-face{isolation:isolate;align-items:center;column-gap:var(--space-sm);row-gap:var(--space);box-sizing:border-box;width:100%;height:100%;min-height:100%;padding:var(--space);color:var(--title);text-align:left;pointer-events:none;grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.tile-face>.desk-icon,.tile-face>.icon{width:32px;height:32px;color:var(--title);flex-shrink:0;grid-area:1/1;align-self:center}.tile-face-body{display:contents}.tile-face-row{grid-area:1/2;min-width:0}.tile-item[data-section=belong] .tile-face{align-content:center;justify-items:start;row-gap:var(--space-xs);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.tile-item[data-section=belong] .tile-face>.desk-icon,.tile-item[data-section=belong] .tile-face>.icon{grid-area:1/1}.tile-item[data-section=belong] .tile-face-body{display:contents}.tile-item[data-section=belong] .tile-face-row{grid-area:2/1;max-width:100%}.tile-face-aside{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.tile-face>:not(.tile-face-aside){position:relative}.tile-face-aside .vinyl{aspect-ratio:1;width:auto;height:74%;position:absolute;top:50%;right:7%;translate:0 -50%}.tile-face[data-aside=true]{grid-template-columns:auto minmax(0,1fr) minmax(0,42%)}.tile-item[data-section=belong] .tile-face-aside .vinyl{height:min(70%,40cqw);right:5%}.tile-face-row{align-items:baseline;gap:6px;min-width:0;display:flex}.tile-face-value{color:var(--tile-tone-ink);font-size:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex-shrink:0;font-weight:600}.tile-face-value-soft{color:var(--content-strong);font-weight:400;line-height:1}.tile-face-label{min-width:0;color:var(--title);font-size:var(--text-sm);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.tile-shell{width:100%;height:100%;position:relative}
.workspace-switch{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space);pointer-events:none;flex-direction:column;padding-bottom:min(48vh,24rem);display:flex;position:absolute;inset:0;overflow:hidden}.workspace-switch[data-phase=leave]{overflow:visible}.desk:has(.workspace-switch) .desk-hero-space-icon{pointer-events:none}.desk:has(.workspace-switch) .desk-hero-space-icon .workspace-avatar{visibility:hidden}.workspace-switch-foreground{align-items:center;gap:var(--space);flex-direction:column;display:flex;position:relative}.workspace-switch-overlay{aspect-ratio:1;background:radial-gradient(circle farthest-side at center, var(--page) 0%, var(--page) 12%, color-mix(in srgb, var(--page) 72%, transparent) 32%, color-mix(in srgb, var(--page) 42%, transparent) 52%, color-mix(in srgb, var(--page) 16%, transparent) 74%, transparent 100%);--overlay-opacity:.85;width:36rem;height:36rem;animation:workspace-switch-overlay-in .52s var(--ease-out) both;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.workspace-switch[data-phase=leave] .workspace-switch-overlay{animation:workspace-switch-overlay-out .48s var(--ease-out) both}.workspace-switch-mark{place-items:center;width:130px;height:130px;display:grid;position:relative}.workspace-switch-avatar-slot{place-items:center;display:grid;position:relative}.workspace-avatar.workspace-switch-avatar{animation:workspace-switch-in .52s var(--ease-out) both}.workspace-avatar.workspace-switch-avatar:before{animation:1.28s linear both workspace-switch-rays}.workspace-switch-name{padding:var(--space-sm) var(--space);border:var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--title);box-shadow:var(--shadow-strong);font-size:var(--text);letter-spacing:.01em;animation:workspace-switch-name .52s var(--dur-fast) var(--ease-out) both;margin:0;font-weight:700;position:relative}.workspace-switch-chrome-leave{animation:workspace-switch-chrome-leave .22s var(--ease-out) both}@keyframes workspace-switch-in{0%{opacity:0;transform:scale(1.85)}to{opacity:1;transform:scale(2.5)}}@keyframes workspace-switch-rays{0%{transform:rotate(0)}to{transform:rotate(.128turn)}}@keyframes workspace-switch-overlay-in{0%{opacity:0}to{opacity:var(--overlay-opacity)}}@keyframes workspace-switch-overlay-out{0%{opacity:var(--overlay-opacity)}to{opacity:0}}@keyframes workspace-switch-name{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-switch-chrome-leave{0%{opacity:1}to{opacity:0}}.desk-tone{pointer-events:none;background-image:linear-gradient(to bottom, color-mix(in srgb, var(--tile-tone) 45%, transparent), transparent);width:100%;height:min(22rem,44vh);transition:none;position:absolute;top:0;left:0}.desk-tone[data-cover]{background-image:none}.desk-tone-cover{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-standard);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.desk-tone[data-cover] .desk-tone-cover{opacity:.85}html[data-flow] .desk{isolation:isolate}html[data-flow] .desk-scroll:has(>.desk-tone[data-full]){position:static}.desk-tone[data-full]{z-index:-1;height:auto;inset:0}.desk-tone[data-full] .desk-tone-cover{-webkit-mask-image:none;mask-image:none}.desk-tone[data-cover]:after{content:"";background:color-mix(in srgb, var(--page) 60%, transparent);position:absolute;inset:0}