#thesite-form .step-progress{height:2px;background:rgb(var(--c-line));border-radius:1px;overflow:hidden;margin:-8px 0 28px}#thesite-form .step-progress-fill{height:100%;background:rgb(var(--c-primary));width:20%;transition:width .35s cubic-bezier(.2,.7,.2,1)}#thesite-form .step-page{display:none;animation:step-fade .28s ease-out}#thesite-form .step-page.is-active{display:block}@keyframes step-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#thesite-form .step-q{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:rgb(var(--c-ink));margin:0 0 6px}@media (min-width: 720px){#thesite-form .step-q{font-size:28px}}#thesite-form .step-help{font-size:13px;color:rgb(var(--c-sub));margin:0}#thesite-form .step-help button{background:none;border:0;padding:0;font:inherit;cursor:pointer}#thesite-form .step-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px}#thesite-form .step-nav-back{background:transparent;border:0;color:rgb(var(--c-sub));font-size:13px;padding:10px 14px;cursor:pointer;border-radius:999px;transition:background .15s}#thesite-form .step-nav-back:hover{background:rgb(var(--c-line) / .35);color:rgb(var(--c-ink))}#thesite-form .step-nav-back:disabled{opacity:.3;cursor:not-allowed}#thesite-form .step-counter{font:500 11px/1 ui-monospace,monospace;color:rgb(var(--c-sub));letter-spacing:.12em}#thesite-form .step-nav-skip{background:transparent;border:0;color:rgb(var(--c-sub));font-size:12px;padding:10px 14px;cursor:pointer;border-radius:999px;text-decoration:underline;text-underline-offset:2px;transition:color .15s}#thesite-form .step-nav-skip:hover{color:rgb(var(--c-ink))}#thesite-form .step-nav-next{background:rgb(var(--c-primary));color:rgb(var(--c-on-primary, 255 255 255));border:0;font-weight:600;font-size:14px;padding:12px 22px;border-radius:999px;cursor:pointer;box-shadow:0 4px 12px -4px rgb(var(--c-primary) / .35);transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;align-items:center;gap:8px}#thesite-form .step-nav-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px rgb(var(--c-primary) / .45)}#thesite-form .step-nav-next:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}#thesite-form .step-nav-submit{background:rgb(var(--c-primary));color:rgb(var(--c-on-primary, 255 255 255));border:0;font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px -4px rgb(var(--c-primary) / .45);display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s}#thesite-form .step-nav-submit:hover{transform:translateY(-1px)}#thesite-form .step-nav-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}#thesite-form .step-nav-submit.hidden,#thesite-form .step-nav-next.hidden,#thesite-form .step-nav-skip.hidden,#thesite-form .step-nav-back.hidden{display:none!important}#thesite-form .mood-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 14px;border:1.5px solid rgb(var(--c-line));border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;background:rgb(var(--c-card))}#thesite-form .mood-card:hover{border-color:rgb(var(--c-primary) / .6);transform:translateY(-1px)}#thesite-form .mood-card:has(input:checked){border-color:rgb(var(--c-primary));background:rgb(var(--c-primary) / .08);box-shadow:0 0 0 4px rgb(var(--c-primary) / .12)}#thesite-form .mood-emoji{font-size:26px;line-height:1}#thesite-form .mood-label{font-size:13px;font-weight:600}#thesite-form .step-page input.input,#thesite-form .step-page select.input,#thesite-form .step-page textarea.input{transition:border-color .25s,box-shadow .25s}#thesite-form .step-page input.input:focus,#thesite-form .step-page select.input:focus,#thesite-form .step-page textarea.input:focus{border-color:rgb(var(--c-primary))!important;box-shadow:0 0 0 3px rgb(var(--c-primary) / .15)!important;outline:none!important}@media (prefers-reduced-motion: reduce){#thesite-form .step-page{animation:none}#thesite-form .step-progress-fill{transition:none}}#thesite-form .step-tip,#thesite-form .step-indicator,#thesite-form .step-indicator-dot{display:none!important}#thesite-form .step-tip-x{position:absolute;z-index:20;top:-10px;left:12px;background:rgb(var(--c-primary));color:rgb(var(--c-on-primary, 255 255 255));font:600 10px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;box-shadow:0 2px 8px -2px rgb(var(--c-primary) / .3);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}#thesite-form .step-tip-arrow{display:none}#thesite-form .step-tip-skip{pointer-events:auto;background:rgb(var(--c-on-primary, 255 255 255) / .18);color:inherit;font:600 9px/1 ui-monospace,monospace;letter-spacing:.08em;padding:2px 6px;border-radius:999px;cursor:pointer;border:0;margin-left:2px}#thesite-form .step-tip-skip:hover{background:rgb(var(--c-on-primary, 255 255 255) / .3)}#thesite-form[data-active-step="1"] [data-step="1"][data-step-mode=url]>input,#thesite-form[data-active-step="1"] [data-step="1"][data-step-mode=template]>select,#thesite-form[data-active-step="2"] [data-step="2"]>textarea,#thesite-form[data-active-step="3"] [data-step="3"]>input{border-color:rgb(var(--c-primary))!important;border-width:1.5px!important;box-shadow:0 0 0 3px rgb(var(--c-primary) / .15),0 4px 16px -8px rgb(var(--c-primary) / .35)!important;outline:none!important;transition:box-shadow .25s ease,border-color .25s ease}#thesite-form[data-active-step="4"] [data-step="4"],#thesite-form[data-active-step="5"] [data-step="5"]{box-shadow:0 0 0 1.5px rgb(var(--c-primary)),0 0 0 5px rgb(var(--c-primary) / .12);border-radius:14px;padding:12px;margin:-2px;transition:box-shadow .25s ease}#thesite-form[data-active-step="6"] #submit-btn{animation:atsume-pulse 2.2s ease-in-out infinite}#thesite-form[data-active-step="1"] [data-step="1"][data-step-mode=url] .step-tip,#thesite-form[data-active-step="1"] [data-step="1"][data-step-mode=template] .step-tip,#thesite-form[data-active-step="2"] [data-step="2"]>.step-tip,#thesite-form[data-active-step="3"] [data-step="3"]>.step-tip,#thesite-form[data-active-step="4"] [data-step="4"]>.step-tip,#thesite-form[data-active-step="5"] [data-step="5"]>.step-tip{opacity:1;visibility:visible;transform:translateY(0)}#thesite-form .step-wrap[data-step-done="1"]:after{content:"✓";position:absolute;top:-6px;right:8px;width:16px;height:16px;border-radius:999px;background:rgb(var(--c-primary));color:rgb(var(--c-on-primary, 255 255 255));font-size:10px;line-height:16px;text-align:center;z-index:10;pointer-events:none;box-shadow:0 2px 6px -1px rgb(var(--c-primary) / .35)}#thesite-form .step-indicator{display:flex;align-items:center;gap:6px;font:500 10px/1 ui-monospace,monospace;letter-spacing:.15em;color:rgb(var(--c-sub));margin-bottom:4px}#thesite-form .step-indicator-dot{width:18px;height:2px;border-radius:1px;background:rgb(var(--c-line));transition:background .25s ease,width .25s ease}#thesite-form[data-active-step="1"] .step-indicator-dot[data-step="1"],#thesite-form[data-active-step="2"] .step-indicator-dot[data-step="2"],#thesite-form[data-active-step="3"] .step-indicator-dot[data-step="3"],#thesite-form[data-active-step="4"] .step-indicator-dot[data-step="4"],#thesite-form[data-active-step="5"] .step-indicator-dot[data-step="5"],#thesite-form[data-active-step="6"] .step-indicator-dot[data-step="6"]{background:rgb(var(--c-primary));width:28px}#thesite-form .step-indicator-dot[data-done="1"]{background:rgb(var(--c-primary) / .55)}#thesite-form .step-shake{animation:atsume-shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes atsume-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1.5px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@keyframes atsume-pulse{0%,to{box-shadow:0 0 rgb(var(--c-primary) / 0)}50%{box-shadow:0 0 0 6px rgb(var(--c-primary) / .12)}}@media (prefers-reduced-motion: reduce){#thesite-form .step-shake,#thesite-form[data-active-step="6"] #submit-btn{animation:none!important}#thesite-form .step-tip{transition:none!important}}
