.wpz-timeline-host{display:block!important;grid-template-columns:none!important}
.wpz-timeline{--accent:#b18aff;--second:#53e9de;--surface:#171329;--ink:#f8f6ff;--muted:#c6bfdc;border:1px solid #ffffff24;border-radius:28px;background:radial-gradient(ellipse at top right,#9761ed22,transparent 60%),var(--surface);color:var(--ink);padding:clamp(16px,3vw,30px);isolation:isolate}
.wpz-timeline .tl-head h3{color:var(--ink);font-size:clamp(23px,4vw,32px);margin:8px 0}
.tl-eyebrow{letter-spacing:2px;color:var(--accent);font-weight:800}
.tl-head p,.tl-note{color:var(--muted)}
.tl-head progress{display:block;width:100%;height:9px;border:0;border-radius:20px;overflow:hidden;accent-color:var(--second);margin:18px 0}
.tl-head progress::-webkit-progress-bar{background:#ffffff18}
.tl-head progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--second))}
.tl-controls{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
.tl-controls input,.tl-controls select{min-width:0;flex:1 1 160px;background:#ffffff;color:#211b32;border:1px solid #ccc;border-radius:12px;padding:12px;font:inherit}
.tl-list{max-height:850px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 6px 6px}
.tl-step{position:relative;margin:0 0 16px;padding-left:20px}
.tl-step:before{content:"";position:absolute;left:42px;top:0;bottom:-20px;width:3px;background:#ffffff25;z-index:-1}
.tl-step.tl-done:before{background:var(--second);box-shadow:0 0 12px var(--second)}
.tl-step:last-child:before{bottom:40px}
.tl-button{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;padding:18px 20px 18px 0;border-radius:22px;background:linear-gradient(110deg,#ffffff12,#ffffff04);border:1px solid #ffffff20;min-height:100px;color:var(--ink)}
.tl-button::-webkit-details-marker{display:none}
.tl-node{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--accent);background:var(--surface);box-shadow:0 0 20px #ab75ff30;font-weight:900;color:var(--accent);font-size:20px}
.tl-title{display:grid;gap:7px;min-width:0;flex:1}
.tl-title strong{font-size:19px;overflow-wrap:anywhere;color:var(--ink)}
.tl-title small,.tl-meta{font-size:12px;color:var(--muted)}
.tl-done .tl-node{background:var(--second);border-color:var(--second);color:#112d28}
.tl-locked .tl-node{border-color:#9295a4;color:#c5c6cf;box-shadow:none}
.tl-chevron{font-size:24px;color:var(--accent)}.tl-step[open] .tl-chevron{transform:rotate(180deg)}
.tl-body{padding:14px 0 14px 8px}.tl-body>.task-card{width:100%;box-sizing:border-box}
.tl-close{border:1px solid var(--accent);color:var(--ink);background:transparent;border-radius:14px;padding:12px 18px;cursor:pointer;margin-top:10px}
.tl-button:focus-visible,.tl-close:focus-visible{outline:3px solid var(--second);outline-offset:4px}
.tl-2{--accent:#ffa666;--second:#ff6ca7;--surface:#201626}.tl-2 .tl-step:nth-child(even){margin-left:8%}.tl-2 .tl-button{border-radius:48px 20px 48px 20px}.tl-2 .tl-step:before{width:6px;border-radius:50%}
.tl-3{--accent:#19b5c8;--second:#ea59af;--surface:#f3f6fa;--ink:#19283c;--muted:#506077}.tl-3 .tl-button{border:1px solid #ccd8e4;background:white}.tl-3 .tl-step:nth-child(even) .tl-node{border-color:var(--second);color:var(--second)}.tl-3 .tl-step:before{background:#c3d1dc}
.tl-4{--accent:#62dded;--second:#f6c65c;--surface:#142530}.tl-4 .tl-node{border-radius:12px}.tl-4 .tl-step:before{width:7px}
.tl-5{--accent:#c59cff;--second:#9ae9ff;--surface:#10162d;background-image:radial-gradient(circle at 80% 20%,#c59cff77 1px,transparent 2px);background-size:32px 32px}.tl-5 .tl-button{border-radius:40px}
.tl-6{--accent:#f2cf79;--second:#ffe9a4;--surface:#272118}.tl-6 .tl-button{border-radius:6px 28px 6px 28px;border-color:#f2cf7955}
.tl-7{--accent:#83d4a0;--second:#c4e49c;--surface:#132921}.tl-7 .tl-node{border-radius:50% 5px 50% 50%}.tl-7 .tl-button{border-radius:28px 8px}
.tl-8{--accent:#79d9ff;--second:#d3bfff;--surface:#172637}.tl-8 .tl-node{border-radius:10px;transform:rotate(-8deg)}.tl-8 .tl-button{background:linear-gradient(135deg,#79d9ff20,#d3bfff15)}
.tl-9{--accent:#ff83c7;--second:#ffe378;--surface:#2d1837}.tl-9 .tl-step:nth-child(3n+2){--accent:#79e6f8}.tl-9 .tl-step:nth-child(3n){--accent:#ffe378}.tl-9 .tl-button{border-left:5px solid var(--accent)}
.tl-10{--accent:#435e74;--second:#63ac98;--surface:#f7f9fc;--ink:#24364a;--muted:#596b7e}.tl-10 .tl-button{background:white;border-color:#dce4ec;border-radius:10px}.tl-10 .tl-node{box-shadow:none}.tl-10 .tl-step:before{background:#ccd7e0}
@media(max-width:480px){.tl-step{padding-left:0}.tl-step:before{left:24px}.tl-button{gap:10px;padding-right:12px}.tl-title strong{font-size:16px}.tl-2 .tl-step:nth-child(even){margin-left:4%}.tl-body{padding-left:0}}
.wpz-timeline .tl-step.tl-locked .tl-node{border-color:#9295a4;color:#9295a4;box-shadow:none}