.path{--path-step:46px;--node:72px;position:relative;max-width:560px;margin:0 auto;padding:0 0 40px}.path-empty{padding:24px 0;text-align:center;font-weight:700}.path-chapter{position:relative;padding-bottom:8px}.path-banner{position:sticky;top:var(--su-top-h);z-index:5;display:flex;align-items:center;gap:14px;min-height:84px;margin:0 0 22px;padding:14px 16px 14px 20px;border-radius:16px;background:var(--paper);color:#fff;box-shadow:0 4px 0 var(--paper-dark)}.path-banner-text{flex:1;min-width:0;display:grid;gap:2px}.path-kicker{margin:0;font-size:14px;font-weight:800;opacity:.9}.path-banner-title{font-size:20px;line-height:1.2;color:#fff}.path-guide-btn{display:grid;place-items:center;flex:none;height:50px;padding:0;border:0;border-left:2px solid rgba(255,255,255,.35);border-radius:0 12px 12px 0;margin:-14px -16px -14px 0;min-height:84px;width:66px;background:transparent;color:#fff;cursor:pointer}.path-guide-btn:hover{background:rgba(255,255,255,.12)}.path-guide-btn:active{background:rgba(0,0,0,.1)}.path-guide-btn .su-ico svg{width:26px;height:26px}@media (min-width:1024px){.path-banner{top:8px}}.path-nodes{display:grid;gap:30px;margin:0;padding:0;list-style:none}.path-row{position:relative;display:flex;justify-content:center;min-height:var(--node)}.path-row:has(.is-current),.path-row:has(.path-float-suggested){margin-top:36px}.path-node-wrap{place-items:center;width:var(--node);height:var(--node);transform:translateX(calc(var(--x, 0) * var(--path-step)))}.path-node,.path-node-wrap{position:relative;display:grid}.path-node{z-index:1;place-items:center;width:var(--node);height:var(--node);padding:0;border:0;border-radius:50%;--node-bg:var(--su-line);--node-edge:var(--su-line-dark);--node-ink:var(--su-line-dark);background:var(--node-bg);color:var(--node-ink);box-shadow:0 8px 0 var(--node-edge);cursor:pointer;transition:transform 80ms var(--su-ease-out),box-shadow 80ms var(--su-ease-out),background-color .3s}.path-node .su-ico svg{width:32px;height:32px}.path-node:hover{filter:brightness(1.04)}.path-node:active{transform:translateY(8px);box-shadow:0 0 0 var(--node-edge)}.path-node:focus-visible{box-shadow:0 8px 0 var(--node-edge),0 0 0 4px var(--su-cream),0 0 0 7px var(--su-blue);border-radius:50%}.path-node-wrap.is-current .path-node,.path-node-wrap.is-done .path-node{--node-bg:var(--paper);--node-edge:var(--paper-dark);--node-ink:#fff}.path-node-wrap.is-done .path-node .su-ico svg{width:34px;height:34px}.path-node-wrap.is-started .path-node{--node-bg:var(--su-paper);--node-edge:var(--su-line-dark);--node-ink:var(--paper);border:4px solid var(--paper)}.path-node-wrap.is-started .path-ring{display:block}.path-ring{display:none;position:absolute;inset:-13px;border-radius:50%;background:conic-gradient(var(--su-primary) calc(var(--pct, 0) * 1%),var(--su-line) 0);-webkit-mask:radial-gradient(circle,transparent calc(50% - 8px),#000 calc(50% - 7px));mask:radial-gradient(circle,transparent calc(50% - 8px),#000 calc(50% - 7px))}.path-node-wrap.is-current .path-ring{display:block}.path-float{position:absolute;bottom:calc(100% + 16px);left:50%;z-index:2;translate:-50% 0;padding:8px 14px;border:2px solid var(--su-line);border-radius:12px;background:var(--su-paper);color:var(--paper-ink);font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.path-float-suggested{color:var(--su-blue);text-transform:none;letter-spacing:0}.path-float-suggested,.path-float-suggested:after{background:var(--su-sky);border-color:var(--su-sky-line)}.path-node-wrap.is-suggested.is-todo .path-node{box-shadow:0 var(--su-edge,4px) 0 var(--node-edge),0 0 0 3px var(--su-cream),0 0 0 5px var(--su-sky-line)}.path-pop-reason{font-size:14px;line-height:1.45;font-weight:700;opacity:.95}.path-pop-quiet{justify-self:center;min-height:40px;padding:0 12px;border:0;background:none;color:inherit;font:inherit;font-weight:800;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.85}.path-pop-quiet:disabled{opacity:.5;cursor:default}.path-float:after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;translate:-50% -7px;rotate:45deg;background:var(--su-paper);border-right:2px solid var(--su-line);border-bottom:2px solid var(--su-line)}.path-guide{position:absolute;top:50%;width:120px;height:120px;translate:0 -50%;pointer-events:none}.path-row[data-side=left] .path-guide{right:calc(100% + 24px)}.path-row[data-side=right] .path-guide{left:calc(100% + 24px)}.path-row-milestone{min-height:136px}.path-milestone-wrap{width:136px;height:136px}.path-milestone{display:grid;place-items:center;width:136px;height:136px;padding:0;border:0;border-radius:24px;background:transparent;cursor:pointer;transition:transform .12s var(--su-ease-bounce)}.path-milestone:hover{transform:scale(1.05)}.path-milestone:active{transform:scale(.96)}.path-milestone-art{width:136px;height:136px}.path-pop{position:absolute;top:calc(100% + 18px);left:50%;z-index:6;width:min(360px,calc(100vw - 32px));translate:calc(-50% + var(--x, 0) * var(--path-step) + var(--pop-shift, 0px)) 0;display:grid;gap:10px;padding:18px 18px 16px;border-radius:16px;animation:path-pop .18s var(--su-ease-out)}.path-pop:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;translate:calc(-50% + var(--pop-caret, 0px)) 0;rotate:45deg;border-radius:3px}.path-pop.is-paper{color:#fff}.path-pop.is-paper,.path-pop.is-paper:before{background:var(--paper)}.path-pop.is-plain{color:var(--su-ink)}.path-pop.is-plain,.path-pop.is-plain:before{background:var(--su-chip)}.path-pop-title{font-size:18px;line-height:1.25;color:inherit}.path-pop-line{font-size:15px;font-weight:700;opacity:.92}.path-pop .su-btn{width:100%;min-height:50px;margin-top:4px}.path-pop.is-paper .su-btn-white{--btn-ink:var(--paper-ink)}.path-row:has(.path-pop){margin-bottom:var(--pop-space,150px)}.path-jump{position:fixed;right:20px;bottom:24px;z-index:30;display:grid;place-items:center;width:56px;height:56px;padding:0;border:2px solid var(--su-line);border-radius:50%;background:var(--su-paper);color:var(--paper-ink);box-shadow:0 4px 0 var(--su-line);cursor:pointer}.path-jump[hidden]{display:none}.path-jump:active{transform:translateY(4px);box-shadow:0 0 0 var(--su-line)}@media (max-width:1023.98px){.path-jump{bottom:calc(var(--su-dock-h) + 16px + env(safe-area-inset-bottom, 0px))}}.path-sheet{width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:2px solid var(--su-line);border-radius:20px;background:var(--su-paper);color:var(--su-ink);font-family:var(--su-font-body);overflow:hidden}.path-sheet[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.path-sheet::backdrop{background:rgba(19,32,49,.55)}.path-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 14px 22px;background:var(--paper);color:#fff}.path-sheet-head h2{font-size:22px;color:#fff}.path-sheet-head .path-kicker{opacity:.9}.path-sheet-head .su-icon-btn{flex:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15);color:#fff;box-shadow:none}.path-sheet-body{display:grid;gap:18px;padding:18px 22px 24px;overflow:auto}.path-sheet-concept{display:grid;gap:8px}.path-sheet-concept h3{font-size:17px}.path-sheet-summary{font-size:14.5px;color:var(--su-muted);font-weight:600}.path-sheet-row{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:center;min-height:48px;padding:6px 10px;border:2px solid var(--su-line);border-radius:12px;color:var(--su-ink);text-decoration:none}.path-sheet-row:hover{background:var(--su-chip)}.path-sheet-row.is-current{border-color:var(--paper);background:var(--paper-bg)}.path-sheet-row-title{font-weight:800;font-size:15px}.path-sheet-row-line{grid-column:2;font-size:13px;color:var(--su-muted);font-weight:700}.path-sheet-mark{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--su-line);border-radius:50%;color:#fff}.path-sheet-row.is-done .path-sheet-mark{background:var(--paper);border-color:var(--paper)}@media (max-width:760px){.path-sheet{width:100vw;max-width:100vw;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}}@keyframes path-pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}@keyframes path-bounce{0%,to{transform:translateX(calc(var(--x, 0) * var(--path-step))) translateY(0)}50%{transform:translateX(calc(var(--x, 0) * var(--path-step))) translateY(-7px)}}@keyframes path-fill{0%{--node-bg:var(--su-line);transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes path-celebrate{0%,to{transform:translateX(calc(var(--x, 0) * var(--path-step))) scale(1)}40%{transform:translateX(calc(var(--x, 0) * var(--path-step))) scale(1.2)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion-tier=minimal]) .path-node-wrap.is-current{animation:path-bounce 1.6s ease-in-out infinite}html:not([data-motion-tier=minimal]) .path-node-wrap.is-celebrate{animation:path-celebrate .9s var(--su-ease-bounce) 1}html:not([data-motion-tier=minimal]) .path-node-wrap.is-celebrate .path-node{animation:path-fill .9s var(--su-ease-out) 1}}@media (prefers-reduced-motion:reduce){.path-pop{animation:none}.path-jump,.path-milestone,.path-node{transition:none}}@media (max-width:760px){.path{--path-step:36px;--node:68px}.path-banner{top:var(--su-top-h);min-height:76px;margin-bottom:18px;padding:12px 14px 12px 16px}.path-guide-btn{min-height:76px;width:60px;margin:-12px -14px -12px 0}.path-banner-title{font-size:18px}.path-nodes{gap:22px}.path-guide{width:100px;height:100px}.path-row[data-side=left] .path-guide{right:calc(100% + 12px)}.path-row[data-side=right] .path-guide{left:calc(100% + 12px)}.path-pop{width:min(340px,calc(100vw - 32px))}}.sb-app{--cl-paper:var(--su-paper,#fffdf7);--cl-ink:var(--su-ink,#243451);--cl-blue:var(--su-blue,#315fae);--cl-line:var(--su-line,#d8e3f1);color:var(--cl-ink);font-family:var(--font-inter),Arial,sans-serif;line-height:1.6}.sb-app *{box-sizing:border-box}.sb-header{max-width:1120px;margin:auto;padding:20px 18px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;border-bottom:1px solid var(--cl-line)}.sb-brand{font-weight:750;font-size:21px;letter-spacing:-.04em}.sb-header nav{display:flex;gap:18px;order:3;width:100%;overflow-x:auto}.sb-footer a,.sb-header a{color:var(--cl-ink)}.sb-header>button{margin-left:auto}.sb-content{max-width:980px;margin:auto;padding:32px 18px 48px}.sb-app h1{font-family:var(--font-bricolage),Arial,sans-serif;font-size:clamp(32px,5vw,54px);font-weight:750;line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}.sb-app h2{font-size:23px;font-weight:650;line-height:1.3;margin:0 0 12px}.sb-app p{margin:0 0 18px}.sb-welcome{display:flex;align-items:center;gap:20px;margin:12px 0 32px}.sb-welcome img{width:72px;height:72px;object-fit:contain}.sb-card{background:var(--su-paper,#fff);border:1px solid var(--cl-line);border-radius:22px;padding:24px;margin-bottom:22px}.sb-grid{display:grid;gap:18px;margin-top:24px}.sb-link-card{display:block;text-decoration:none;color:inherit;margin:0;transition:border-color .18s,box-shadow .18s}.sb-link-card:hover{border-color:var(--cl-blue);box-shadow:0 8px 25px #2434510a}.sb-link-card>span:last-child{color:var(--cl-blue);font-weight:600}.sb-icon{font-size:30px;display:block;margin-bottom:12px}.sb-app button,.sb-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:12px;padding:10px 18px;background:var(--cl-blue);color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s,background-color .15s}.sb-app button:active,.sb-button:active{transform:scale(.96)}.sb-app button:disabled{opacity:.5;cursor:default}.sb-app .sb-quiet{background:#edf3fc;color:var(--cl-blue)}.sb-app input:not([type=checkbox]):not([type=radio]),.sb-app select{display:block;border:1px solid var(--cl-line);border-radius:10px;min-height:48px;padding:10px;width:100%;margin:8px 0 18px;background:var(--su-paper,white);color:var(--cl-ink);font:inherit}.sb-app label{display:block}.sb-app fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.sb-app legend{font-size:23px;font-weight:650;margin-bottom:16px}.sb-choices{display:grid;gap:12px;margin-bottom:24px}.sb-choices label{padding:14px;border:1px solid var(--cl-line);border-radius:12px;display:flex;gap:12px;align-items:center;cursor:pointer}.sb-choices input{width:20px;height:20px;accent-color:var(--cl-blue)}.sb-actions{display:flex;gap:12px;justify-content:space-between}.sb-note{font-size:14px;color:#61708a}.sb-onboarding{max-width:640px;margin:auto}.sb-footer{display:flex;flex-wrap:wrap;gap:24px;padding:24px 18px;max-width:980px;margin:auto;border-top:1px solid var(--cl-line);font-size:14px}.sb-lock{display:grid;place-items:center;padding:24px 18px}.sb-lock>.sb-card{width:100%;max-width:460px}.sb-lock h1{font-size:38px;margin-top:22px}.sb-lock button{width:100%}.sb-secondary{display:block;margin-top:18px;text-decoration:underline}.sb-app [role=alert]{color:#9a3429}.sb-app select,.sb-onboarding .sb-note{font-variant-numeric:tabular-nums}@media(min-width:680px){.sb-grid{grid-template-columns:1fr 1fr}.sb-header nav{width:auto;order:0;margin:auto}.sb-welcome img{width:112px;height:112px}.sb-content{padding-top:48px}}@media(prefers-reduced-motion:reduce){.sb-app *{transition:opacity .15s!important}.sb-app button:active,.sb-button:active{transform:none}}