.living-chart{display:block;width:100%;max-width:440px;margin:0 auto}.living-chart [role=button]{cursor:pointer}.living-chart [role=button]:focus rect{stroke:#8965dc;stroke-width:2}.living-radar .row{gap:10px}.radar-explain{background:#f7f3fd;border-radius:16px;padding:16px}.radar-explain p{line-height:1.8}.radar-links{display:flex;flex-direction:column;align-items:flex-start}.radar-links .link{text-align:left;white-space:normal}.radar-editor{margin-top:20px;padding-top:20px;border-top:1px solid #e6ddf4;scroll-margin-top:90px}.radar-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radar-options button{padding:12px 6px;border:1px solid #e5def2;border-radius:12px;background:white;color:#655777;font:inherit;min-height:48px;font-size:13px}.radar-options button.selected{background:#f0e8ff;border-color:#9775e8;color:#704ac3}.radar-order{display:flex;align-items:center;border-bottom:1px solid #eee8f6;min-height:42px}.radar-order span{flex:1}.radar-order button{min-width:40px}.radar-order button:disabled{opacity:.25}.living-journey{margin:28px 0}.journey-stop{display:flex;gap:18px;position:relative;padding:0 0 30px 4px}.journey-stop:not(:last-child):before{content:'';position:absolute;left:24px;top:38px;bottom:0;width:2px;background:#e5dcf3}.journey-dot{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#eee7fa;color:#8b6eb5}.journey-stop.current .journey-dot{background:#8d62ed;color:white;box-shadow:0 0 0 6px #f0e8ff}.journey-stop.done .journey-dot{background:#dfd0f9;color:#7044be}.journey-stop h3{margin:6px 0}.journey-stop p{margin:4px 0}.journey-stop.future{color:#8c819b}@media(max-width:360px){.living-radar>.row{flex-wrap:wrap}.radar-explain{padding:12px}}