.pc{aspect-ratio:1;width:100%;max-width:32rem;margin-inline:auto;position:relative}.pc-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pc-cloud{fill:color-mix(in oklab, var(--color-area) 5%, transparent);stroke:var(--color-line-strong);stroke-width:1.4px;stroke-dasharray:1.5 3;stroke-linecap:round;vector-effect:non-scaling-stroke}.pc-line{stroke:var(--color-line-strong);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.pc-tile,.pc-server{border-radius:var(--radius-lg);background:var(--color-logo-tile);width:3.5rem;height:3.5rem;box-shadow:var(--shadow-ring), var(--shadow-soft);place-items:center;display:grid;position:absolute;translate:-50% -50%}.pc-tile{animation:pc-float 5s ease-in-out calc(var(--i) * -1.1s) infinite}.pc-server{background:var(--color-surface-raised);width:3.25rem;height:3.25rem;color:var(--color-ink)}.pc-dot{background:var(--color-area);opacity:0;width:.5rem;height:.5rem;animation:pc-rise 2.4s var(--ease-move) calc(var(--i) * .8s) infinite;border-radius:999px;position:absolute;translate:-50% -50%}@keyframes pc-float{50%{translate:-50% calc(-50% - .375rem)}}@keyframes pc-rise{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:56%}}@media (max-width:40rem){.pc-tile{width:2.75rem;height:2.75rem}.pc-server{width:2.5rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){.pc-tile,.pc-dot{animation:none}}
.dt{border-radius:var(--radius-xl);background:var(--color-surface);overflow:hidden}.dt-top{border-bottom:1px solid var(--color-line);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}@media (min-width:64rem){.dt-top{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem;padding:1.25rem 1.5rem}.dt-top>p:last-child{max-width:34rem}}.dt-parties{display:grid}@media (min-width:64rem){.dt-parties{grid-template-columns:repeat(3,minmax(0,1fr))}}.dt-party{flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.dt-party+.dt-party{border-top:1px solid var(--color-line)}@media (min-width:64rem){.dt-party{padding:1.75rem 1.5rem}.dt-party+.dt-party{border-top:0;border-left:1px solid var(--color-line)}}.dt-party[data-us]{background:var(--color-area-tint)}.dt-mark{border-radius:var(--radius-lg);background:var(--color-surface-raised);width:2.5rem;height:2.5rem;color:var(--color-ink);box-shadow:var(--shadow-ring);flex-shrink:0;place-items:center;display:grid}.dt-party[data-us] .dt-mark{color:var(--color-area-ink)}.dt-layer{border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:var(--text-label);box-shadow:var(--shadow-ring);align-items:center;gap:.625rem;padding:.625rem .75rem;font-weight:500;line-height:1.3;display:flex}.dt-party[data-us] .dt-layer svg{color:var(--color-area-ink)}.dt-logo{border-radius:var(--radius-lg);background:var(--color-logo-tile);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-ring);place-items:center;display:grid}
.mo-card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);display:grid;overflow:hidden}@media (min-width:64rem){.mo-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.mo-side{border-bottom:1px solid var(--color-line);background:var(--color-surface);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}@media (min-width:64rem){.mo-side{border-right:1px solid var(--color-line);border-bottom:0;padding:1.5rem}}.mo-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.mo-weekday{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);text-align:center;padding-bottom:.25rem}.mo-day{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);place-items:center;display:grid;position:relative}.mo-date{color:var(--color-ink-subtle);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1;position:absolute;top:.25rem;left:.375rem}.mo-day[data-status] .mo-date{display:none}.mo-day[data-status=done]{background:var(--color-area-tint);color:var(--color-area-ink)}.mo-day[data-status=planned]{border:1px dashed var(--color-ink-subtle);background:0 0}.mo-day[data-status=decision]{box-shadow:inset 0 0 0 1px var(--color-ink-subtle);background:0 0}.mo-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.mo-today{font-size:var(--text-caption);line-height:1;position:absolute;bottom:.25rem}.mo-support{border-top:1px solid var(--color-line);font-size:var(--text-body-sm);align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.mo-list{flex-direction:column;display:flex}.mo-row{align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.mo-row+.mo-row{border-top:1px solid var(--color-line)}@media (min-width:64rem){.mo-row{padding:1.25rem 1.5rem}}.mo-icon{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 1px var(--color-ink-subtle);flex-shrink:0;place-items:center;display:grid}.mo-icon[data-status=planned]{border:1px dashed var(--color-ink-subtle);box-shadow:none}.mo-icon[data-status=done]{background:var(--color-area-tint);color:var(--color-area-ink);box-shadow:none}.mo-status{font-size:var(--text-caption);white-space:nowrap;box-shadow:var(--shadow-ring);border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .625rem;display:inline-flex}.mo-status[data-status=done]{background:var(--color-area-tint);box-shadow:none}.mo-status[data-status=done] svg{color:var(--color-area-ink)}
.mg{flex-direction:column;gap:2rem;display:flex}.mg-art{border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:.75rem;padding:1.25rem 1rem;display:grid}@media (min-width:48rem){.mg-art{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:1.5rem;padding:2rem}}.mg-end{border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);flex-direction:column;align-items:center;gap:.875rem;padding:1rem .5rem;display:flex}.mg-head{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);text-align:center;flex-direction:column;align-items:center;gap:.375rem;display:flex}.mg-head svg{color:var(--color-ink)}.mg-end[data-cloud] .mg-head svg{color:var(--color-area-ink)}.mg-apps{grid-template-columns:repeat(2,2rem);gap:.375rem;display:grid}.mg-app{border-radius:var(--radius-md);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-ink);box-shadow:var(--shadow-ring);place-items:center;display:grid}.mg-app[data-gone]{border:1px dashed var(--color-line-strong);color:#0000;box-shadow:none;background:0 0}.mg-app[data-moved]{background:var(--color-area-tint);color:var(--color-area-ink);box-shadow:none}.mg-steps{gap:1.5rem;display:grid}@media (min-width:40rem){.mg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.mg-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}.mg-step{border-top:1px solid var(--color-line);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}
.mg-track{flex-direction:column;align-self:center;gap:1.25rem;padding-top:1.25rem;display:flex}.mg-way{height:2rem;display:block;position:relative}.mg-way:before,.mg-back:before{content:"";border-top:1.5px solid var(--color-ink-subtle);position:absolute;inset:50% .25rem auto}.mg-way:after{content:"";border-top:1.5px solid var(--color-ink-subtle);border-right:1.5px solid var(--color-ink-subtle);width:.5rem;height:.5rem;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)rotate(45deg)}.mg-ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 .5rem}.mg-tick{background:var(--color-surface);width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--color-ink-subtle);border-radius:999px;position:relative}.mg-num{color:var(--color-area-ink);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1;display:none;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50%}@media (min-width:48rem){.mg-ticks{inset:0 1.5rem}.mg-num{display:block}}.mg-runner{z-index:1;animation:mg-run 4.5s var(--ease-move) infinite;position:absolute;top:0;left:35%}.mg-back{height:1.5rem;color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);justify-content:center;align-items:center;gap:.375rem;display:flex;position:relative}.mg-back:before{border-top-style:dashed}.mg-back>*{position:relative}.mg-back-label{background:var(--color-surface);align-items:center;gap:.375rem;padding:0 .5rem;display:inline-flex}@keyframes mg-run{0%{opacity:0;left:0}15%,80%{opacity:1}to{opacity:0;left:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){.mg-ticks{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 .5rem}.mg-tick{background:var(--color-surface);width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--color-ink-subtle);border-radius:999px;position:relative}.mg-num{color:var(--color-area-ink);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1;display:none;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50%}@media (min-width:48rem){.mg-ticks{inset:0 1.5rem}.mg-num{display:block}}.mg-runner{animation:none}}
.sc{align-items:center;gap:2rem;display:grid}@media (min-width:64rem){.sc{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem}}.sc-list{border-top:1px solid var(--color-line);flex-direction:column;display:flex}.sc-row{border-bottom:1px solid var(--color-line);align-items:flex-start;gap:1rem;padding:1.125rem 0;display:flex}.sc-icon{border-radius:var(--radius-md);background:var(--color-surface-raised);width:2.25rem;height:2.25rem;box-shadow:var(--shadow-ring);flex-shrink:0;place-items:center;display:grid}.nm{--t:3.5rem;--cap:1.875rem;aspect-ratio:10/11;order:-1;justify-self:center;width:100%;max-width:28rem;position:relative}@media (min-width:64rem){.nm{--t:4rem;aspect-ratio:1;order:0}}.nm-c1{--x:16.667%}.nm-c2{--x:50%}.nm-c3{--x:83.333%}.nm-r1{--y:16.667%}.nm-r2{--y:50%}.nm-r3{--y:83.333%}.nm-node{top:calc(var(--y) - var(--t) / 2);left:var(--x);flex-direction:column;align-items:center;gap:.5rem;width:33.333%;display:flex;position:absolute;translate:-50%}.nm-tile{width:var(--t);height:var(--t);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-ring), var(--shadow-soft);place-items:center;display:grid;position:relative}.nm-tile[data-apart]{outline:1.5px dashed var(--color-line-strong);outline-offset:.3125rem}.nm-badge,.nm-lock{background:var(--color-area-tint);width:1.5rem;height:1.5rem;color:var(--color-area-ink);box-shadow:0 0 0 2px var(--color-canvas);border-radius:999px;place-items:center;display:grid;position:absolute}.nm-badge{top:-.5rem;right:-.5rem}.nm-cap{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);text-align:center;text-wrap:balance;line-height:1.25}.nm-record{border-radius:var(--radius-xs);background:var(--color-area-tint);color:var(--color-ink);padding:.125rem .3125rem;font-size:.625rem}.nm-link{color:var(--color-line-strong);position:absolute}.nm-link[data-kind=right],.nm-link[data-kind=left]{top:var(--y);left:calc(var(--x) + var(--t) / 2 + .375rem);width:calc(33.333% - var(--t) - .75rem);border-top:1px solid}.nm-link[data-kind=down]{top:calc(var(--y) + var(--t) / 2 + var(--cap));left:var(--x);height:calc(33.333% - var(--t) - var(--cap) - .375rem);border-left:1px solid}.nm-link[data-watch]{border-top-style:dashed}.nm-link:before,.nm-link:after{content:"";background:currentColor;border-radius:999px;width:.3125rem;height:.3125rem;position:absolute;translate:-50% -50%}.nm-link:before{top:0;left:0}.nm-link[data-kind=right]:after,.nm-link[data-kind=left]:after{top:0;left:100%}.nm-link[data-kind=down]:after{top:100%;left:0}.nm-lock{z-index:1;top:83.333%;left:66.667%;translate:-50% -50%}
.nm-dot{background:var(--color-area);opacity:0;border-radius:999px;width:.4375rem;height:.4375rem;position:absolute;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.nm-link[data-kind=right] .nm-dot,.nm-link[data-kind=left] .nm-dot{animation:6s ease-in-out infinite nm-across;top:-.5px}.nm-link[data-kind=left] .nm-dot{animation-name:nm-back}.nm-link[data-kind=down] .nm-dot{animation:6s ease-in-out infinite nm-down;left:-.5px}.nm-link[data-step="2"] .nm-dot{animation-delay:.85s}.nm-link[data-step="3"] .nm-dot{animation-delay:1.7s}.nm-link[data-step="4"] .nm-dot{animation-delay:2.55s}.nm-link[data-step="5"] .nm-dot{animation-delay:3.6s}.nm-link[data-step="6"] .nm-dot{animation-delay:4.5s}.nm-link[data-step="7"] .nm-dot{animation-name:nm-call;animation-duration:12s;animation-delay:5.4s}}@keyframes nm-across{0%{opacity:0;left:0}2%,13%{opacity:1}15%,to{opacity:0;left:100%}}@keyframes nm-back{0%{opacity:0;left:100%}2%,13%{opacity:1}15%,to{opacity:0;left:0}}@keyframes nm-down{0%{opacity:0;top:0}2%,13%{opacity:1}15%,to{opacity:0;top:100%}}@keyframes nm-call{0%{opacity:0;top:0}1%,6.5%{opacity:1}7.5%,to{opacity:0;top:100%}}