.dsp-phases{display:flex;flex-direction:column}.dsp-phase{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.2rem,5vw,5rem);align-items:center;padding:3.8rem 0}.dsp-phase--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.dsp-phase--flip>.dsp-copy{order:2}.dsp-hand{font-family:var(--font-caveat),cursive;font-weight:600;color:var(--svc-note);line-height:1.1}.dsp-doc{background:#fff;border-radius:12px;padding:1.3rem 1.5rem 1rem;box-shadow:0 20px 48px #0805105c;display:flex;flex-direction:column;gap:1rem}.dsp-doc-foot,.dsp-doc-head{display:flex;justify-content:space-between;gap:1rem;font-size:.56rem;letter-spacing:.14em;color:#6b6573}.dsp-doc-head{padding-bottom:.75rem;border-bottom:1px solid #ece8f1}.dsp-doc-head b{font-weight:400;color:var(--svc-accent);white-space:nowrap}.dsp-doc-foot{font-size:.5rem;color:#a59fad;padding-top:.65rem;border-top:1px solid #ece8f1}.dsp-doc-kicker{display:block;font-size:.54rem;letter-spacing:.16em;color:#9a93a3;margin-bottom:.5rem}.dsp-doc-kicker--accent{color:var(--svc-accent)}.dsp-mark{background:#efe7f7;padding:1px 4px;border-radius:4px}.dsp-lens-frame{position:relative;border-radius:28px;background:radial-gradient(120% 90% at 20% 0,#4a2f63 0,#2a1a38 55%,#1c1426 100%);padding:clamp(2rem,4vw,3.2rem) clamp(1.25rem,3.5vw,3rem) 3.8rem;display:flex;justify-content:center;box-shadow:0 24px 56px #2418324d}.dsp-lens-doc{width:100%;max-width:36rem}.dsp-lens-request p{margin:0;padding-top:.9rem;font-family:var(--font-roboto);font-size:1.1rem;color:#2b2233}.dsp-lens-struck{position:relative;white-space:nowrap}.dsp-lens-strike{position:absolute;left:-3px;right:-3px;top:54%;height:3px;border-radius:2px;background:var(--svc-accent);transform-origin:left center}.dsp-lens-note{position:absolute;left:.2rem;bottom:92%;font-family:var(--font-caveat),cursive;font-weight:600;font-size:1.3rem;color:var(--svc-accent);white-space:nowrap;transform:rotate(-4deg)}.dsp-lens-reframe{background:#f6f2fa;border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem}.dsp-lens-reframe .dsp-doc-kicker{margin-bottom:.15rem}.dsp-lens-row{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.75rem;font-family:var(--font-roboto);font-size:.9rem;line-height:1.4;color:#2b2233}.dsp-lens-row .svc-mono{font-size:.54rem;letter-spacing:.12em;color:#6b6573;padding-top:.25rem}.dsp-lens-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.dsp-lens-chips{display:flex;flex-wrap:wrap;gap:.4rem}.dsp-chip{font-family:var(--font-roboto);font-size:.76rem;padding:.3rem .65rem;border-radius:999px;background:#efe7f7;color:#2b2233}.dsp-chip--hype{background:#0000;border:1px dashed #cfc6da;color:#857e8e;text-decoration:line-through;text-decoration-color:#b8aec6}.dsp-lens-caption{position:absolute;right:1.8rem;bottom:1rem;font-size:1.45rem;color:var(--svc-accent-light);transform:rotate(-4deg)}.dsp-board-visual{position:relative;display:flex;flex-direction:column}.dsp-board-photo{position:relative;margin:0;width:82%}.dsp-board-photo-frame{position:relative;aspect-ratio:4/3.3;border-radius:22px;overflow:hidden;box-shadow:0 26px 56px #1c14262e}.dsp-board-photo-frame img{object-fit:cover;object-position:30% 50%}.dsp-board-photo figcaption{position:absolute;left:1rem;top:1rem;font-size:.5rem;letter-spacing:.16em;color:#2b2233;background:#ffffffe6;padding:.45rem .7rem;border-radius:999px}.dsp-board-card{position:relative;align-self:flex-end;margin-top:-11rem;width:min(25rem,66%);gap:.8rem;transform:rotate(-1.5deg);box-shadow:0 24px 56px #08051042}.dsp-board-row{display:flex;flex-direction:column;gap:.1rem;font-family:var(--font-roboto);font-size:.86rem;line-height:1.45;color:#2b2233}.dsp-board-row .dsp-hand{font-size:1.2rem;color:#1f7a4d}.dsp-board-row:nth-of-type(odd) .dsp-hand{color:#3a2d86}.dsp-board-wish{padding-top:.55rem;border-top:1px solid #ece8f1}.dsp-board-wish .dsp-hand{position:relative;font-size:1.2rem;color:#6b6573}.dsp-board-strike{position:absolute;left:-3px;right:-3px;top:55%;height:2.5px;border-radius:2px;background:#b3372b;transform-origin:left center}.dsp-voices{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.dsp-voices-list{display:flex;flex-direction:column;gap:1.9rem}.dsp-voice{margin:0}.dsp-voice:nth-of-type(2){margin-left:clamp(0rem,4vw,3.5rem)}.dsp-voice:nth-of-type(3){margin-left:clamp(0rem,2vw,1.75rem)}.dsp-voice blockquote{margin:0;font-family:var(--font-roboto);font-weight:300;font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.45;color:#2b2233}.dsp-voice-mark{font-family:var(--font-staatliches);font-weight:400;font-size:1.5em;line-height:0;color:var(--svc-accent);margin-right:.3rem;vertical-align:-.28em}.dsp-voice-hl{background-image:linear-gradient(100deg,#c9b3e300,#c9b3e3cc 2%,#c9b3e3a6 97%,#c9b3e300);background-repeat:no-repeat;background-position:0 88%;background-size:100% 58%;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.dsp-voice figcaption{margin-top:.7rem;font-size:.58rem;letter-spacing:.16em;color:var(--svc-accent)}.dsp-filter{grid-template-columns:minmax(0,4fr) minmax(0,7fr);margin:2rem 0;padding:clamp(2.5rem,4.5vw,4rem) clamp(1.5rem,4vw,3.5rem);border-radius:28px;background:radial-gradient(70% 90% at 0 0,var(--svc-band-tint1),#0000 60%),radial-gradient(60% 80% at 100% 100%,var(--svc-band-tint2),#0000 60%),var(--svc-band-bg)}.dsp-filter .svc-phase-label i{color:var(--svc-accent-light)}.dsp-filter .svc-phase-title{color:#fff}.dsp-filter .svc-phase-copy p{color:#ffffffbd}.dsp-filter .svc-phase-list li{color:#ffffffb3}.dsp-filter .svc-phase-list li:before{background:var(--svc-accent-light)}.dsp-filter-visual{display:flex;flex-direction:column;gap:1.2rem}.dsp-filter-stage{position:relative;height:25rem}.dsp-filter-line{position:absolute;top:0;bottom:0;width:0;border-left:1.5px dashed #c9b3e36b}.dsp-filter-line--0{left:26%}.dsp-filter-line--1{left:41%}.dsp-filter-line--2{left:56%}.dsp-filter-line--3{left:71%}.dsp-filter-line span{position:absolute;top:-.2rem;left:-2.8rem;width:5.6rem;text-align:center;font-size:.5rem;line-height:1.45;letter-spacing:.1em;color:var(--svc-accent-light);background:var(--svc-band-bg);padding:.2rem 0}.dsp-tile{position:absolute;left:0;top:calc(2.9rem + var(--lane) * 3.1rem);width:20%;height:2.6rem;box-sizing:border-box;display:flex;align-items:center;padding:0 .65rem;border-radius:9px;font-family:var(--font-roboto);font-size:.7rem;line-height:1.15;color:#ffffffdb;background:linear-gradient(160deg,#ffffff1a,#ffffff05);border:1px solid #c9b3e380;box-shadow:0 0 16px #8b6bb14d,inset 0 1px 0 #ffffff24}.dsp-tile--s0{transform:translate(30%,.9rem);opacity:.22}.dsp-tile--s1{transform:translate(105%,.9rem);opacity:.22}.dsp-tile--s2{transform:translate(180%,.9rem);opacity:.22}.dsp-tile--s3{transform:translate(255%,.9rem);opacity:.22}.dsp-tile--s4{transform:translateX(395%);color:#fff;border-color:#7fd4c8;box-shadow:0 0 24px #7fd4c880,inset 0 1px 0 #fff3}.dsp-filter-stamp{position:absolute;left:76%;top:44%;padding:.45rem .8rem;border:2px solid #7fd4c8;border-radius:6px;font-size:.8rem;font-weight:500;letter-spacing:.22em;color:#7fd4c8;background:#241832c7;transform:rotate(-9deg)}.dsp-filter-summary{display:none}.dsp-filter-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.dsp-filter-foot .dsp-hand{font-size:1.45rem;color:var(--svc-accent-light);transform:rotate(-3deg)}.dsp-filter-tag{font-size:.5rem;letter-spacing:.16em;color:#fff9;border:1px solid #c9b3e359;padding:.4rem .7rem;border-radius:999px}.dsp-shortlist-visual{position:relative;padding:1rem 0 1.5rem}.dsp-shortlist-sheet{background:#fff;border-radius:6px;padding:1.8rem 2rem 1.2rem;transform:rotate(-1.6deg);box-shadow:0 2px 0 #eee9e0,0 26px 60px #2b223329;display:flex;flex-direction:column;gap:.4rem}.dsp-shortlist-rows{position:relative;height:12rem;margin-top:.4rem}.dsp-rank{position:absolute;left:0;right:0;top:calc(var(--row) * 4rem);height:4rem;display:grid;grid-template-columns:2.4rem minmax(0,1fr) minmax(0,10rem) 2.4rem;gap:1rem;align-items:center;border-bottom:1px solid #f1eef4}.dsp-rank-num{font-size:.66rem;letter-spacing:.1em;color:var(--svc-accent)}.dsp-rank-name{position:relative;justify-self:start;font-family:var(--font-roboto);font-size:1.05rem;color:#2b2233}.dsp-rank:first-child .dsp-rank-name{font-weight:500}.dsp-rank-circle{position:absolute;left:-1.2rem;top:-.95rem;width:calc(100% + 2.4rem);height:calc(100% + 1.9rem);overflow:visible;pointer-events:none}.dsp-rank-circle path{fill:none;stroke:var(--svc-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.dsp-rank-bar{height:8px;border-radius:4px;background:#f1edf5;overflow:hidden}.dsp-rank-bar i{display:block;height:100%;border-radius:4px;background:var(--svc-accent);transform-origin:left center}.dsp-rank:nth-child(2) .dsp-rank-bar i{background:#b49ad2}.dsp-rank:nth-child(3) .dsp-rank-bar i{background:#cdbde2}.dsp-rank-score{font-size:.78rem;letter-spacing:.04em;text-align:right;color:#2b2233}@media (max-width:1024px){.dsp-filter,.dsp-phase,.dsp-phase--flip{grid-template-columns:1fr}.dsp-phase--flip>.dsp-copy{order:0}}@media (max-width:700px){.dsp-phase{padding:2.6rem 0}.dsp-lens-frame{border-radius:20px;padding:2.2rem .9rem 3.4rem}.dsp-doc{padding:1.1rem 1.1rem .9rem}.dsp-lens-row{grid-template-columns:4.6rem minmax(0,1fr);font-size:.84rem}.dsp-lens-sort{grid-template-columns:1fr;gap:.8rem}.dsp-lens-caption{right:1.1rem;font-size:1.3rem}.dsp-lens-doc .dsp-doc-foot span:last-child{display:none}.dsp-board-photo{width:100%}.dsp-board-photo-frame{border-radius:18px}.dsp-board-card{align-self:stretch;width:auto;margin:-3rem .6rem 0 1.4rem}.dsp-voices-list{gap:1.6rem}.dsp-voice:nth-of-type(2),.dsp-voice:nth-of-type(3){margin-left:0}.dsp-filter{margin:1.5rem 0;border-radius:20px;padding:2.4rem 1.25rem}.dsp-filter-stage{display:none}.dsp-filter-summary{display:flex;flex-direction:column;gap:1.1rem}.dsp-filter-questions{margin:0;padding:0 0 0 1.1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;font-size:.52rem;letter-spacing:.1em;color:var(--svc-accent-light)}.dsp-filter-result{display:flex;flex-wrap:wrap;gap:.45rem}.dsp-tile-static{font-family:var(--font-roboto);font-size:.76rem;padding:.4rem .7rem;border-radius:8px;border:1px dashed #c9b3e34d;color:#fff6;text-decoration:line-through;text-decoration-color:#ffffff4d}.dsp-tile-static.is-through{border:1px solid #7fd4c8;color:#fff;text-decoration:none;box-shadow:0 0 18px #7fd4c859}.dsp-shortlist-sheet{padding:1.3rem 1.1rem 1rem;transform:rotate(-1deg)}.dsp-rank{grid-template-columns:1.8rem minmax(0,1fr) 2.2rem;gap:.6rem}.dsp-rank-bar{display:none}.dsp-rank-name{font-size:.95rem}}@media (prefers-reduced-motion:no-preference){.dsp-lens-strike{transition:transform .5s ease .4s}.dsp-lens-note{transition:opacity .45s ease .75s,transform .45s ease .75s}.dsp-chip,.dsp-lens-row{transition:opacity .5s ease var(--d),transform .6s cubic-bezier(.2,.8,.2,1) var(--d)}.dsp-phase:not(.is-in) .dsp-lens-strike{transform:scaleX(0)}.dsp-phase:not(.is-in) .dsp-lens-note{opacity:0;transform:translateY(6px) rotate(-4deg)}.dsp-phase:not(.is-in) .dsp-lens-row{opacity:0;transform:translateX(1.2rem)}.dsp-phase:not(.is-in) .dsp-chip{opacity:0;transform:translateY(.4rem)}.dsp-board-card{transition:opacity .7s ease .3s,transform .8s cubic-bezier(.2,.8,.2,1) .3s}.dsp-board-strike{transition:transform .45s ease 1.4s}.dsp-phase:not(.is-in) .dsp-board-card{opacity:0;transform:translate(-1rem,1.4rem) rotate(-1.5deg)}.dsp-phase:not(.is-in) .dsp-board-strike{transform:scaleX(0)}.dsp-voice{transition:opacity .6s ease var(--d),transform .7s ease var(--d)}.dsp-voice-hl{transition:background-size .8s ease var(--m)}.dsp-phase:not(.is-in) .dsp-voice{opacity:0;transform:translateY(1rem)}.dsp-phase:not(.is-in) .dsp-voice-hl{background-size:0 58%}.dsp-phase:not(.is-in) .dsp-tile{transform:none;opacity:1;color:#ffffffdb;border-color:#c9b3e380;box-shadow:0 0 16px #8b6bb14d,inset 0 1px 0 #ffffff24}.dsp-phase.is-in .dsp-tile--s0{animation:dspStop0 1.7s cubic-bezier(.4,0,.2,1) var(--d) both}.dsp-phase.is-in .dsp-tile--s1{animation:dspStop1 2.2s cubic-bezier(.4,0,.2,1) var(--d) both}.dsp-phase.is-in .dsp-tile--s2{animation:dspStop2 2.7s cubic-bezier(.4,0,.2,1) var(--d) both}.dsp-phase.is-in .dsp-tile--s3{animation:dspStop3 3.2s cubic-bezier(.4,0,.2,1) var(--d) both}.dsp-phase.is-in .dsp-tile--s4{animation:dspThrough 3.8s cubic-bezier(.4,0,.2,1) var(--d) both}.dsp-filter-stamp{transition:opacity .3s ease 3.9s,transform .4s cubic-bezier(.3,1.4,.5,1) 3.9s}.dsp-phase:not(.is-in) .dsp-filter-stamp{opacity:0;transform:rotate(-9deg) scale(1.6)}.dsp-rank{transition:transform .9s cubic-bezier(.6,0,.2,1) .35s}.dsp-rank-num{transition:opacity .4s ease 1.35s}.dsp-rank-bar i{transition:transform .9s ease .5s}.dsp-rank-circle path{transition:stroke-dashoffset .7s ease-out 1.6s}.dsp-phase:not(.is-in) .dsp-rank{transform:translateY(calc(var(--from) * 4rem))}.dsp-phase:not(.is-in) .dsp-rank-num{opacity:0}.dsp-phase:not(.is-in) .dsp-rank-bar i{transform:scaleX(0)}.dsp-phase:not(.is-in) .dsp-rank-circle path{stroke-dashoffset:1}}@keyframes dspStop0{0%{transform:none;opacity:1}70%{transform:translate(30%);opacity:1}to{transform:translate(30%,.9rem);opacity:.22}}@keyframes dspStop1{0%{transform:none;opacity:1}75%{transform:translate(105%);opacity:1}to{transform:translate(105%,.9rem);opacity:.22}}@keyframes dspStop2{0%{transform:none;opacity:1}78%{transform:translate(180%);opacity:1}to{transform:translate(180%,.9rem);opacity:.22}}@keyframes dspStop3{0%{transform:none;opacity:1}80%{transform:translate(255%);opacity:1}to{transform:translate(255%,.9rem);opacity:.22}}@keyframes dspThrough{0%{transform:none;color:#ffffffdb;border-color:#c9b3e380;box-shadow:0 0 16px #8b6bb14d}85%{transform:translateX(395%);color:#ffffffdb;border-color:#c9b3e380;box-shadow:0 0 16px #8b6bb14d}to{transform:translateX(395%);color:#fff;border-color:#7fd4c8;box-shadow:0 0 24px #7fd4c880}}