.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:calc(var(--space-lg) + var(--hit) + var(--space))}.tile-section-label{min-height:var(--hit);padding-bottom:var(--space);pointer-events:none;align-items:center;display:flex;position:absolute;top:0;left:0}.tile-section-label-text{color:var(--title);font-size:var(--text);letter-spacing:.01em;font-weight:600;line-height:var(--hit);white-space:nowrap;margin:0}.tile-section-panel{box-sizing:border-box;border-radius:0 var(--radius) var(--radius) var(--radius);background:var(--white);width:100%;box-shadow:var(--shadow-subtle);pointer-events:none;position:absolute;top:0;left:0}.tile-section-tab{box-sizing:border-box;background:var(--white);border-radius:var(--radius) 18px 0 0;justify-content:center;align-items:center;min-height:32px;padding:8px 20px 10px;display:flex;position:absolute;top:0;left:0;translate:0 -100%;box-shadow:0 -4px 10px -4px #00000012}.tile-section-tab:after{content:"";width:14px;height:14px;box-shadow:-6px 6px 0 6px var(--white);border-bottom-left-radius:14px;position:absolute;bottom:0;right:-14px}.tile-section-tab-label{color:var(--title);font-size:var(--text);letter-spacing:.01em;white-space:nowrap;margin:0;font-weight:600;line-height:1.2}.tile-section-tabs{z-index:2;box-sizing:border-box;min-height:var(--hit);pointer-events:auto;flex-wrap:wrap;align-items:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.tile-section-tabs .tile-section-tab{cursor:var(--cursor);border:0;font-family:inherit;position:relative;top:auto;left:auto;translate:none}.tile-section-tabs .tile-section-tab[data-active=false]{box-shadow:none;color:var(--content);background:0 0;font-weight:500}.tile-section-tabs .tile-section-tab[data-active=false]:after{content:none}.tile-section-tabs .tile-section-tab[data-joined=true]{margin-right:14px}.tile-section-tabs[data-tools=true]{align-items:center;gap:var(--space-sm);flex-wrap:nowrap}.tile-section-tabs[data-tools=true] .set-modules-count{margin:0 0 0 auto;line-height:1}.tile-section-tabs[data-tools=true] .set-modules-open{height:32px;min-height:32px}.set-modules-panel{z-index:2;pointer-events:auto;min-height:0;padding-bottom:0}.tile-grid[data-desk-tabs=true] .tile-item[data-section=set] .tile{background:color-mix(in srgb, var(--tile-tone) 20%, transparent);min-height:0;box-shadow:none}.tile-grid[data-desk-tabs=true] .tile-item[data-section=set] .tile-shell .tile:hover{background:var(--white);box-shadow:none}.tile-grid[data-desk-tabs=true] .tile-item[data-section=set] .tile-shell .tile:focus-visible{background:var(--white);box-shadow:var(--shadow-subtle)}.tile-grid[data-desk-tabs=true] .tile-item[data-section=set] .tile-shell .tile:has(:focus-visible){background:var(--white);box-shadow:var(--shadow-subtle)}@media (hover:hover){.tile-section-tabs .tile-section-tab[data-active=false]:hover{color:var(--title)}}@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,.tile-rise .tile-section-tabs,.tile-rise .set-modules-bar,.tile-rise .tile-drop-slot{animation:tile-rise-y .52s var(--ease-out) both;animation-delay:var(--dur-fast)}.tile-drop-slot{box-sizing:border-box;pointer-events:none;border-radius:var(--radius);background:var(--black-5);position:absolute;top:0;left:0}.tile-pair-link{z-index:3;border-radius:var(--radius-full);background:var(--white);width:28px;height:28px;color:var(--content);box-shadow:var(--shadow-subtle);cursor:var(--cursor);border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.tile-pair-link[aria-pressed=true]{color:var(--title);background:var(--tile-tone-pale)}.tile-pair-link .icon{width:var(--icon-sm);height:var(--icon-sm)}.tile-item{box-sizing:border-box;touch-action:none;min-width:0;position:absolute;top:0;left:0;container:tile/inline-size}.tile-item[data-reorder=true],.tile-item[data-reorder=true] .tile,.tile-item[data-reorder=true] .tile-task-open{cursor:grab}.tile-item[data-reorder=true][data-dragging=true],.tile-item[data-reorder=true][data-dragging=true] .tile,.tile-item[data-reorder=true][data-dragging=true] .tile-task-open{cursor:grabbing}.tile-item[data-reorder=true] .tile-module-hide,.tile-item[data-reorder=true] .tile-task-add,.tile-item[data-reorder=true] .tile-file-upload{cursor:pointer}.tile-item-detached{z-index:40;touch-action:none;position:fixed}.tile-item[data-dragging=true] .tile,.tile-item[data-dragging=true] .tile:hover{outline:var(--border);box-shadow:var(--shadow-strong);transition:none}.tile-item[data-section=belong][data-dragging=true] .tile,.tile-item[data-section=belong][data-dragging=true] .tile:hover{background:var(--white);box-shadow:var(--shadow-subtle)}body.dragging .tile-item[data-dragging=true] .tile{scale:var(--press)}.tile-item[data-reorder=true] .tile,.tile-item[data-reorder=true] .tile[data-open=true],body.dragging .tile-item[data-reorder=true][data-dragging=true] .tile{scale:1}.tile-item[data-reorder=true] .tile-face-edit{justify-content:center;align-items:center;gap:var(--space);height:100%;min-height:0;padding:var(--space-lg);text-align:center;flex-direction:column;display:flex}.tile-item[data-reorder=true] .tile-face-edit>.desk-icon,.tile-item[data-reorder=true] .tile-face-edit>.icon{width:52px;height:52px}.tile-item[data-reorder=true] .tile-face-edit .tile-face-label{font-size:var(--text);letter-spacing:-.02em;white-space:nowrap;font-weight:600;line-height:1.15}.tile-grid[data-face-enter=edit] .tile-item[data-section=set] .tile-face-edit>.desk-icon,.tile-grid[data-face-enter=edit] .tile-item[data-section=set] .tile-face-edit>.icon,.tile-grid[data-face-enter=edit] .tile-item[data-section=set] .tile-face-edit .tile-face-label,.tile-grid[data-face-enter=content] .tile-item[data-section=set] .tile-face:not(.tile-face-edit)>.desk-icon,.tile-grid[data-face-enter=content] .tile-item[data-section=set] .tile-face:not(.tile-face-edit)>.icon,.tile-grid[data-face-enter=content] .tile-item[data-section=set] .tile-face:not(.tile-face-edit) .tile-face-row,.tile-grid[data-face-enter=content] .tile-item[data-section=set] .tile-face:not(.tile-face-edit) .tile-face-progress,.tile-grid[data-face-enter=content] .tile-item[data-section=set] .tile-face:not(.tile-face-edit) .tile-face-caption{animation:tile-rise-fade var(--fade) ease both}.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:180px;min-height:180px;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:color-mix(in srgb, var(--tile-tone) 20%, transparent);height:100%;min-height:0;box-shadow:none}.tile-item[data-section=set] .tile{background:var(--white);height:100%;min-height:180px;box-shadow:var(--shadow-subtle)}.tile-item[data-section=set] .tile-face{--desk-tile-action:46px;--desk-tile-bar:6px;height:100%;min-height:0;padding:var(--space-lg);grid-template-rows:var(--desk-tile-action) minmax(0, 1fr);row-gap:var(--space-sm);overflow:hidden}.tile-item[data-section=set] .tile-face>.desk-icon,.tile-item[data-section=set] .tile-face>.icon,.tile-item[data-section=set] .tile-face-row{grid-row:1;align-self:center}.tile-item[data-section=set] .tile-face-rule{display:none}.tile-item[data-section=set] .tile-face-caption{padding-top:calc(var(--desk-tile-bar) + var(--space));grid-row:2;align-self:stretch;position:relative}.tile-item[data-section=set] .tile-face:not([data-progress]) .tile-face-caption:before{content:"";top:calc((var(--desk-tile-bar) - 1px) / 2);background:var(--black-10);height:1px;position:absolute;left:0;right:0}.tile-item[data-section=set] .tile-face-progress{width:100%;height:var(--desk-tile-bar);grid-area:2/1/auto/-1;align-self:start;margin:0}.tile-item[data-section=set] .tile-face[data-progress] .tile-face-caption{grid-row:2}html[data-tile-reseat] .tile{transition:none!important}.tile-task-shell{position:relative}.tile-task-open{width:100%;height:100%;min-height:0;color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;padding:0;display:block}.tile-task-add,.tile-file-upload{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);background:var(--black-5);width:46px;height:46px;color:var(--title);border:0;place-items:center;padding:0;display:grid;position:absolute}.tile-item[data-section=set] .tile-task-shell .tile-face-row{padding-right:calc(46px + var(--space-sm))}.tile-task-add .icon,.tile-file-upload .icon{width:28px;height:28px}.tile-task-add:hover,.tile-file-upload:hover{background:var(--tile-tone-ink)}.tile-task-add:hover .icon,.tile-file-upload:hover .icon{color:var(--white)}.tile-file-input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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-pair{display:flex}.tile-pair-half{flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative}.tile-pair-half+.tile-pair-half{box-shadow:inset 1px 0 0 var(--black-10)}.tile-pair-half>.tile-shell{flex:auto;min-width:0}.tile-item[data-section=set] .tile-pair .tile,.tile-item[data-section=set] .tile-pair .tile:hover,.tile-item[data-section=set] .tile-pair .tile:focus-visible{box-shadow:none;background:0 0;border-radius:0;outline:none;scale:1}.tile-item[data-section=set] .tile-pair .tile:has(:focus-visible){box-shadow:none;background:0 0;border-radius:0;outline:none;scale:1}.tile-item[data-section=set] .tile-pair:hover,.tile-item[data-section=set] .tile-pair:focus-within{outline-color:var(--black-10);box-shadow:var(--shadow-strong)}.tile-item[data-section=set] .tile-pair:has([data-open=true]){scale:var(--press)}.tile-task-open:focus-visible{outline:none}.tile-item[data-section=belong] .tile-shell .tile:hover{background:var(--white);box-shadow:none}.tile-item[data-section=belong] .tile-shell .tile:focus-visible{background:var(--white);box-shadow:var(--shadow-subtle)}.tile-item[data-section=belong] .tile-shell .tile:has(:focus-visible){background:var(--white);box-shadow:var(--shadow-subtle)}.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-face-progress{margin-top:calc(var(--space-xs) - var(--space));grid-area:2/2;align-self:start}.tile-face[data-progress] .tile-face-rule{grid-row:3}.tile-face[data-progress] .tile-face-caption{grid-row:4}.tile-face-rule{grid-area:2/1/auto/-1;align-self:stretch}.tile-face-caption{grid-area:3/1/auto/-1;align-self:stretch}.tile-item[data-section=belong] .tile-face{align-content:center;align-items:center;column-gap:var(--space-sm);row-gap:var(--space-xs);grid-template-rows:auto auto;grid-template-columns:auto 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;align-self:center}.tile-item[data-section=belong] .tile-face-body{display:contents}.tile-item[data-section=belong] .tile-face-row{grid-area:1/2;align-self:center}.tile-item[data-section=belong] .tile-face-caption{grid-area:2/1/auto/-1;align-self:start;width:100%}.tile-item[data-section=belong] .tile-face[data-aside=true]{grid-template-columns:auto minmax(0,1fr) minmax(0,42%)}.tile-item[data-section=belong] .tile-face[data-aside=true] .tile-face-row{grid-column:2}.tile-item[data-section=belong] .tile-face[data-aside=true] .tile-face-caption{grid-column:1/-1;width:100%;max-width:none}.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-face[data-aside=true] .tile-face-rule,.tile-face[data-aside=true] .tile-face-caption{grid-column:1/3}.tile-item[data-section=belong] .tile-face-aside .vinyl{height:70%;right:5%}.tile-face-row{align-items:baseline;gap:6px;min-width:0;display:flex}.tile-face-value{color:var(--title);font-size:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;flex-shrink:0;font-weight:600}.tile-face[data-filled=true] .tile-face-value{color:var(--tile-tone-ink)}.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-face-meta{color:var(--content);font-size:var(--text-sm);flex-shrink:0;font-weight:500;line-height:1.3}.tile-face-rule{background:var(--black-10);width:100%;height:1px;margin:0;display:block}.tile-face-caption{min-width:0;color:var(--content-strong);font-size:var(--text-sm);align-items:flex-start;gap:4px;font-weight:400;line-height:1.3;display:flex}.tile-face-details{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.tile-face-detail{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.tile-face-detail-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.tile-face-kicker{color:var(--content);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;flex:none;font-weight:600;line-height:1.2}.tile-face-detail-text{min-width:0;color:var(--title);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.tile-face-detail-note{min-width:0;color:var(--content);font-size:var(--text-xs);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:500;line-height:1.2;overflow:hidden}.tile-note-compose{width:100%;min-width:0;color:var(--title);font:inherit;font-size:var(--text-sm);pointer-events:auto;resize:none;field-sizing:content;background:0 0;border:0;margin:0;padding:0;line-height:1.3;overflow:hidden}.tile-note-compose::placeholder{color:var(--content)}.tile-note-compose:focus,.tile-note-compose:focus-visible{outline:none}.tile-item[data-section=belong] .tile-face-rule{display:none}.tile-face-caption-icon{flex:none;width:16px;height:16px;margin-top:2px}.tile-face-caption-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.tile-face-progress{border-radius:var(--radius-full);background:var(--black-10);width:100%;height:6px;display:block;overflow:hidden}.tile-face-progress-fill{border-radius:inherit;background:var(--tile-tone-ink);height:100%;transition:width var(--fade) ease;display:block}.tile-item[data-section=belong] .tile-face-progress{margin-top:var(--space-xs);grid-area:auto}.tile-item:not([data-section=belong]) .tile-face-caption{align-items:flex-start}.tile-item:not([data-section=belong]) .tile-face-caption-text{flex:1;min-height:0}.tile-shell{width:100%;height:100%;position:relative}@container tile (max-width:220px){.tile-item[data-section=belong] .tile-face,.tile-item[data-section=belong] .tile-face[data-aside=true]{align-content:start;row-gap:var(--space-xs);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.tile-item[data-section=belong] .tile-face>.desk-icon,.tile-item[data-section=belong] .tile-face>.icon{grid-area:1/1;width:28px;height:28px}.tile-item[data-section=belong] .tile-face-row,.tile-item[data-section=belong] .tile-face[data-aside=true] .tile-face-row{grid-area:2/1}.tile-item[data-section=belong] .tile-face-caption,.tile-item[data-section=belong] .tile-face[data-aside=true] .tile-face-caption{grid-area:3/1}.tile-item[data-section=belong] .tile-face-caption-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-item[data-section=belong] .tile-face-aside .vinyl{top:var(--space);right:var(--space);height:56px;translate:none}.tile-item[data-section=set] .tile-face{--desk-tile-action:64px;padding:var(--space)}.tile-item[data-section=set] .tile-face>.desk-icon,.tile-item[data-section=set] .tile-face>.icon{grid-column:1/-1;align-self:start;width:28px;height:28px}.tile-item[data-section=set] .tile-face-row,.tile-item[data-section=set] .tile-task-shell .tile-face-row{grid-column:1/-1;align-self:end;padding-right:0}.tile-task-add,.tile-file-upload{top:var(--space);right:var(--space);width:36px;height:36px}.tile-task-add .icon,.tile-file-upload .icon{width:22px;height:22px}}
.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}