.project-plate{--plate-accent:var(--surface-color,var(--brand));container-type:inline-size}.project-plate .project-plate-frame{border-color:color-mix(in srgb, var(--ink) 18%, transparent);box-shadow:0 16px 32px -24px color-mix(in srgb, var(--ink) 28%, transparent);border-radius:9px}.project-plate .project-plate-chrome{height:30px;color:var(--ink);background:var(--page);letter-spacing:.015em;gap:12px;padding-inline:12px;font-size:9px}.project-plate-index{color:var(--plate-accent);border-inline-end:1px solid color-mix(in srgb, var(--ink) 18%, transparent);flex-shrink:0;padding-inline-end:10px;font-weight:700}.project-plate-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.project-plate-arrow{color:var(--plate-accent)}.project-plate .project-plate-content{height:calc(100% - 30px)}.project-capture{position:absolute;inset:0}.project-capture-label{inset-inline-start:12px;color:#1d1d1f;letter-spacing:.06em;background:#f5f5f7;border:1px solid #ffffff70;padding:6px 9px;font:8px ui-monospace,monospace;position:absolute;bottom:12px}.project-study{background:color-mix(in srgb, var(--plate-accent) 4%, var(--page));height:100%;color:var(--ink);padding:clamp(12px,4cqw,24px);position:relative;overflow:hidden}.project-study-label{top:clamp(12px,4cqw,24px);letter-spacing:.14em;color:var(--lead);font:8px ui-monospace,monospace;position:absolute;inset-inline-start:clamp(12px,4cqw,24px)}.project-study-mark{inset-inline-start:clamp(12px,4cqw,24px);letter-spacing:-.09em;color:var(--plate-accent);font-size:clamp(25px,16cqw,88px);font-weight:850;line-height:.9;position:absolute;top:30%}.project-study-diagram{inset-inline-end:-3%;width:78%;height:82%;color:var(--plate-accent);position:absolute;top:5%}.project-study-diagram text{text-anchor:middle;fill:var(--ink);font:9px ui-monospace,monospace}.study-rule{stroke:color-mix(in srgb, var(--ink) 26%, transparent);stroke-width:1px}.study-route{stroke:var(--plate-accent);stroke-width:2px}.study-node{fill:var(--page);stroke:color-mix(in srgb, var(--ink) 36%, transparent);stroke-width:1px}.study-node-primary{fill:var(--plate-accent);stroke:var(--plate-accent)}.project-study-diagram .study-text-primary{fill:var(--page)}.project-study-who-are-ya-backend .study-text-primary,.project-study-spotshare-parking .study-text-primary{fill:#102019}.study-database,.study-parking,.study-focus,.study-lock{stroke:var(--plate-accent);stroke-width:1.5px}.study-stop{fill:var(--page);stroke:var(--plate-accent);stroke-width:2px}.study-dot{fill:var(--plate-accent)}.project-study-diagram .study-parking-mark{font:23px var(--font-sans), sans-serif}.project-study-diagram .study-glyph{font:70px var(--font-sans), sans-serif;letter-spacing:-.075em;fill:var(--plate-accent)}.project-study-caption{bottom:clamp(10px,3cqw,18px);color:var(--lead);white-space:nowrap;text-overflow:ellipsis;font:clamp(7px,2cqw,10px) ui-monospace,monospace;position:absolute;inset-inline:clamp(12px,4cqw,24px) 12px;overflow:hidden}.project-study-disclaimer{bottom:clamp(10px,3cqw,18px);color:var(--lead);font-size:clamp(8px,2.1cqw,11px);line-height:1.4;position:absolute;inset-inline:clamp(12px,4cqw,24px)}.project-study-pke-web .project-study-mark{visibility:hidden}.project-study-pke-web .project-study-caption{display:none}.project-study-pke-web .project-study-diagram{width:100%;height:76%;inset-inline-end:0}.project-study-spotshare-parking .project-study-mark{font-size:clamp(30px,20cqw,100px)}.project-follower-visual.project-plate .project-plate-content{height:100%}.project-follower-visual .project-study-label,.project-follower-visual .project-study-caption,.project-follower-visual .project-study-disclaimer,.project-follower-visual .project-capture-label{display:none}.project-follower-visual .project-study-diagram{height:100%;top:0}
