.app-card{background:var(--card);border:1px solid var(--line-card);border-radius:var(--r-lg);max-width:1080px;box-shadow:var(--shadow-lg);margin:clamp(38px,6vw,60px) auto 0;overflow:hidden}.app-card .app-head{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 22px;display:flex}.app-card .app-title{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.app-card .app-title .dot-live{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1f6f5c24}.app-card .app-title span{color:var(--ink-3);font-weight:500}.app-card .app-chips{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.app-card .chip{background:var(--sand);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.app-card .chip svg{flex:none}.app-card .chip-verdict.good{background:var(--good-bg);color:var(--good)}.app-card .chip-verdict.warn{background:var(--warn-bg);color:var(--warn)}.app-card .chip-freedom{background:var(--teal-tint);color:var(--teal-deep);font-variant-numeric:normal}.app-card .chip-freedom .lbl{color:var(--teal);font-weight:500}.app-card .chip-freedom .fv{font-size:16px;font-weight:700}.app-card .chip-freedom .fv-from{opacity:.55;font-weight:600;text-decoration:line-through 1.5px}.app-card .chip-freedom .fv-arr{opacity:.6;font-weight:500}.app-card .chip-freedom .fv-note{background:#ffffffbf;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:600}.app-card .chip-freedom .fv-note.better{color:var(--teal-deep)}.app-card .chip-freedom .fv-note.worse{color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.app-card .chip-freedom .pop{animation:.5s cubic-bezier(.3,1.6,.5,1) pathway-pop}@keyframes pathway-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.app-card .chip-freedom .fv{display:inline-block}}.app-card .chart-wrap{padding:10px 10px 0;position:relative}#pathway{border-radius:0 0 4px 4px;width:100%;height:auto;display:block}.app-card .chart-foot{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 22px 18px;display:flex}.app-card .legend-c{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-card .lg-item{color:var(--ink-2);align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:inline-flex}.app-card .lg-item i{border-radius:3.5px;flex:none;width:11px;height:11px}.app-card .lg-note{color:var(--ink-3);font-size:12.5px;font-style:italic}.app-card .chart-hint{color:var(--ink-2);align-items:center;gap:10px;margin-left:auto;font-size:13.5px;font-weight:500;display:flex}.app-card .chart-hint .hand{color:var(--coral);font-size:16px}.app-card #resetBtn{background:var(--sand);color:var(--ink-2);cursor:pointer;border:0;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;display:none}.app-card #resetBtn:hover{background:var(--gold-tint);color:var(--ink)}.app-card #resetBtn.show{display:inline-block}@media (width<=760px){.app-card .chart-hint{margin-left:0}.app-card .app-head{padding:14px 16px}.app-card .chart-foot{padding:10px 16px 16px}}#pathway text{font-family:var(--sans)}#pathway .axis-txt{fill:var(--ink-3);font-weight:500}#pathway .axis-cap{fill:#b3a88f;letter-spacing:.14em;font-weight:600}#pathway .grid-ln{stroke:var(--line-soft);stroke-width:1px}#pathway .base-ln{stroke:#ddd2bc;stroke-width:1.5px}#pathway .band-sep{stroke:var(--card);stroke-width:2.5px;fill:none;stroke-linejoin:round}#pathway .topline{stroke:var(--teal);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}#pathway .end-lbl{fill:var(--ink-2);font-weight:600}#pathway .cursor-ln{stroke:#c6baa0;stroke-width:1px;opacity:0;pointer-events:none}#pathway .goal{cursor:grab;touch-action:none;outline:none}#pathway .goal.grabbing{cursor:grabbing}#pathway .goal-ln{stroke:var(--coral-deep);stroke-width:1.5px;stroke-dasharray:2 4;opacity:.65;stroke-linecap:round}#pathway .goal-knob{fill:var(--card);stroke:var(--coral);stroke-width:2.5px;filter:drop-shadow(0 3px 6px #bd463059)}#pathway .goal:hover .goal-knob,#pathway .goal.grabbing .goal-knob{stroke:var(--coral-deep);fill:#fff6f0}#pathway .goal:focus-visible{outline:none}#pathway .goal:focus-visible .goal-knob{stroke:var(--coral-deep);stroke-width:3.5px;stroke-dasharray:none}#pathway .goal:focus-visible .goal-focus{opacity:1}#pathway .goal-focus{fill:none;stroke:var(--coral);stroke-width:1.5px;stroke-dasharray:4 4;opacity:0}#pathway .goal-house{stroke:var(--coral-deep);stroke-width:2px;fill:none;stroke-linejoin:round;stroke-linecap:round}#pathway .goal-pulse{fill:none;stroke:var(--coral);stroke-width:2px;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){#pathway .goal-pulse{animation:2.2s ease-out infinite pathway-pulse}@keyframes pathway-pulse{0%{opacity:.75;transform:scale(.72)}70%{opacity:0;transform:scale(1.5)}to{opacity:0}}#pathway .cue-arr{animation:1.6s ease-in-out infinite pathway-nudge}#pathway .cue-arr.rt{animation-name:pathway-nudge-r}@keyframes pathway-nudge{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes pathway-nudge-r{0%,to{transform:translate(0)}50%{transform:translate(4px)}}}#pathway .goal.dragged .goal-pulse{opacity:0;animation:none}#pathway .cue-arr{fill:var(--coral);font-weight:700;transition:opacity .4s}#pathway .goal.dragged .cue-arr{opacity:0}#pathway .pill-bg{fill:var(--card);stroke:#d4bf9ecc;stroke-width:1px;filter:drop-shadow(0 2px 5px #7a5a382e)}#pathway .pill-txt{fill:var(--ink);font-weight:600}#pathway .f-pill-bg{fill:var(--teal);filter:drop-shadow(0 3px 7px #14503f59)}#pathway .f-pill-txt{fill:#f2f8f5;font-weight:600}#pathway .f-dot{fill:var(--teal)}#pathway .f-ring{fill:var(--card)}#pathway .f-tick{stroke:var(--teal);stroke-width:1.5px;opacity:.5}.app-card .tip{z-index:5;pointer-events:none;color:#f7f2e9;background:#2d2a24f0;border-radius:12px;min-width:172px;padding:10px 13px;font-size:12.8px;line-height:1.5;position:absolute;box-shadow:0 10px 26px -8px #2d2a2480}.app-card .tip h4{letter-spacing:.06em;text-transform:uppercase;color:#cfc6b4;font-size:12px;font-weight:600;font-family:var(--sans);margin:0 0 5px}.app-card .tip-row{align-items:center;gap:7px;display:flex}.app-card .tip-row i{border-radius:2.5px;flex:none;width:8px;height:8px}.app-card .tip-row .v{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.app-card .tip-tot{border-top:1px solid #f7f2e940;margin-top:6px;padding-top:6px;font-weight:700;display:flex}.app-card .tip-tot .v{font-variant-numeric:tabular-nums;margin-left:auto}