.rec-page{padding:8rem var(--section-px) 4rem;min-height:100vh;max-width:860px}.rec-headline{font-family:var(--font-body);font-weight:500;font-size:var(--h1-size);line-height:1.05;letter-spacing:-.02em;color:var(--white);margin-bottom:.75rem}.rec-subhead{font-family:var(--font-body);font-weight:300;font-size:1rem;color:#ffffffbf;margin-bottom:2.5rem;line-height:1.5}.rec-step-title{font-family:var(--font-body);font-weight:500;font-size:1.3rem;color:var(--white);letter-spacing:-.02em;margin-bottom:.75rem}.rec-step-desc{font-family:var(--font-body);font-weight:300;font-size:.9rem;color:#ffffff80;margin-bottom:1.5rem}#section1,#section2,#result{scroll-margin-top:6rem}.sortable-container{display:flex;flex-direction:column;gap:1rem}.priority-list{list-style:none;margin-bottom:2rem;width:fit-content;min-width:100%}.priority-list li{padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:grab;transition:border-color .3s ease;font-family:var(--font-body);font-weight:300;font-size:.95rem;color:var(--white)}.priority-list li:active{cursor:grabbing;border-color:var(--bright-blue)}.priority-list li strong{font-weight:500;color:var(--white)}.priority-list li small{display:block;font-size:.8rem;color:#ffffff80;margin-top:.2rem}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff26;border-radius:2px;outline:none;margin:1rem 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bright-blue);cursor:pointer;border:2px solid rgba(255,255,255,.3)}.slider-labels{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px;color:#ffffff80}.slider-group h3{font-family:var(--font-body);font-weight:400;font-size:.95rem;color:var(--white);margin-bottom:.5rem}#result{margin-top:2rem}#result h2{font-family:var(--font-body);font-weight:500;font-size:1.3rem;color:var(--white);letter-spacing:-.02em;margin-bottom:1.25rem}.rec-result{background:#ffffff05;border:1px solid rgba(101,162,210,.1);border-left:3px solid var(--bright-blue);padding:1.5rem;margin-bottom:1rem;display:flex;gap:1.5rem;align-items:flex-start;transition:border-color .35s ease}.rec-result:hover{border-color:#e0238726;border-left-color:var(--pink)}.rec-result-logo{flex-shrink:0;width:80px}.rec-result-logo img{width:100%;height:auto}.rec-result-body h3{font-family:var(--font-body);font-weight:500;font-size:1.05rem;color:var(--white);margin-bottom:.35rem}.rec-result-body h3 small{font-weight:300;font-size:.8rem;color:#ffffff80}.rec-result-body p{font-family:var(--font-body);font-weight:300;font-size:.9rem;color:#ffffffbf;line-height:1.5;margin-bottom:.5rem}.rec-save{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.rec-save h2{font-family:var(--font-body);font-weight:500;font-size:1.15rem;color:var(--white);letter-spacing:-.02em;margin-bottom:.5rem}.rec-save p{font-family:var(--font-body);font-weight:300;font-size:.9rem;color:#ffffff80;margin-bottom:1.25rem}.rec-save .form-row{margin-bottom:.75rem}.rec-save input[type=text]{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:.75rem 0;font-family:var(--font-body);font-weight:300;font-size:var(--body-size);color:var(--white);outline:none;transition:border-color .3s ease}.rec-save input:-webkit-autofill,.rec-save input:-webkit-autofill:hover,.rec-save input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,.95) inset!important;-webkit-text-fill-color:var(--white)!important;caret-color:var(--white);transition:background-color 5000s}.rec-save input[type=text]::placeholder{color:#ffffff80}.rec-save input[type=text]:focus{border-bottom-color:var(--pink)}.rec-btn{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:none;border:none;cursor:pointer;padding:.65rem 0;position:relative;transition:color .3s ease}.rec-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background:linear-gradient(90deg,var(--pink),var(--bright-blue));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}.rec-btn:hover{background:linear-gradient(90deg,var(--pink),var(--bright-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rec-btn:hover:after{transform:scaleX(1)}.rec-btn-row{display:flex;gap:1.5rem;align-items:center;margin-top:1rem}.rec-btn-back{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .3s ease}.rec-btn-back:hover{color:var(--pink)}.rec-loading{display:none;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;padding:1rem 0}.rec-message{font-family:var(--font-body);font-size:.95rem;padding:.5rem 0;display:block}.rec-message-success{color:var(--bright-blue)}.rec-message-error{color:var(--pink)}@media (max-width: 768px){.rec-page{padding:6rem 1.5rem 3rem}.rec-result{flex-direction:column}.priority-list{width:100%}}