body.plan-b #app .learning-journey .sec-head{max-width:1000px;margin-bottom:40px}body.plan-b #app .learning-journey-grid{gap:24px}body.plan-b #app .learning-step{position:relative;border:2px solid transparent;border-radius:28px;transition:border-color .3s,box-shadow .3s}body.plan-b #app .learning-step.is-current{box-shadow:0 8px #1e1e1e12}body.plan-b #app .learning-step-copy{flex:none;min-height:230px;padding:24px 28px 20px}body.plan-b #app .journey-step-control{display:inline-flex;align-items:center;gap:14px;margin:0 0 16px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font-family:var(--font-sans)}body.plan-b #app .journey-step-control:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:12px}body.plan-b #app .journey-ring{position:relative;display:grid;place-items:center;width:72px;height:72px}body.plan-b #app .journey-ring svg{position:absolute;inset:0;width:72px;height:72px;transform:rotate(-90deg);overflow:visible}body.plan-b #app .journey-ring circle{fill:none;stroke-width:8}body.plan-b #app .journey-ring-track{stroke:#f0eeeb}body.plan-b #app .journey-ring-fill{stroke:var(--step-tone);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--ring-progress, 100));stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.3,1)}body.plan-b #app .journey-ring>span{font-size:26px;font-weight:600}body.plan-b #app .journey-step-caption{font-size:11px;font-weight:700;letter-spacing:.08em;color:#666}body.plan-b #app .journey-step-caption>span{display:block;margin-top:3px;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:0}body.plan-b #app .learning-step h3{margin:0 0 8px;font-size:24px;font-weight:500;line-height:30px}body.plan-b #app .learning-step p{margin:0;font-size:18px;line-height:26px}body.plan-b #app .journey-visual{position:relative;display:grid;place-items:center;flex:1;min-height:238px;margin:0 16px 16px;padding:20px 28px;overflow:hidden;border-radius:18px;background:color-mix(in srgb,var(--step-tone) 46%,white);font-family:var(--font-sans)}body.plan-b #app .journey-visual:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgb(30 30 30 / .1);border-radius:50%;left:-90px;top:50px}body.plan-b #app :is(.journey-assessment,.journey-plan,.journey-calendar,.journey-report){position:relative;z-index:1;width:min(100%,340px);padding:20px;border:1px solid rgb(30 30 30 / .08);border-radius:14px;background:#fff;box-shadow:6px 8px color-mix(in srgb,var(--step-tone) 70%,transparent);transform:rotate(-3deg);transition:transform .45s}body.plan-b #app .journey-visual--2>.journey-plan{transform:rotate(3deg)}body.plan-b #app .learning-step:is(:hover,.is-current) .journey-visual>:first-child{transform:rotate(0) translateY(-3px)}body.plan-b #app .journey-mini-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:700;letter-spacing:.07em;color:#666}body.plan-b #app .journey-question{margin-top:14px;font-size:17px;font-weight:600;line-height:21px}body.plan-b #app .journey-shapes{display:flex;align-items:center;gap:17px;margin:15px 0}body.plan-b #app .journey-shapes i{width:26px;height:26px;background:var(--aux-focus-bg);border-radius:50%}body.plan-b #app .journey-shapes i:nth-child(2){border-radius:4px;background:var(--aux-coral-bg);transform:rotate(15deg)}body.plan-b #app .journey-shapes i:nth-child(3){background:var(--aux-growth-bg);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}body.plan-b #app .journey-shapes>span{display:grid;place-items:center;width:30px;height:30px;border:1px dashed #999;border-radius:6px}body.plan-b #app .journey-answer{display:flex;gap:8px}body.plan-b #app .journey-answer>span{flex:1;padding:6px 10px;border:1px solid #e5e5e5;border-radius:6px;font-size:11px}body.plan-b #app .journey-answer .chosen{background:var(--aux-focus-bg);border-color:transparent}body.plan-b #app .journey-answer b{float:right}body.plan-b #app .journey-sticker{position:absolute;z-index:2;right:10px;bottom:16px;padding:8px 12px;background:var(--aux-energy-bg);border-radius:5px;font-size:11px;font-weight:600;transform:rotate(3deg)}body.plan-b #app .journey-route{display:flex;justify-content:space-between;position:relative;margin:22px 0}body.plan-b #app .journey-route:before{content:"";position:absolute;top:18px;left:30px;right:30px;border-top:2px dashed #d7d5d2}body.plan-b #app .journey-route span{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}body.plan-b #app .journey-route i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--aux-coral-bg);font-style:normal;font-size:15px}body.plan-b #app .journey-route span:nth-child(2) i{background:var(--aux-energy-bg)}body.plan-b #app .journey-route span:nth-child(3) i{background:var(--aux-growth-bg)}body.plan-b #app .journey-plan-note{padding:10px 12px;background:#f7f6f3;border-radius:8px;font-size:12px}body.plan-b #app .journey-plan-note>div{display:flex;gap:5px;margin-top:9px}body.plan-b #app .journey-plan-note i{height:5px;flex:1;background:var(--aux-coral-bg);border-radius:5px}body.plan-b #app .journey-plan-note i:nth-child(2){background:var(--aux-energy-bg)}body.plan-b #app .journey-plan-note i:nth-child(3){background:var(--aux-growth-bg)}body.plan-b #app .journey-orbit{position:absolute;right:4px;bottom:-12px;font-size:95px;line-height:1;color:#1e1e1e;transform:rotate(-12deg)}body.plan-b #app .journey-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:22px 0}body.plan-b #app .journey-week>span{display:grid;gap:6px;padding:6px 0;border-radius:18px;text-align:center;font-size:10px;color:#666}body.plan-b #app .journey-week b{font-size:14px;color:var(--ink);font-weight:500}body.plan-b #app .journey-week .lesson-day{background:var(--aux-growth-bg)}body.plan-b #app .journey-class{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#f7f6f3;border-radius:8px;font-size:13px;font-weight:600}body.plan-b #app .journey-play{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);border-radius:50%;color:#fff;font-size:9px}body.plan-b #app .journey-class small{display:block;margin-top:3px;font-size:9px;color:#666;font-weight:400}body.plan-b #app .journey-chart{display:flex;align-items:end;gap:12px;height:120px;margin-top:15px;border-bottom:1px solid #ddd}body.plan-b #app .journey-chart>span{display:flex;flex:1;height:var(--bar-height);flex-direction:column;justify-content:end;position:relative}body.plan-b #app .journey-chart i{display:block;flex:1;border-radius:5px 5px 0 0;background:var(--aux-care-bg);transform-origin:bottom}body.plan-b #app .journey-chart>span:nth-child(2n) i{background:var(--aux-creative-bg)}body.plan-b #app .journey-chart small{padding:5px 0;text-align:center;font-size:9px}body.plan-b #app .journey-report-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}@media(max-width:767px){body.plan-b #app .learning-step-copy{min-height:0;padding:20px}body.plan-b #app .learning-step h3{font-size:22px;line-height:28px}body.plan-b #app .journey-visual{margin:0 10px 10px;padding:18px;min-height:225px}body.plan-b #app .journey-orbit{font-size:72px}body.plan-b #app .journey-step-control{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){body.plan-b #app .learning-step,body.plan-b #app .journey-ring-fill,body.plan-b #app .journey-visual>:first-child{transition:none}}
