*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--bg)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.container{max-width:1440px;margin:0 auto;padding:0 56px}.container.narrow{max-width:880px}.display{font-family:var(--serif);font-weight:400;font-variation-settings:"opsz" 144;line-height:.96;letter-spacing:-.035em;text-wrap:balance}.display em{font-style:italic;font-weight:400}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.lead{font-size:18px;line-height:1.5;color:var(--ink-2);letter-spacing:-.01em;text-wrap:pretty}nav.rb-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line-2)}nav.rb-nav .inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto}nav.rb-nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17px;color:var(--ink)}nav.rb-nav .brand .app-ico{width:30px;height:30px;border-radius:7px;box-shadow:0 1px 2px #0000002e}nav.rb-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:28px}nav.rb-nav ul a{font-size:14px;font-weight:500;color:var(--ink-2)}nav.rb-nav ul a.current,nav.rb-nav ul a:hover{color:var(--ink)}nav.rb-nav .nav-actions{display:flex;align-items:center;gap:12px}.crumb{padding:28px 0 0;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.crumb a:hover{color:var(--ink)}.crumb .sep{opacity:.5}header.page-head{padding:26px 0 30px}header.page-head h1{font-size:72px;margin:14px 0 0}header.page-head .lead{margin-top:14px;max-width:58ch}.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.method{position:relative;text-align:left;display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;border-radius:18px;border:1px solid var(--line);background:transparent;color:var(--ink);transition:border-color .12s ease,background .12s ease}.method:hover{border-color:var(--line-strong)}.method .m-ico{color:var(--ink-2);margin-bottom:6px}.method .m-name{font-weight:650;font-size:14.5px;letter-spacing:-.01em}.method .m-desc{font-size:12px;color:var(--muted)}.method.active{border-color:var(--solid);background:color-mix(in srgb,var(--solid) 5%,transparent)}.method.active .m-ico{color:var(--ink)}main.panel{padding-bottom:96px}.field-label{display:block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}#recipe-text,.ai-textarea{width:100%;min-height:280px;resize:vertical;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;outline:none;transition:border-color .12s ease}.ai-textarea{min-height:140px}#recipe-text:focus,.ai-textarea:focus,.url-input:focus{border-color:var(--line-strong)}#recipe-text::placeholder,.ai-textarea::placeholder,.url-input::placeholder{color:var(--muted)}.url-input{width:100%;padding:16px 20px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--sans);font-size:15px;outline:none;transition:border-color .12s ease}.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}.hint{font-size:12.5px;color:var(--muted);max-width:52ch}.go-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:999px;background:var(--solid);color:var(--on-solid);border:0;font-size:14px;font-weight:600;transition:opacity .12s ease;margin-left:auto}.go-btn:hover{background:color-mix(in srgb,var(--solid) 92%,var(--bg))}.go-btn:disabled{opacity:.4;cursor:default}.lucky-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600;transition:border-color .12s ease}.lucky-btn:hover{border-color:var(--line-strong)}.error{margin-top:16px;padding:14px 18px;border-radius:14px;border:1px solid color-mix(in srgb,#e0533d 35%,transparent);background:color-mix(in srgb,#e0533d 7%,transparent);color:var(--ink);font-size:14px}.guided-launch{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;margin-bottom:18px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:border-color .12s ease,background .12s ease}.guided-launch:hover{border-color:var(--line-strong)}.guided-launch .g-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--solid) 8%,transparent);color:var(--ink);flex-shrink:0}.guided-launch .g-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.guided-launch .g-copy b{font-size:14.5px;font-weight:650;letter-spacing:-.01em}.guided-launch .g-copy span{font-size:12.5px;color:var(--muted)}.guided-launch .g-arrow{margin-left:auto;color:var(--muted);flex-shrink:0;transition:transform .12s ease}.guided-launch:hover .g-arrow{transform:translate(3px);color:var(--ink)}.or-divider{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line-2)}.gw-head{margin-bottom:26px}.gw-dots{display:flex;align-items:center;max-width:340px;margin:0 auto 10px}.gw-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);background:transparent;flex-shrink:0;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.gw-dot.filled{background:var(--solid);border-color:var(--solid)}.gw-dot.current{box-shadow:0 0 0 3px color-mix(in srgb,var(--solid) 22%,transparent)}.gw-line{flex:1;height:2px;background:var(--line-2);margin:0 6px;transition:background .15s ease}.gw-line.filled{background:var(--solid)}.gw-meta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12.5px;color:var(--muted)}.gw-exit{background:none;border:0;padding:0;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.gw-exit:hover{color:var(--ink)}.gw-title{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.02em;margin:0 0 6px;display:flex;align-items:center;gap:10px}.gw-badge{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.gw-sub{margin:0 0 18px;font-size:14px;color:var(--muted)}.gw-options{display:flex;flex-direction:column;gap:10px;max-width:480px}.gw-opt{text-align:left;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14.5px;font-weight:550;transition:border-color .12s ease,background .12s ease}.gw-opt:hover{border-color:var(--line-strong)}.gw-opt.selected{border-color:var(--solid);background:color-mix(in srgb,var(--solid) 6%,transparent);font-weight:650}#gw-ingredients{min-height:120px;max-width:480px}.gw-hint{margin:10px 0 0;font-size:12.5px;color:var(--muted)}.gw-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}@media (max-width: 760px){.gw-title{font-size:24px}.gw-nav{flex-direction:column-reverse;align-items:stretch}.gw-nav .go-btn,.gw-nav .lucky-btn{justify-content:center;margin-left:0}}.drop{display:block;border:1.5px dashed var(--line-strong);border-radius:18px;background:var(--card);padding:36px 24px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.drop.over{border-color:var(--solid);background:color-mix(in srgb,var(--solid) 5%,var(--card))}.drop-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--ink-2);font-size:14px}.drop-inner svg{color:var(--muted)}.drop-inner b{color:var(--ink)}.drop-sub{font-size:12.5px;color:var(--muted)}.thumbs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.thumb{width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--bg-2)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.more{display:grid;place-items:center;font-size:24px;color:var(--muted);border:1px dashed var(--line-strong);background:transparent}.prog-card{padding:40px 32px;border:1px solid var(--line-2);border-radius:22px;background:var(--card);text-align:center}.prog-card h3{font-family:var(--serif);font-size:30px;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}.steps{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:12px;max-width:340px;text-align:left}.steps li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--muted);transition:color .15s ease}.steps li .dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--line-strong);flex-shrink:0}.steps li.active{color:var(--ink);font-weight:600}.steps li.active .dot{border-color:var(--solid);animation:pulse 1.1s ease infinite}.steps li.done{color:var(--ink-2)}.steps li.done .dot{background:var(--solid);border-color:var(--solid)}@keyframes pulse{50%{transform:scale(1.35)}}.prog-note{margin:26px auto 0;font-size:13px;color:var(--muted);max-width:44ch}.state-card{padding:72px 28px;text-align:center;background:var(--card);border:1px solid var(--line-2);border-radius:22px}.state-card h3{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.02em;margin:0 0 10px}.state-card p{margin:0 auto;color:var(--muted);font-size:15px;max-width:46ch}.state-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;height:46px;padding:0 24px;border-radius:999px;background:var(--solid);color:var(--on-solid);border:0;font-size:14px;font-weight:600}.sk-panel .sk-line{height:14px;border-radius:7px;margin-bottom:14px}.sk-panel .sk-line.w40{width:40%}.sk-panel .sk-area{height:280px;border-radius:18px}.sk-panel .sk-line,.sk-panel .sk-area{background:linear-gradient(90deg,var(--bg-2) 25%,#e0dcd2 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}footer.rb-footer{background:var(--panel);color:#ffffffb3;padding:56px 0 64px}footer.rb-footer .row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}footer.rb-footer .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;letter-spacing:-.02em;font-size:16px}footer.rb-footer .brand .app-ico{width:28px;height:28px;border-radius:7px;box-shadow:0 0 0 1px #ffffff1f}footer.rb-footer .links{display:flex;gap:24px;font-size:14px}footer.rb-footer .links a{color:#fff9}footer.rb-footer .links a:hover{color:#fff}footer.rb-footer .copy{font-size:13px;color:#fff6}@media (max-width: 1100px){.container{padding:0 32px}header.page-head h1{font-size:56px}.methods{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.container{padding:0 22px}nav.rb-nav ul{display:none}header.page-head h1{font-size:44px;line-height:1}.methods{grid-template-columns:1fr 1fr}.form-row{flex-direction:column;align-items:stretch}.go-btn,.lucky-btn{justify-content:center;margin-left:0}footer.rb-footer .row{flex-direction:column;align-items:flex-start;gap:18px}}:root[data-theme=dark] .sk-panel .sk-line,:root[data-theme=dark] .sk-panel .sk-area{background:linear-gradient(90deg,var(--bg-2) 25%,#2a2723 50%,var(--bg-2) 75%);background-size:200% 100%}
