:root{--brand-primary:#2563eb;--brand-primary-light:#eaf1ff;--brand-primary-dark:#0f172a;--brand-text:#111827;--brand-muted:#6b7280;--brand-border:#e5e7eb;--brand-bg:#fff;--brand-card-bg:#fff;--before-color:#ef4444;--before-bg:#fff1f2;--before-border:#fecaca;--after-color:#16a34a;--after-bg:#f0fdf4;--after-border:#bbf7d0;--shadow-soft:0 12px 35px #0f172a14;--radius-lg:18px}.pof-wrapper{box-sizing:border-box;background:var(--brand-bg);width:100%;min-width:0;color:var(--brand-text);padding:0;font-family:inherit}.pof-section{border-radius:var(--radius-lg);border:1.5px solid var(--brand-border);background:var(--brand-card-bg);box-shadow:var(--shadow-soft);margin-bottom:16px;overflow:clip}.pof-section--before{border-color:var(--before-border);background:var(--before-bg)}.pof-section--after{border-color:var(--after-border);background:var(--after-bg)}.pof-section-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.pof-section-header{letter-spacing:-.01em;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.pof-section--before .pof-section-header{color:var(--before-color)}.pof-section--after .pof-section-header{color:var(--after-color)}.pof-section-header-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pof-section--before .pof-section-header-icon{background:var(--before-color);color:#fff}.pof-section--after .pof-section-header-icon{background:var(--after-color);color:#fff}.pof-timer{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:.78rem;font-weight:600;display:inline-flex}.pof-timer--before{color:var(--before-color);border:1px solid var(--before-border);background:#fee2e2}.pof-timer--after{color:var(--after-color);border:1px solid var(--after-border);background:#dcfce7}.pof-timer--done{font-weight:700}.pof-time-badge{background:var(--before-color);color:#fff;letter-spacing:.01em;border-radius:999px;margin-left:7px;padding:2px 7px;font-size:.66rem;font-weight:800;display:inline-block}.pof-flow-scroll{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--brand-border) transparent;width:100%;padding:18px 20px 14px;overflow:auto visible}.pof-flow-scroll::-webkit-scrollbar{height:4px}.pof-flow-scroll::-webkit-scrollbar-track{background:0 0}.pof-flow-scroll::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:2px}.pof-flow-row{align-items:center;display:inline-flex}.pof-node{background:var(--brand-card-bg);border:1.5px solid var(--brand-border);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:104px;padding:10px 8px;transition:border-color .25s,box-shadow .25s,transform .2s,background .25s;display:flex;box-shadow:0 2px 8px #0f172a0f}.pof-node--before{border-color:var(--before-border);background:#fff}.pof-node--after{border-color:var(--after-border);background:#fff}.pof-node--active{transform:translateY(-2px)}.pof-node--before.pof-node--active{border-color:var(--before-color)!important;box-shadow:0 0 0 3px #ef444424,0 5px 16px #ef444424!important}.pof-node--after.pof-node--active{border-color:var(--after-color)!important;box-shadow:0 0 0 3px #16a34a24,0 5px 16px #16a34a24!important}.pof-node--before.pof-node--active .pof-node-icon-wrap{animation:1.4s ease-in-out infinite pof-pulse-red}.pof-node--after.pof-node--active .pof-node-icon-wrap{animation:1.4s ease-in-out infinite pof-pulse-green}.pof-node--before.pof-node--completed{border-color:var(--before-color)!important}.pof-node--after.pof-node--completed{border-color:var(--after-color)!important}.pof-node--before.pof-node--completed .pof-node-icon-wrap{background:var(--before-color);color:#fff}.pof-node--after.pof-node--completed .pof-node-icon-wrap{background:var(--after-color);color:#fff}.pof-node-icon-wrap svg{fill:none}.pof-node-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .25s,color .25s;display:flex}.pof-node--before .pof-node-icon-wrap{color:var(--before-color);background:#fee2e2}.pof-node--after .pof-node-icon-wrap{color:var(--after-color);background:#dcfce7}.pof-node-title{color:var(--brand-text);font-size:.68rem;font-weight:600;line-height:1.3}.pof-edge{flex-shrink:0;align-items:center;width:44px;height:50px;display:flex;position:relative}.pof-edge-line{border-radius:1px;height:2px;transition:background .3s;position:absolute;left:4px;right:16px}.pof-edge--before .pof-edge-line{background:var(--before-border)}.pof-edge--after .pof-edge-line{background:var(--after-border)}.pof-edge--before.pof-edge--completed .pof-edge-line{background:#ef444473}.pof-edge--after.pof-edge--completed .pof-edge-line{background:#16a34a73}.pof-edge-dot{border-radius:50%;width:10px;height:10px;animation-name:pof-dot-travel-h;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:50%;left:4px}.pof-edge--before .pof-edge-dot{background:var(--before-color);box-shadow:0 0 8px var(--before-color), 0 0 3px var(--before-color)}.pof-edge--after .pof-edge-dot{background:var(--after-color);box-shadow:0 0 8px var(--after-color), 0 0 3px var(--after-color)}.pof-edge-arrow{font-size:1.2rem;line-height:1;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.pof-edge--before .pof-edge-arrow{color:var(--before-color)}.pof-edge--after .pof-edge-arrow{color:var(--after-color)}.pof-hint{justify-content:center;align-items:center;padding:4px 20px 16px;display:flex}.pof-hint-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.pof-section--before .pof-hint-pill{color:var(--before-color);border:1px solid var(--before-border);background:#fee2e2}.pof-section--after .pof-hint-pill{color:var(--after-color);border:1px solid var(--after-border);background:#dcfce7}.pof-result{border-radius:var(--radius-lg);border:1.5px solid var(--after-border);background:var(--after-bg);box-shadow:var(--shadow-soft);align-items:center;gap:10px;padding:16px 24px;display:flex}.pof-result-icon{color:var(--after-color);flex-shrink:0}.pof-result strong{color:var(--after-color);font-weight:700}@keyframes pof-dot-travel-h{0%{opacity:0;transform:translateY(-50%)translate(0)}8%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(-50%)translate(18px)}}@keyframes pof-dot-travel-v{0%{opacity:0;transform:translate(-50%)translateY(0)}8%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(20px)}}@keyframes pof-pulse-red{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 7px #ef444400}}@keyframes pof-pulse-green{0%,to{box-shadow:0 0 #16a34a80}50%{box-shadow:0 0 0 7px #16a34a00}}@media (max-width:639px){.pof-section-top{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 0}.pof-section-header{font-size:.88rem}.pof-flow-scroll{padding:14px 16px 12px;overflow-x:visible}.pof-flow-row{min-width:unset;flex-direction:column;align-items:center}.pof-node{width:min(220px,100%)}.pof-node--active{transform:none}.pof-edge{width:50px;height:44px}.pof-edge-line{width:2px;height:auto;inset:4px auto 18px 50%;transform:translate(-50%)}.pof-edge-dot{animation-name:pof-dot-travel-v;top:4px;left:50%}.pof-edge-arrow{inset:auto auto 2px 50%;transform:translate(-50%)rotate(90deg)}.pof-hint-pill{text-align:center;flex-wrap:wrap;justify-content:center}.pof-result{padding:14px 16px;font-size:.88rem}}