.ev{--ev-you:var(--ink);--ev-line:var(--rule);--ev-muted:var(--ink-3);gap:12px;display:grid}.ev-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ev-head{align-items:center;gap:8px;display:flex}.ev-text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;line-height:1.3}.ev-tag{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ev-muted);background:color-mix(in oklch, var(--ev-muted) 12%, transparent);border-radius:999px;flex:none;padding:4px 7px}.ev-tag[data-kind=must]{color:var(--ev-you);background:color-mix(in oklch, var(--ev-you) 12%, transparent)}.ev-meter{flex:none;gap:4px;display:flex}.ev-dot{background:var(--ev-line);border-radius:50%;width:8px;height:8px}.ev-dot[data-on]{background:var(--ev-you)}.ev-quote{color:var(--ev-muted);margin:3px 0 0;font-size:12px;line-height:1.35}.ev-cant{color:var(--ev-muted);margin:0;font-size:12px;line-height:1.35}@media (prefers-reduced-motion:no-preference){.ev-row{animation:ev-in .42s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}@keyframes ev-in{0%{opacity:0;transform:translateY(6px)}}}.sh-spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite sh-spin;display:inline-block}@keyframes sh-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.sh-spin{animation-duration:2s}}.sh-confetti{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sh-confetti span{top:var(--oy);left:var(--ox);width:var(--w);height:calc(var(--w) * .42);animation:sh-confetti var(--d) cubic-bezier(.12, .7, .3, 1) var(--delay) both;border-radius:1px;position:absolute}@keyframes sh-confetti{0%{opacity:1;transform:translate(-50%)rotate(0)}45%{opacity:1;transform:translate(calc(-50% + var(--x)), var(--y)) rotate(calc(var(--r) * .5))}to{opacity:0;transform:translate(calc(-50% + var(--x) * 1.2), calc(var(--y) + 70vh)) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.sh-confetti{display:none}}:is(.dl-go,.sw-go,.fp-go):has(>button:enabled){bottom:calc(72px + env(safe-area-inset-bottom));z-index:30;position:sticky}:is(.dl-need,.sw-need,.fp-need):not(:empty){background:color-mix(in oklch, var(--paper) 92%, transparent);border-radius:999px;padding:4px 12px}:where(.dl,.sw,.fp) :is(button,a,input,label){touch-action:manipulation}
.dp{--dp-ok:#1f7a4d;--dp-lean:#9a5608;--dp-no:var(--stamp);--dp-tone:var(--ink);--dp-border:var(--rule);--dp-spring:cubic-bezier(.2, .9, .25, 1.12);background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);align-content:start;justify-items:center;gap:clamp(14px,3svh,32px);padding:clamp(16px,4svh,56px) 16px 112px;display:grid;position:relative;overflow-x:clip}:where(.dp) button,:where(.dp) input{font:inherit;color:inherit}.dp :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dp>*{min-width:0;max-width:100%}.dp-head{text-align:center;justify-items:center;gap:clamp(6px,1.2svh,10px);max-width:32rem;display:grid}.dp-mark{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0}.dp-title{font:400 clamp(30px, min(9vw, 6.5svh), 56px) / 1 var(--serif);letter-spacing:-.02em;margin:0;font-style:italic}.dp-lede{max-width:40ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(14px,1.9svh,16px);line-height:1.4}.dp-lede strong{color:var(--ink);font-weight:600}.dp-origin{color:var(--ink-2);-webkit-text-decoration:underline 1px color-mix(in oklch, var(--ink) 30%, transparent);text-decoration:underline 1px color-mix(in oklch, var(--ink) 30%, transparent);text-underline-offset:3px;transition:color .15s var(--ease), text-decoration-color .15s var(--ease);margin-block:-12px;padding-block:12px;font-size:13px}@media (hover:hover) and (pointer:fine){.dp-origin:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}.dp-title{text-wrap:balance}.dp .dp-repo{border:1px solid var(--rule);background:var(--paper-lift);height:40px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:13px;font-weight:500;text-decoration:none;transition-property:background-color,color,border-color,transform;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex;position:absolute;top:clamp(12px,2.4svh,24px);right:16px}.dp .dp-repo:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.dp .dp-repo:hover{background:var(--paper-deep);border-color:var(--rule-2);color:var(--ink)}}.dp-stage{--dp-t:.24s;--dp-pad:12px;--dp-r:clamp(14px, 2.4vw, 22px);grid-template-columns:repeat(2, var(--dp-w));--dp-w:clamp(150px, min(calc((100vw - 34px) / 2), 28svh), 280px);justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);width:100%;padding:4px 0;display:grid;position:relative}.dp-stage[data-choice=mismatch]{--dp-t:.6s}.dp-stage[data-choice=match],.dp-result[data-choice=match]{--dp-tone:var(--dp-ok)}.dp-stage[data-choice=stretch],.dp-result[data-choice=stretch]{--dp-tone:var(--dp-lean)}.dp-stage[data-choice=mismatch],.dp-result[data-choice=mismatch]{--dp-tone:var(--dp-no)}.dp-card{--tilt:0deg;--dir:1;--dp-bg:var(--paper);width:100%;aspect-ratio:var(--card-ratio);padding:var(--dp-pad);border-radius:var(--dp-r);background:var(--dp-bg);transform:translateX(calc(var(--overlap) * 100% * var(--dir))) rotate(var(--tilt));transition:transform .52s var(--dp-spring);grid-template-rows:28px minmax(0,1fr) 12px 44px 44px;gap:6px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #281e0a0f,0 12px 32px -12px #281e0a40}.dp-card>*{min-width:0}.dp-you{--dp-bg:#fffdf8;border:1px solid var(--dp-border)}.dp-you[data-state=empty]{--dp-bg:var(--paper);box-shadow:none;border:1.5px dashed var(--rule-2)}.dp-you[data-drag]{--dp-bg:var(--paper-lift);border:2px solid var(--ink)}.dp-job{--dir:-1;--dp-bg:var(--mint-body);color:var(--ink);border:1.5px solid var(--ink);z-index:1}.dp-job[data-state=empty]{box-shadow:none}.dp-stage[data-phase=result] .dp-you{--tilt:-6deg}.dp-stage[data-phase=result] .dp-job{--tilt:6deg}.dp-owner{grid-row:1;align-items:center;gap:8px;min-width:0;display:flex}.dp-avatar{object-fit:cover;background:var(--paper-deep);border-radius:50%;flex:none;display:block}.dp-avatar-24{width:24px;height:24px}.dp-avatar-28{width:28px;height:28px}.dp-avatar-36{width:36px;height:36px}.dp-avatar-blank{border:1px solid var(--dp-border)}.dp-owner-handle{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.dp-owner-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-3);font-size:12px;overflow:hidden}.dp-art{border-radius:calc(var(--dp-r) - var(--dp-pad));object-fit:contain;background:var(--paper-deep);grid-row:2/5;width:100%;height:100%;min-height:0;display:block}.dp-art-empty{place-items:center;display:grid}.dp-handle{font:400 20px/1 var(--serif)}.dp-scan{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dp-scan:before{content:"";background:linear-gradient(#0000 0%,#fffdf88c 48%,#fffdf8e6 50%,#0000 52%);height:240%;position:absolute;inset:0 0 auto;translate:0 -70%}.dp-foot{grid-row:5;justify-content:space-between;align-items:center;gap:6px;min-width:0;transition:opacity .2s;display:flex}.dp-foot-text{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.dp-replace{height:44px;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font-size:13px;font-weight:500;text-decoration:underline;transition:color .15s,transform .12s}.dp-replace:active{transform:scale(.96)}.dp-replace:disabled{cursor:not-allowed;color:var(--ink-3)}.dp-stage:not([data-phase=setup]) .dp-foot{opacity:0;pointer-events:none}.dp-card :focus-visible{outline-offset:-2px}.dp-job :focus-visible{outline-color:var(--ink)}.dp-job-hero{color:var(--ink-2);text-align:center;grid-row:1/3;place-content:center;justify-items:center;gap:6px;display:grid}.dp-job-body{min-width:0;margin:calc(var(--dp-pad) * -1);padding:var(--dp-pad);grid-row:1/6;align-content:end;gap:6px;margin-top:0;display:grid}.dp-stage[data-choice] .dp-job-body{background:radial-gradient(140% 90% at 100% 100%, color-mix(in oklch, var(--dp-tone) 28%, transparent), transparent 70%)}.dp-job-org{font:400 clamp(26px, 6vw, 44px) / .95 var(--serif);letter-spacing:-.02em;text-transform:capitalize;overflow-wrap:anywhere}.dp-job-title{color:var(--ink-2);text-wrap:balance;font-size:14px;line-height:1.3}.dp-job-reads{font:500 11px/1.3 var(--mono);letter-spacing:.04em;color:var(--ink-2)}.dp-job-foot{justify-content:space-between;align-items:center;gap:6px;min-width:0;margin-bottom:-10px;display:flex}.dp-job-foot .dp-replace:only-child{margin-left:auto}.dp-job-link{font:500 12px/1.3 var(--sans);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--ink) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--ink) 35%, transparent);text-underline-offset:3px;touch-action:manipulation;margin-block:-14px;padding-block:14px;transition-property:color,text-decoration-color;transition-duration:.15s;transition-timing-function:ease-out}@media (hover:hover) and (pointer:fine){.dp-job-link:hover{text-decoration-color:currentColor}}.dp-deciding{z-index:3;background:var(--ink);color:var(--paper);border-radius:999px;align-items:center;gap:8px;margin:0;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 24px #00000040}.dp-stamp{z-index:3;pointer-events:none;font:600 clamp(22px, 4.6vw, 34px) / 1 var(--serif);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#fffdf8f0;border:3px solid;border-radius:10px;margin:0;padding:10px 18px 8px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 10px 30px -8px #0000004d}.dp-ghost{z-index:60;pointer-events:none;object-fit:cover;will-change:transform;border-radius:clamp(14px,2.4vw,22px);margin:0;position:fixed;box-shadow:0 16px 40px -10px #281e0a66}.dp-ghost-job{background:var(--mint-body)}.dp-dialog{overscroll-behavior:contain;background:var(--paper);width:min(94vw,880px);max-width:none;max-height:86svh;color:var(--ink);font-family:var(--sans);box-shadow:0 30px 80px -20px #281e0a73, 0 0 0 1px var(--dp-border);opacity:0;transition:opacity .16s cubic-bezier(.32, .72, 0, 1), transform .16s cubic-bezier(.32, .72, 0, 1), overlay .16s cubic-bezier(.32, .72, 0, 1) allow-discrete, display .16s cubic-bezier(.32, .72, 0, 1) allow-discrete;border:0;border-radius:22px;padding:0;overflow:clip auto;transform:scale(.96)}.dp-dialog[open]{opacity:1;transition-duration:.22s;transform:none}@starting-style{.dp-dialog[open]{opacity:0;transform:scale(.96)}}.dp-dialog::backdrop{transition:background-color .16s cubic-bezier(.32, .72, 0, 1), overlay .16s cubic-bezier(.32, .72, 0, 1) allow-discrete, display .16s cubic-bezier(.32, .72, 0, 1) allow-discrete;background:#1a140800}.dp-dialog[open]::backdrop{background:#1a140880;transition-duration:.22s}@starting-style{.dp-dialog[open]::backdrop{background:#1a140800}}.dp-dialog :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dp-panel{padding:12px 20px 20px}.dp-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dp-dialog-title{font:400 clamp(22px, 3vw, 28px) / 1.1 var(--serif);margin:0;font-style:italic}.dp-close{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .15s,transform .12s;display:grid}.dp-close:active{transform:scale(.96)}.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0 4px;display:grid}.dp-tile{border:1px solid var(--dp-border);min-width:0;color:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--dp-spring), box-shadow .2s;background:#fffdf8;border-radius:16px;align-content:start;gap:10px;padding:10px;display:grid;box-shadow:0 1px 2px #281e0a0f}.dp-tile:active{transform:scale(.96)}.dp-tile-head{align-items:center;gap:10px;min-width:0;display:flex}.dp-tile-who{min-width:0;line-height:1.2;display:grid}.dp-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.dp-tile-handle{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:12px;overflow:hidden}.dp-tile-art{width:100%;aspect-ratio:var(--card-ratio);object-fit:cover;background:var(--paper-deep);border-radius:8px;display:block}.dp-grid-jobs .dp-tile{min-height:76px;color:inherit;align-content:start;gap:4px;padding:12px 14px;text-decoration:none}.dp-job-pick-org{font:600 12px / 1.2 var(--sans);letter-spacing:.02em;color:var(--ink-2);overflow-wrap:anywhere}.dp-job-pick-title{letter-spacing:-.01em;color:var(--ink);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.dp-grid .dp-ask{border:1.5px dashed var(--rule-2);box-shadow:none;background:0 0}.dp-ask :is(.dp-job-pick-title,.dp-ask-hint){color:var(--ink-2)}@media (max-width:640px){.dp-grid-jobs .dp-ask{grid-column:1/-1;min-height:0}}@media (hover:hover) and (pointer:fine){.dp-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #281e0a59}.dp-tile:active{transform:scale(.96)}.dp-close:hover{background:var(--paper-deep)}.dp-replace:not(:disabled):hover{color:var(--ink)}}.dp-drop{border-radius:calc(var(--dp-r) - var(--dp-pad));border:1.5px dashed var(--rule-2);text-align:center;cursor:pointer;grid-row:1/3;place-content:center;justify-items:center;gap:4px;min-height:0;padding:4px;display:grid;position:relative}.dp-drop[data-disabled]{cursor:not-allowed}.dp-drop:has(.dp-file:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}.dp-you[data-drag] .dp-drop{border-color:var(--ink)}.dp-file{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.dp-ask-card{text-align:center;place-content:center;justify-items:center;gap:8px;text-decoration:none}.dp-ask-title{letter-spacing:-.01em;text-wrap:balance;font-size:15px;font-weight:600}.dp-ask-hint{font-size:13px}.dp-plus{background:var(--ink);width:28px;height:28px;color:var(--paper);font:300 20px/1 var(--sans);border-radius:50%;place-items:center;display:grid}.dp-drop-text{font:400 13px/1.1 var(--serif);text-wrap:balance}.dp-drop-hint{opacity:.7;font-size:11px}.dp-sample{border:1px solid var(--rule-2);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;grid-row:5;min-width:0;height:44px;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .15s,transform .12s,box-shadow .12s}.dp-job .dp-sample{border-color:var(--ink)}.dp-sample:disabled{cursor:not-allowed;opacity:.5}.dp-or{display:contents}.dp-or-label{font:500 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:3/1;align-self:end;overflow:hidden}.dp-job .dp-or-label{color:var(--ink-2)}.dp-field{border-radius:calc(var(--dp-r) - var(--dp-pad));border:1px solid var(--dp-border);width:100%;min-width:0;height:44px;color:var(--ink);background:#fffdf8;grid-row:4;padding:0 10px;font-size:16px}.dp-field:disabled{cursor:not-allowed}.dp-field::placeholder{color:var(--ink-3)}.dp-error{z-index:1;margin:0 calc(var(--dp-pad) * -1);background:var(--dp-bg);color:var(--dp-no);white-space:nowrap;text-overflow:ellipsis;text-align:center;grid-area:3/1;align-self:stretch;place-items:center;font-size:11px;line-height:1;display:grid;overflow:hidden}.dp-job .dp-error{color:#a9241b;color:lab(38.0256% 53.0408 40.4328)}.dp-go{justify-items:center;gap:8px;display:grid}.dp-primary,.dp-secondary{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;height:48px;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .12s,opacity .15s;display:inline-flex}.dp .dp-primary{background:var(--ink);color:var(--paper-lift);border:0;min-width:200px;position:relative}.dp .dp-primary[aria-disabled=true]{background:var(--paper-deep);color:var(--ink-3);cursor:not-allowed}.dp .dp-text:active{transform:scale(.96)}.dp-go{position:relative}.dp-need{color:var(--dp-no);text-align:center;max-width:36ch;margin:0;font-size:14px}.dp-tip{z-index:1;background:var(--ink);color:var(--paper-lift);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 100%;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:500;line-height:1.2;transition-property:opacity,scale;transition-duration:.12s;transition-timing-function:ease-in;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;scale:.96;box-shadow:0 8px 20px -6px #17181559}.dp-tip:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;translate:-50%}.dp-go[data-nudge] .dp-tip,.dp-primary:focus-visible+.dp-tip{opacity:1;transition-duration:.15s;transition-timing-function:ease-out;scale:1}@media (hover:hover) and (pointer:fine){.dp-primary:hover+.dp-tip{opacity:1;transition-duration:.15s;transition-delay:.2s;transition-timing-function:ease-out;scale:1}}.dp-go:has(>.dp-primary:not([aria-disabled=true])){bottom:calc(72px + env(safe-area-inset-bottom));z-index:30;position:sticky}.dp-need{background:color-mix(in oklch, var(--paper) 92%, transparent);border-radius:999px;padding:4px 12px}:where(.dp) :is(button,a,input,label){touch-action:manipulation}.dp-result{gap:20px;width:min(100%,560px);scroll-margin-top:24px;display:grid}.dp-score{text-align:center;justify-items:center;gap:4px;display:grid}.dp-percent{color:var(--dp-tone);align-items:baseline;gap:4px;margin:0;display:flex}.dp-percent-n{font:400 clamp(64px, 16vw, 104px) / .9 var(--serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dp-percent-unit{font:500 14px/1 var(--mono);letter-spacing:.04em}.dp-verdict{font:500 22px/1.1 var(--sans);letter-spacing:-.01em;margin:8px 0 0}.dp-tone{color:var(--ink-2);margin:0;font-size:15px}.dp-why{border:1px solid var(--dp-border);font:400 19px/1.45 var(--serif);text-wrap:pretty;background:#fffdf8;border-radius:16px;margin:0;padding:20px 22px}.dp-reads{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:0;font-size:14px;display:flex}.dp-reads strong{color:var(--ink);font-weight:500}.dp-result .ev{--ev-bg:var(--paper)}.dp-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding-top:8px;display:flex}.dp-secondary{border:1px solid var(--dp-border);background:0 0}.dp-text{height:48px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:15px;transition-property:color,transform;transition-duration:.15s;transition-timing-function:ease-out}@media (hover:hover) and (pointer:fine){.dp-text:hover{color:var(--ink)}}@media (prefers-reduced-motion:no-preference){.dp-scan:before{animation:1.6s cubic-bezier(.45,0,.55,1) infinite dp-scan}.dp-head>*,.dp .dp-repo,.dp-go{animation:dp-rise .4s cubic-bezier(.32, .72, 0, 1) var(--dp-delay,0s) backwards}.dp-title{--dp-delay:60ms}.dp-lede{--dp-delay:.12s}.dp-origin,.dp .dp-repo{--dp-delay:.18s}.dp-go{--dp-delay:.42s}.dp-stage[data-phase=setup] .dp-card{animation:dp-card-in .56s var(--dp-spring) .24s both}.dp-stage[data-phase=setup] .dp-job{animation-delay:.31s}.dp[data-ready] .dp-primary{animation:dp-ready .52s var(--dp-spring)}.dp[data-ready] .dp-primary:after{content:"";border-radius:inherit;pointer-events:none;animation:.7s ease-out .12s both dp-ring;position:absolute;inset:0}.dp-dialog[open] .dp-tile{animation:dp-deal .4s var(--dp-spring) backwards;animation-delay:calc(var(--i) * 30ms)}.dp-stage[data-phase=busy] .dp-you{animation:1.4s ease-in-out infinite dp-bob}.dp-stage[data-phase=busy] .dp-job{animation:1.4s ease-in-out .7s infinite dp-bob}.dp-stage[data-choice=mismatch] .dp-card{animation:.48s ease-out both dp-apart}.dp-stage[data-phase=result]{animation:dp-shake .38s ease-out calc(var(--dp-t) + .3s)}.dp-stamp{animation:dp-slam .56s var(--dp-spring) var(--dp-t) both}.dp-deciding{animation:dp-in .24s var(--ease) both}.dp-result>*{animation:dp-in .32s var(--ease) both}.dp-result>:nth-child(2){animation-delay:50ms}.dp-result>:nth-child(3){animation-delay:.1s}.dp-result>:nth-child(n+4){animation-delay:.15s}}@keyframes dp-scan{0%{translate:0 -70%}to{translate:0 11.67%}}@keyframes dp-deal{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes dp-bob{50%{translate:0 -6px}}@keyframes dp-apart{0%,to{translate:0}40%{translate:calc(var(--dir) * -24px) 0}70%{translate:calc(var(--dir) * -6px) 0}}@keyframes dp-shake{0%,to{translate:0}15%{translate:7px -4px}30%{translate:-6px 3px}45%{translate:4px -2px}60%{translate:-3px 2px}80%{translate:1px -1px}}@keyframes dp-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(2.6)rotate(-22deg)}55%{opacity:1;transform:translate(-50%,-50%)scale(.94)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}}@keyframes dp-card-in{0%{opacity:0;translate:calc(var(--dir) * -18px) 28px;rotate:calc(var(--dir) * -5deg);scale:.96}}@keyframes dp-ready{40%{scale:1.06}}@keyframes dp-ring{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--lime,var(--ink)) 90%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes dp-apart-y{0%,to{translate:0}40%{translate:0 calc(var(--dir) * -20px)}70%{translate:0 calc(var(--dir) * -5px)}}@keyframes dp-rise{0%{opacity:0;filter:blur(2px);translate:0 10px}}@keyframes dp-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.dp-card,.dp-tile,.dp-foot,.dp-close,.dp-sample,.dp-replace{transition:none}.dp-dialog,.dp-dialog::backdrop{transition:none;transform:none}.dp-tile:active,.dp-tile:hover{transform:none}.dp-scan:before{animation:none}.dp-tip,.dp-repo{transition:none}}.dp-reads-you{align-items:center;gap:8px;display:inline-flex}@media (min-width:641px){.dp-stage{--dp-pad:16px}.dp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dp-panel{padding:12px 28px 28px}}@media (min-width:900px){.dp-grid:not(.dp-grid-jobs){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.dp{padding-inline:12px}.dp-dialog{max-height:86svh}.dp-panel{padding:8px 12px 16px}.dp-actions>*{flex:auto}}@media (max-width:560px){.dp{gap:clamp(10px,2svh,20px)}.dp .dp-repo{justify-content:center;width:44px;height:44px;padding:0}.dp-repo-text{display:none}.dp-stage{grid-template-columns:min(100%,440px);gap:10px}.dp-card{aspect-ratio:auto;height:clamp(176px,24svh,216px);transform:translateY(calc(var(--overlap) * 80% * var(--dir))) rotate(var(--tilt));grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:10px}.dp-stage[data-phase=result] .dp-you{--tilt:-3deg}.dp-stage[data-phase=result] .dp-job{--tilt:3deg}:is(.dp-owner,.dp-job-body){grid-column:1/-1}:is(.dp-drop,.dp-job-hero,.dp-art){grid-area:2/1/-1}:is(.dp-drop,.dp-job-hero){grid-row:1/-1}:is(.dp-or-label,.dp-field,.dp-sample,.dp-error,.dp-foot){grid-column:2}.dp-job-body{grid-row:1/-1}.dp-foot{flex-direction:column;grid-row:2/-1;justify-content:end;align-items:start}.dp-error{margin:0}}@media (max-width:560px) and (prefers-reduced-motion:no-preference){.dp-stage[data-choice=mismatch] .dp-card{animation-name:dp-apart-y}}
#top9 .dp-mark{font:650 clamp(19px, 2.8svh, 24px) / 1 var(--sans);letter-spacing:-.04em;text-transform:none;color:var(--ink);justify-self:center;align-items:center;gap:10px;display:inline-flex}#top9 .dp-mark:before{content:"";background:url(/brand/top9-mascot.png) 50%/contain no-repeat;width:clamp(48px,7.5svh,72px);height:clamp(48px,7.5svh,72px);rotate:-6deg}#top9 .dp-title{letter-spacing:-.065em;-webkit-text-decoration:underline .3em var(--lime);text-decoration:underline .3em var(--lime);text-underline-offset:-.16em;text-decoration-skip-ink:none;font-style:normal;font-weight:650;line-height:.95}#top9 .dp-lede strong{font-weight:650}#top9 .dp-dialog-title{letter-spacing:-.045em;font-style:normal;font-weight:650}#top9 .dp-card{--dp-r:22px;border-radius:22px}#top9 .dp-card:not([data-state=empty]){box-shadow:0 24px 48px -12px #1718153d, 0 0 0 1px var(--rule)}#top9 .dp-drop{background:var(--paper);transition-property:border-color,background-color;transition-duration:.15s;transition-timing-function:var(--ease)}@media (hover:hover) and (pointer:fine){#top9 .dp-drop:not([data-disabled]):hover{border-color:var(--mint);background:var(--mint-wash)}}#top9 .dp-drop[data-drag]{border-color:var(--mint);background:var(--mint-wash)}#top9 .dp-plus{background:var(--mint);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}#top9 .dp-field{border-color:var(--rule);background:var(--paper);transition:box-shadow .15s var(--ease);border-radius:14px}#top9 .dp-job .dp-field{background:var(--paper-lift)}#top9 .dp-field:focus-visible{box-shadow:inset 0 0 0 2px var(--ink);border-color:#0000;outline:none}#top9 :is(.dp-primary,.dp-secondary,.dp-sample){--edge:3px;--edge-color:color-mix(in oklch, var(--ink) 20%, transparent);letter-spacing:-.01em;box-shadow:0 var(--edge) 0 var(--edge-color);transition-property:transform,box-shadow,background-color,border-color;transition-duration:.15s;transition-timing-function:var(--ease);font-weight:600}#top9 .dp-primary{--edge:5px;background:var(--ink);min-height:48px;color:var(--paper-lift)}#top9 :is(.dp-secondary,.dp-sample){border:1px solid var(--rule-2);background:var(--paper-lift);color:var(--ink)}#top9 .dp-job .dp-sample{border-color:var(--ink)}@media (hover:hover) and (pointer:fine){#top9 :is(.dp-primary,.dp-secondary,.dp-sample):not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 calc(var(--edge) + 2px) 0 var(--edge-color);transform:translateY(-2px)}#top9 :is(.dp-secondary,.dp-sample):not(:disabled):hover{border-color:var(--ink)}}#top9 :is(.dp-primary,.dp-secondary,.dp-sample):not(:disabled):not([aria-disabled=true]):active{transform:translateY(calc(var(--edge) - 1px));box-shadow:0 1px 0 var(--edge-color)}#top9 :is(.dp-primary,.dp-sample):is(:disabled,[aria-disabled=true]){background:var(--paper-deep);color:var(--ink-3);box-shadow:none;opacity:1;border-color:#0000}@media (min-width:561px){#top9 .dp-stamp{top:36%}}#top9 .dp-dialog{background:var(--paper);box-shadow:0 25px 70px #1718152e, 0 0 0 1px var(--rule);border-radius:22px}#top9 .dp-stamp{aspect-ratio:1;background:var(--paper-lift);width:clamp(112px,24vw,150px);box-shadow:inset 0 0 0 5px var(--paper-lift), inset 0 0 0 6px currentColor, 0 14px 30px -10px #17181559;font:650 clamp(17px, 3.4vw, 22px) / 1 var(--sans);letter-spacing:.04em;text-align:center;white-space:normal;border:3px solid;border-radius:50%;place-content:center;padding:0;display:grid}#top9 .dp-percent-n{letter-spacing:-.07em;font-weight:650}#top9 .dp-percent-unit{letter-spacing:.08em;text-transform:uppercase;font-weight:500}#top9 .dp-verdict{letter-spacing:-.035em;font-weight:650}#top9 .dp-why{font-style:normal}@media (prefers-reduced-motion:no-preference){#top9 .dp-mark:before{animation:.48s cubic-bezier(.2,.9,.25,1.12) both codex-mascot-in}}@keyframes codex-mascot-in{0%{opacity:0;rotate:-24deg;scale:.6}}@media (prefers-reduced-motion:reduce){#top9 *{transition:none}}