.tpd-card{display:grid;gap:22px;padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--soft-shadow)}.tpd-concept-video{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--page);-o-object-fit:cover;object-fit:cover}.tpd-stage{min-height:170px}.tpd-result{display:inline-block;padding:7px 14px;border-radius:var(--radius-pill);background:var(--ink);color:#faf9f5;font-size:var(--text-sm);font-weight:900;font-variant-numeric:tabular-nums;opacity:0;transform:translateY(6px);transition:opacity var(--motion-slow) var(--ease),transform var(--motion-slow) var(--ease)}.tpd-stage.has-p3 .tpd-result{opacity:1;transform:translateY(0)}.tpd-dcf{display:flex;align-items:flex-end;gap:18px}.tpd-bars{display:flex;align-items:flex-end;gap:10px}.tpd-bar-col{display:grid;justify-items:center;gap:6px}.tpd-bar{width:26px;height:0;border-radius:6px 6px 2px 2px;background:var(--line-strong);transition:height .6s var(--ease),background-color .6s var(--ease)}.tpd-dcf.has-p0 .tpd-bar{height:var(--h)}.tpd-dcf.has-p1 .tpd-bar{height:var(--hpv);background:var(--accent)}.tpd-bar-col em{color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.tpd-flow{align-self:center;color:var(--muted);font-size:20px;font-weight:900;opacity:0;transition:opacity var(--motion-slow) var(--ease)}.tpd-dcf.has-p1 .tpd-flow{opacity:1}.tpd-pv{display:grid;justify-items:center;gap:10px;align-self:flex-end}.tpd-pv-bar{width:40px;height:0;border-radius:8px 8px 2px 2px;background:var(--ink);transition:height .7s var(--ease)}.tpd-dcf.has-p2 .tpd-pv-bar{height:96px}.tpd-mos{display:grid;gap:20px;align-content:center}.tpd-ruler{position:relative;padding:26px 0 30px}.tpd-track{position:relative;height:16px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--page);opacity:0;transition:opacity var(--motion-slow) var(--ease)}.tpd-mos.has-p0 .tpd-track{opacity:1}.tpd-fill-price,.tpd-fill-cushion{position:absolute;top:0;bottom:0}.tpd-fill-price{left:0;width:0;background:var(--ink);transition:width .7s var(--ease)}.tpd-mos.has-p2 .tpd-fill-price{width:60%}.tpd-fill-cushion{left:60%;right:100%;background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 5px,transparent 5px,transparent 10px);transition:right .7s var(--ease)}.tpd-mos.has-p3 .tpd-fill-cushion{right:0}.tpd-mark{position:absolute;color:var(--muted-strong);font-size:var(--text-xs);font-weight:900;opacity:0;transition:opacity var(--motion-slow) var(--ease)}.tpd-mark-value{right:0;top:0}.tpd-mos.has-p1 .tpd-mark-value{opacity:1}.tpd-mark-price{left:60%;bottom:0;transform:translate(-50%)}.tpd-mos.has-p2 .tpd-mark-price{opacity:1}.tpd-compare{display:grid;gap:12px;align-content:center}.tpd-cmp-head,.tpd-cmp-row{display:grid;grid-template-columns:64px 1fr 1fr;align-items:center;gap:12px}.tpd-cmp-head{opacity:0;transition:opacity var(--motion-slow) var(--ease);color:var(--muted);font-size:var(--text-xs);font-weight:900}.tpd-compare.has-p0 .tpd-cmp-head{opacity:1}.tpd-cmp-row em{color:var(--muted-strong);font-size:var(--text-xs);font-style:normal;font-weight:800}.tpd-cmp-track{position:relative;height:12px;border-radius:var(--radius-pill);background:var(--page);border:1px solid var(--line);overflow:visible}.tpd-cmp-track span{position:absolute;inset:0 auto 0 0;width:0;border-radius:var(--radius-pill);background:var(--line-strong);transition:width .65s var(--ease),background-color .65s var(--ease)}.tpd-cmp-track span.is-win:after{content:"✓";position:absolute;right:-18px;top:50%;transform:translateY(-55%);color:var(--accent);font-size:11px;font-weight:900;opacity:0;transition:opacity var(--motion-base) var(--ease) .5s}.tpd-compare.has-p0 .tpd-r0 span{width:var(--w)}.tpd-compare.has-p1 .tpd-r0 span{background:var(--ink)}.tpd-compare.has-p1 .tpd-r0 span.is-win{background:var(--accent)}.tpd-compare.has-p1 .tpd-r0 span.is-win:after{opacity:1}.tpd-compare.has-p1 .tpd-r1 span,.tpd-compare.has-p2 .tpd-r2 span{width:var(--w)}.tpd-compare.has-p2 .tpd-r1 span,.tpd-compare.has-p2 .tpd-r2 span{background:var(--ink)}.tpd-compare.has-p2 .tpd-r1 span.is-win,.tpd-compare.has-p2 .tpd-r2 span.is-win{background:var(--accent)}.tpd-compare.has-p2 .tpd-r1 span.is-win:after,.tpd-compare.has-p2 .tpd-r2 span.is-win:after{opacity:1}.tpd-compare .tpd-result{justify-self:start;margin-top:4px}.tpd-calendar{display:grid;gap:18px;align-content:center}.tpd-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:340px}.tpd-day{display:grid;place-items:center;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-size:11px;font-weight:800;opacity:0;transform:scale(.8);transition:all .42s var(--ease)}.tpd-calendar.has-p0 .tpd-day{opacity:1;transform:scale(1)}.tpd-calendar.has-p1 .tpd-day.is-event{border-color:var(--accent);background:var(--accent);color:#faf9f5}.tpd-calendar.has-p2 .tpd-day:not(.in-week){opacity:.22}.tpd-stage.tpd-search{display:grid;gap:16px;align-content:center}.tpd-searchbar{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--muted);opacity:0;transition:opacity var(--motion-slow) var(--ease)}.tpd-search.has-p0 .tpd-searchbar{opacity:1}.tpd-searchbar svg{width:15px;height:15px}.tpd-kw{color:var(--ink);font-size:var(--text-sm);font-weight:900}.tpd-caret{width:2px;height:14px;background:var(--ink);animation:tpd-blink 1s steps(1) infinite}@keyframes tpd-blink{50%{opacity:0}}.tpd-doc{display:grid;gap:9px;max-width:420px}.tpd-line{display:block;width:0;height:9px;border-radius:var(--radius-pill);background:var(--line);transition:width .5s var(--ease),background-color .5s var(--ease)}.tpd-search.has-p1 .tpd-line{width:var(--w)}.tpd-search.has-p2 .tpd-line.is-hit{background:var(--accent)}.tpd-footer{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding-top:18px;border-top:1px solid var(--line)}.tpd-phases{display:grid;gap:7px;margin:0;padding:0;list-style:none}.tpd-phases li{display:flex;align-items:baseline;gap:9px;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-xs);line-height:1.45;opacity:.45;transition:opacity var(--motion-base) var(--ease),color var(--motion-base) var(--ease)}.tpd-phases li span{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--font-sans);font-size:9px;font-weight:900;transition:all var(--motion-base) var(--ease)}.tpd-phases li.is-done{opacity:.8}.tpd-phases li.is-done span{background:var(--ink);border-color:var(--ink);color:#faf9f5}.tpd-phases li.is-active{opacity:1;color:var(--ink)}.tpd-phases li.is-active span{background:var(--accent);border-color:var(--accent);color:#faf9f5}.tpd-replay{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-size:var(--text-xs);font-weight:900;cursor:pointer;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.tpd-replay:hover{transform:var(--lift-sm);border-color:var(--ink);box-shadow:var(--control-hover-shadow)}.tpd-replay:active{transform:var(--press)}.tpd-replay svg{width:13px;height:13px}.tpd-note{margin-top:12px;color:var(--muted);font-size:var(--text-xs);line-height:1.6}@media(max-width:760px){.tpd-card{padding:20px}.tpd-dcf{flex-wrap:wrap;gap:14px}.tpd-footer{grid-template-columns:1fr;align-items:start}.tpd-replay{justify-self:start}}