.landing{background:radial-gradient(70% 50% at 50% 40%,#496e540f,#0000);place-items:center;min-height:100dvh;padding:40px;display:grid;position:relative}.landing.is-dragging:after{content:"Drop recipe to open";z-index:30;border:2px dashed var(--green);color:var(--green);background:#f2f0e8f0;border-radius:18px;place-items:center;margin:24px;font-size:28px;font-weight:700;display:grid;position:fixed;inset:0}.landing-card{text-align:center;gap:34px;width:100%;max-width:520px;animation:.55s both card-fade;display:grid}@keyframes card-fade{0%{opacity:0}to{opacity:1}}.landing-brand{justify-content:center;align-items:center;gap:12px;display:inline-flex}.brand-mark{width:48px;height:48px;color:var(--paper);background:var(--green);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:34px;font-style:italic;display:grid}.brand-name{letter-spacing:-.04em;color:var(--ink);font-family:Manrope,sans-serif;font-size:32px;font-weight:700}.landing-tagline{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.landing-actions{gap:18px;display:grid}.paste-button{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #bfc3b8;border-radius:10px;padding-block:12px;padding-inline:14px;font-family:DM Mono,monospace;font-size:11px;transition:color .2s,border-color .2s,background .2s}.paste-button:hover:not(:disabled){color:var(--green);border-color:var(--green);background:var(--green-soft)}.paste-button:disabled{opacity:.45;cursor:default}.import-button{border:0;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border-block-end:1px solid #bfc3b8;justify-self:center;padding-block:9px;padding-inline:16px;font-family:DM Mono,monospace;font-size:10px;transition:color .2s,border-color .2s}.import-button:hover{color:var(--ink);border-color:var(--ink)}.other-import-details{text-align:start}.other-import-summary{color:var(--muted);cursor:pointer;letter-spacing:.06em;text-align:center;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.other-import-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-block-start:10px;display:flex}.blocked-suggestion--prominent{text-align:center;margin-block-start:4px}.bookmarklet-details{text-align:center}.bookmarklet-body{justify-items:center}.landing-divider{color:#adb3a8;text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:10px}.url-import-row{flex-wrap:wrap;gap:8px;display:flex}.url-input{background:var(--paper);min-inline-size:0;color:var(--ink);border:1px solid #d4d9d0;border-radius:10px;flex:15rem;padding:12px 16px;font-family:DM Mono,monospace;font-size:16px;transition:border-color .2s}.url-input:focus{border-color:var(--green)}.url-input::placeholder{color:#c0c5bb}.url-input:disabled{opacity:.5}.url-go-button{border:1px solid var(--green);color:var(--paper);background:var(--green);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:10px;padding:12px 20px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;transition:opacity .2s,background .2s,color .2s}.url-go-button:hover:not(:disabled){color:var(--green);background:0 0}.url-go-button:disabled{opacity:.4;cursor:default}.paste-message{color:var(--muted);text-align:center;margin:-8px 0 0;font-family:DM Mono,monospace;font-size:10px}.import-progress{color:var(--green);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;font-family:DM Mono,monospace;font-size:11px;display:flex}.progress-spinner{border:2px solid color-mix(in srgb, var(--green) 25%, transparent);border-block-start-color:var(--green);border-radius:50%;block-size:14px;inline-size:14px;animation:.7s linear infinite progress-spin}@keyframes progress-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.landing-card{animation:none}.progress-spinner{animation-duration:1.4s}}.bookmarklet-details{z-index:4;background:color-mix(in srgb, var(--paper) 94%, transparent);text-align:start;inline-size:230px;color:var(--muted);border:1px solid #d4d9d0;border-radius:10px;padding:14px;font-size:13px;position:absolute;inset-block-start:24px;inset-inline-start:24px}.bookmarklet-summary{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;color:#adb3a8;font-family:DM Mono,monospace;font-size:11px}.bookmarklet-body{gap:10px;margin-block-start:12px;display:grid}.bookmarklet-body p{margin:0;font-size:13px;line-height:1.5}.bookmarklet-link{border:1px solid var(--green);color:var(--green);cursor:grab;background:0 0;border-radius:10px;width:fit-content;padding:10px 24px;font-family:DM Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.bookmarklet-link:hover{color:var(--paper);background:var(--green)}.bookmarklet-copy{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #bfc3b8;border-radius:8px;padding-block:8px;padding-inline:14px;font-family:DM Mono,monospace;font-size:10px}.bookmarklet-copy:hover{color:var(--green);border-color:var(--green)}.bookmarklet-message{max-inline-size:36rem;color:var(--green);font-size:11px!important}.bookmarklet-hint{color:#adb3a8;font-size:11px!important}@media (width<=760px){.bookmarklet-details{text-align:center;background:0 0;border:0;inline-size:auto;padding:0;position:static}}.landing-error{color:#b7462c;margin:0;font-size:13px}.landing-info{color:#7b8f7f}.blocked-suggestion{color:#7b5e1a;background:#fdf6e3;border:1px solid #e8c86a;border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}