html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--ink:#2a1f14;--muted:#8a7560;--line:#f0e4d6;--paper:#fffbf8;--surface:#fff;--accent:#ff9500;--accent-dark:#fb7f08;--secondary:#fb0;--warning:#c45f24;--danger:#b42318;--focus:#ff9500;--wearable-button:#433831;--wearable-hover-top:#9c7655;--wearable-hover-mid-a:#8a7359;--wearable-hover-mid-b:#5e4f41;--wearable-hover-bottom:#43372f;--wearable-inner-shadow:#9c733b;--wearable-inner-light:#ffffff9e}@property --grad-x{syntax:"<percentage>";inherits:true;initial-value:36%}@property --grad-y{syntax:"<percentage>";inherits:true;initial-value:-16%}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:inherit}.portal{flex-direction:column;min-height:100vh;display:flex}.portal-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 32px;display:flex}.brand{flex-direction:column;gap:2px;font-weight:800;display:flex}.brand-lockup{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-lockup img{object-fit:cover;border-radius:8px;width:36px;height:36px}.brand span{color:var(--muted);font-size:13px;font-weight:500}.nav{align-items:center;gap:8px;display:flex}.nav a,.nav button,.icon-button,.primary-button,.secondary-button,.danger-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.nav a:hover,.nav button:hover,.secondary-button:hover,.icon-button:hover{background:#fff8f0;border-color:#ff95006b;transform:translateY(-1px)}.nav a,.nav button,.secondary-button{border-color:var(--line);background:var(--surface)}.icon-button{border-color:var(--line);background:var(--surface);width:40px;padding:0}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.danger-button{color:#fff;background:var(--danger)}button:disabled{cursor:not-allowed;opacity:.52;transform:none!important}.portal-main{flex:1;width:min(1120px,100vw - 32px);margin:0 auto;padding:32px 0 56px}.portal-main>*{animation:.36s both portalFadeIn}.dashboard-portal{height:100vh;overflow:hidden}.dashboard-portal .portal-header{z-index:40;background:#fff;border-color:#c9bcac;min-height:80px;padding:0 32px 0 15px;position:relative}.dashboard-portal .brand-lockup{gap:17px}.dashboard-portal .brand-lockup img{border-radius:50%;width:48px;height:48px}.dashboard-portal .brand{font-size:16px;font-weight:500}.dashboard-portal .nav a,.dashboard-portal .nav button{border-color:#c9bcac;border-radius:4px;width:48px;height:48px;padding:0;position:relative}.dashboard-portal .nav button{color:inherit}.dashboard-portal .header-action-icon{object-fit:contain;filter:brightness(0)saturate();border-radius:0;width:26px;height:26px}.tooltip-control:after{z-index:30;color:#211a14;content:attr(data-tooltip);white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1px solid #d9cabb;border-radius:5px;padding:6px 9px;font-size:12px;font-weight:600;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-3px);box-shadow:0 10px 28px #2a1f1424}.tooltip-control:hover:after,.tooltip-control:focus-visible:after{opacity:1;transform:translateY(0)}.dashboard-portal .portal-main{flex:1;width:100%;min-height:0;margin:0;padding:0}.page-title{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-title h1{margin:0 0 8px;font-size:32px}.page-title p,.muted{color:var(--muted)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px;animation:.32s both portalListIn}.panel h2{margin:0 0 12px;font-size:20px}.form{gap:12px;display:grid}.label{color:var(--muted);gap:6px;font-size:14px;font-weight:650;display:grid}.input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}textarea.input{padding:12px}.status{min-height:24px;color:var(--muted);font-size:14px}.status.error{color:var(--danger)}.status.success{color:var(--accent-dark)}.auth-page{grid-template-rows:minmax(0,1fr) auto;place-items:center;min-height:100vh;padding:24px;display:grid}.prototype-footer{width:100%;color:var(--muted);text-align:center;padding:18px 24px 22px;font-size:13px}.prototype-footer a{color:inherit;text-underline-offset:2px;text-decoration:underline}.auth-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(440px,100%);padding:28px}.auth-preview-link{width:fit-content;color:var(--muted);text-align:center;text-underline-offset:3px;margin:18px auto 0;font-size:12px;text-decoration:underline;transition:color .16s;display:block}.auth-preview-link:hover{color:var(--accent-dark)}.device-list{gap:10px;display:grid}.device-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.settings-stack{gap:16px;display:grid}.danger-zone{background:snow;border-color:#b4231847;margin-top:16px}.settings-stack .danger-zone{margin-top:0}.delete-confirm-stack{justify-items:start;gap:20px;display:grid}.display-shell{background:#000;place-items:center;min-height:100vh;display:grid}.display-frame{color:#eef7f4;background:#101a1e;width:600px;height:600px;position:relative;overflow:hidden}.cuelet-display{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;font-family:Arial,Helvetica,sans-serif}.cuelet-display button:focus-visible,.cuelet-display iframe:focus-visible{outline:none}.cuelet-pairing,.cuelet-success,.cuelet-error,.cuelet-library,.cuelet-slides-view,.cuelet-loading{background:#000;position:absolute;inset:0;overflow:hidden}.cuelet-brand-pill{z-index:8;background:var(--wearable-button);color:#fffffff0;border-radius:999px;align-items:center;min-width:176px;height:48px;padding:0 26px 0 66px;font-size:17px;font-weight:500;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,inset 0 -18px 30px #0000002e}.cuelet-brand-pill img{object-fit:cover;border-radius:999px;width:48px;height:48px;position:absolute;left:0}.cuelet-pair-panel{background:radial-gradient(80% 76% at 50% -10%,#5a72966b,#0000 60%),linear-gradient(#13161cfa,#101216f5 62%,#0c0c0ed1 100%);border-radius:30px;justify-items:center;width:468px;min-height:338px;padding:42px 32px 34px;display:grid;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px 12px #ffffff1f,0 24px 54px #000000a8}.cuelet-eyebrow{color:#ffffffa8;margin:0;font-size:20px;font-weight:500}.cuelet-code{letter-spacing:9px;margin:10px 0 20px;font-size:74px;font-weight:900;line-height:1}.cuelet-link{color:#ffffffe6;overflow-wrap:anywhere;text-align:center;max-width:360px;margin:0 0 12px;font-size:17px;font-weight:400;line-height:1.35}.cuelet-expiry{color:#ffffff94;margin:0;font-size:18px;font-weight:400}.cuelet-top-row,.cuelet-slide-header{z-index:8;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:22px;right:22px}.cuelet-small-pill{color:#fffffff0;text-overflow:ellipsis;white-space:nowrap;background:#4a9afb;border-radius:999px;justify-content:center;align-items:center;min-width:106px;max-width:220px;height:42px;padding:0 18px;font-size:15px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 8px 20px #0000003d}.cuelet-sync-pill{background:#4a9afb}.cuelet-top-row{left:70px;right:68px}.cuelet-library{padding:78px 44px 32px 70px}.cuelet-library h1{text-align:left;margin:0 0 18px;font-size:30px;line-height:1}.cuelet-list-window{height:438px;padding:46px 0 36px;position:relative;overflow:hidden}.cuelet-list-alert{color:#ffffffb8;margin:-6px 4px 8px;font-size:14px;line-height:1.25}.cuelet-list-window:before,.cuelet-list-window:after{content:"";z-index:5;pointer-events:none;height:30px;position:absolute;left:0;right:0}.cuelet-notes-panel:before,.cuelet-notes-panel:after{content:"";z-index:5;pointer-events:none;height:22px;position:absolute;left:0;right:0}.cuelet-list-window:before{background:linear-gradient(#000 0%,#000000d1 34%,#0000 100%);top:0}.cuelet-notes-panel:before{opacity:0;visibility:hidden;transition:opacity .16s;top:0}.cuelet-notes-panel.is-scrolled:before{opacity:1;visibility:visible;background:linear-gradient(#000 0%,#000000b8 28%,#0000 100%)}.cuelet-list-window:after,.cuelet-notes-panel:after{background:linear-gradient(#0000 0%,#000000d1 66%,#000 100%);bottom:0}.cuelet-presentation-list{gap:12px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid}.cuelet-list-button{--grad-x:36%;--grad-y:-16%;color:#fff;background:var(--wearable-button);text-align:left;border:0;border-radius:24px;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:14px;width:462px;height:100px;padding:12px 12px 12px 22px;transition:transform .24s,--grad-x .22s,--grad-y .22s;display:grid;position:relative;overflow:hidden;transform:scale(1)}.cuelet-list-button:before{content:"";z-index:0;opacity:0;background:radial-gradient(ellipse 54% 260% at var(--grad-x) var(--grad-y), #7f8799 0%, #626c80 24%, #3d4656 52%, #15191f 84%, #080a0d 100%);filter:blur(5px);transition:opacity .15s;position:absolute;inset:-16px;transform:rotate(-7deg)scale(1.08)}.cuelet-list-button:after{content:"";z-index:1;border-radius:inherit;opacity:0;transition:opacity .15s;position:absolute;inset:0;box-shadow:inset -3px -3px 4px #70779a,inset 3px 3px 10px #ffffffb3}.cuelet-list-button>*{z-index:2;position:relative}.cuelet-list-button.is-selected{transform:scale(1)}.cuelet-list-button.is-selected:before,.cuelet-list-button.is-selected:after,.cuelet-list-button:hover:before,.cuelet-list-button:hover:after,.cuelet-list-button:focus-visible:before,.cuelet-list-button:focus-visible:after{opacity:1}.cuelet-list-copy{gap:8px;min-width:0;display:grid}.cuelet-list-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:500;line-height:1.05;overflow:hidden}.cuelet-list-copy small{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;overflow:hidden}.cuelet-list-button img,.cuelet-thumb-placeholder{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#3e4653,#16191f);border-radius:10px;width:124px}.cuelet-left-scrollbar{z-index:8;opacity:0;background:var(--wearable-button);border-radius:999px;width:8px;height:96px;transition:opacity .16s;position:absolute;top:292px;left:28px;overflow:hidden}.cuelet-left-scrollbar.is-visible{opacity:1}.cuelet-left-scrollbar span{background:#ffffffdb;border-radius:999px;width:8px;height:32px;transition:transform .16s;display:block}.cuelet-empty-list{color:#ffffff94;place-items:center;width:486px;height:260px;font-size:20px;font-weight:400;display:grid}.cuelet-slide-header{z-index:12}.cuelet-slide-controls{align-items:center;gap:12px;display:flex}.cuelet-control,.cuelet-round-action{color:#fff;background:radial-gradient(circle at 35% 10%,#8ebfff 0%,#4a9afb 44%,#1e4f92 100%);border:0;border-radius:999px;outline:none;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #ffffff57}.cuelet-slides-view .cuelet-small-pill,.cuelet-slides-view .cuelet-control{background:var(--wearable-button);box-shadow:inset -2px -2px 4px #70779ad1,inset 2px 2px 8px #ffffff6b}.cuelet-control:before,.cuelet-control:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.cuelet-control:before{z-index:1;background:radial-gradient(70% 180% at 34% 0,#ffffff57,#ffffff1f 46%,#fff0 100%)}.cuelet-control:after{z-index:2;box-shadow:inset -3px -3px 4px #70779ae0,inset 3px 3px 10px #ffffff9e}.cuelet-control svg{z-index:3;position:relative}.cuelet-control.is-selected:before,.cuelet-control.is-selected:after{opacity:1}.cuelet-carousel{place-items:center;height:290px;transition:top .24s,height .24s;display:grid;position:absolute;top:112px;left:0;right:0;overflow:hidden}.focus-notes .cuelet-carousel{height:246px;top:100px}.no-notes .cuelet-carousel{height:354px;top:126px}.cuelet-active-slide-frame,.cuelet-side-slide{aspect-ratio:16/9;background:#090b0f;border-radius:12px;width:80%;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s,width .24s;position:absolute}.cuelet-active-slide-frame{z-index:3;animation:.24s cubic-bezier(.2,.8,.2,1) cueletSlideIn;overflow:hidden;box-shadow:0 14px 28px #00000052}.focus-notes .cuelet-active-slide-frame{width:62%}.cuelet-active-slide-frame:before,.cuelet-active-slide-frame:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.cuelet-active-slide-frame:before{z-index:2;background:radial-gradient(60% 190% at 34% 0,#ffffff4d,#ffffff1a 44%,#fff0 100%)}.cuelet-active-slide-frame:after{z-index:3;box-shadow:inset -3px -3px 4px #70779ac2,inset 3px 3px 10px #ffffff94}.cuelet-active-slide-frame.is-selected:before,.cuelet-active-slide-frame.is-selected:after{opacity:1}.cuelet-active-slide,.cuelet-active-embed-slide{border-radius:inherit;object-fit:contain;background:#090b0f;border:0;width:100%;height:100%;display:block}.cuelet-slide-loading{color:#ffffffb3;place-items:center;width:100%;height:100%;font-size:16px;display:grid}.cuelet-side-slide{z-index:1;opacity:.34;object-fit:contain;width:44%}.cuelet-prev-slide{transform:translate(-252px)scale(.9)}.cuelet-next-slide{transform:translate(252px)scale(.9)}.cuelet-embed-stage{place-items:center;display:grid;position:absolute;inset:112px 24px 24px;overflow:hidden}.no-notes .cuelet-embed-stage{top:126px;bottom:28px}.has-notes .cuelet-embed-stage{bottom:178px}.focus-notes .cuelet-embed-stage{top:100px;bottom:252px}.cuelet-embed-slide{background:#090b0f;border:0;border-radius:12px;width:100%;height:100%;min-height:0;position:relative;top:auto;left:auto;transform:none}.focus-slides .cuelet-embed-slide{box-shadow:inset -3px -3px 4px #70779ac2,inset 3px 3px 10px #ffffff94,0 14px 28px #00000052}.focus-notes .cuelet-embed-slide{width:100%;height:100%}.cuelet-notes-panel{background:#101216eb;border-radius:22px;height:138px;transition:height .24s;position:absolute;bottom:24px;left:46px;right:46px;overflow:hidden;box-shadow:inset 0 2px 8px #ffffff1a,inset 0 -34px 42px #0000009e}.focus-notes .cuelet-notes-panel{height:224px}.cuelet-notes-scroll{position:absolute;inset:24px 24px 20px;overflow:hidden}.cuelet-notes-scroll p{color:#ffffffd1;margin:0;font-size:19px;line-height:1.28;transition:transform .22s}.focus-notes .cuelet-notes-panel{box-shadow:inset 0 0 0 999px #ffffff0d,inset -3px -3px 4px #70779ac2,inset 3px 3px 10px #ffffff7a,0 14px 28px #00000052}.cuelet-slides-view.is-exiting{pointer-events:none;animation:.18s forwards cueletFadeOut}.cuelet-loading,.cuelet-success,.cuelet-error{text-align:center;place-items:center;display:grid}.cuelet-loading span{border-radius:999px;width:76px;height:76px}.cuelet-loading-dots{justify-content:center;align-items:center;gap:14px;display:flex}.cuelet-loading-dots span{background:#ffffffe0;border-radius:999px;width:18px;height:18px;animation:.96s ease-in-out infinite cueletDotPulse}.cuelet-loading-dots span:nth-child(2){animation-delay:.12s}.cuelet-loading-dots span:nth-child(3){animation-delay:.24s}.cuelet-loading p,.cuelet-success p,.cuelet-error p{color:#ffffffb8;margin:0;font-size:21px;font-weight:400;position:absolute;top:344px}.cuelet-hidden-unlink{width:1px;height:1px;position:absolute;left:-999px;overflow:hidden}@keyframes cueletDotPulse{0%,80%,to{opacity:.32;transform:translateY(0)scale(.8)}40%{opacity:1;transform:translateY(-5px)scale(1)}}@keyframes cueletFadeOut{0%{opacity:1}to{opacity:0}}@keyframes cueletSlideIn{0%{opacity:.5;transform:translate(28px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.presentation-manager{gap:22px;display:grid}.textarea{resize:vertical;min-height:118px;line-height:1.45}.presentation-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.presentation-form .notes-entry,.presentation-form .status{grid-column:1/-1}.notes-entry{gap:10px;display:grid}.segmented-control{border:1px solid var(--line);background:#fff5eb;border-radius:8px;width:fit-content;padding:4px;display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.segmented-control button.is-active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #ff950029}.slide-notes-entry{gap:12px;display:grid}.compact-label{max-width:240px}.short-input{max-width:120px}.slide-note-grid{gap:10px;display:grid}.slide-note-row{color:var(--muted);grid-template-columns:84px minmax(0,1fr);align-items:start;gap:12px;font-size:14px;display:grid}.slide-note-row span{padding-top:12px;font-weight:650}.portal-presentation-list{gap:10px;display:grid}.portal-presentation-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:156px minmax(0,1fr);align-items:center;gap:14px;padding:12px;animation:.32s both portalListIn;display:grid}.portal-presentation-row:first-child{animation-delay:40ms}.portal-presentation-row:nth-child(2){animation-delay:80ms}.portal-presentation-row:nth-child(3){animation-delay:.12s}.portal-presentation-row:nth-child(4){animation-delay:.16s}.portal-presentation-row:nth-child(5){animation-delay:.2s}.portal-notes-editor{border-top:1px solid #ff950029;grid-column:1/-1;grid-template-columns:1fr;align-items:end;gap:12px;padding-top:12px;display:grid}.portal-presentation-row img,.portal-presentation-thumb{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#ffe8cc,#fff8f0);border-radius:8px;width:156px}.portal-presentation-row strong{text-overflow:ellipsis;white-space:normal;display:block;overflow:hidden}.portal-presentation-copy{min-width:0}.portal-row-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;gap:8px;display:flex}.display-header,.display-footer{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101a1ee0;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 18px;display:flex;position:absolute;left:0;right:0}.display-header{top:0}.display-footer{bottom:0}.display-body{text-align:center;place-items:center;width:100%;height:100%;padding:76px 24px;display:grid}.display-body .muted{color:#a7c3bd}.pairing-code{letter-spacing:8px;margin:22px 0;font-size:58px;font-weight:850}.display-link{color:#8fd7cf;font-weight:400}.slide-image{object-fit:contain;width:100%;height:100%}.slide-stage{background:#06090b;place-items:center;width:100%;height:100%;display:grid}.slide-iframe{background:#06090b;border:0;width:100%;height:100%}.display-button{color:#eef7f4;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;min-width:46px;min-height:38px}@media (max-width:720px){.portal-header,.page-title,.device-row{flex-direction:column;align-items:stretch}.portal-header{padding:16px}.nav{flex-wrap:wrap}.grid,.presentation-form,.portal-presentation-row,.slide-note-row{grid-template-columns:1fr}.portal-presentation-row img,.portal-presentation-thumb{width:100%}.display-frame{width:min(600px,100vw);height:min(600px,100vw)}}.presentation-panel,.recipe-panel{grid-column:1/-1}.recipe-manager{gap:14px;display:grid}.dashboard-library{--sidebar-width:259px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:#fffbf9;height:100%;min-height:0;transition:grid-template-columns .26s cubic-bezier(.2,.8,.2,1);display:grid}.dashboard-library.sidebar-is-collapsed{--sidebar-width:80px}.library-sidebar{background:#fff;border-right:1px solid #c9bcac;min-width:0;display:flex;position:relative;overflow:hidden}.library-nav-stack{flex-direction:column;gap:8px;width:100%;min-height:0;padding:20px 15px 72px;display:flex;overflow-y:auto}.library-nav-item{color:#111;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 8px;font-size:16px;font-weight:500;transition:background .16s,color .16s,transform .16s;display:flex;overflow:hidden}.library-nav-item svg{flex:0 0 32px}.library-nav-item:hover,.library-folder-row:hover{background:#fff5e8}.library-nav-item.is-active,.library-folder-row.is-active{color:#fff;background:#ff852d}.library-nav-divider{border-top:1px solid #c9bcac;width:34px;margin:4px 7px 6px}.library-folder-row{border:1px solid #0000;border-radius:6px;align-items:center;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative}.library-folder-row.is-drop-target,.folder-card.is-drop-target{background:color-mix(in srgb, var(--folder-color,#ff852d) 18%, #fff);box-shadow:none;transform:scale(1.02)}.library-folder-row .library-nav-item{padding-right:38px}.library-folder-row .library-nav-item>svg,.folder-card-open>svg{color:var(--folder-color,#f29a45)}.folder-star-button{color:#d97814;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;transition:opacity .16s,transform .16s;display:grid;position:absolute;right:8px}.folder-star-button.is-starred,.library-folder-row:hover .folder-star-button,.folder-star-button:focus-visible{opacity:1}.folder-star-button svg{width:14px;height:14px}.folder-star-button:hover{transform:scale(1.12)}.folder-settings-wrap{z-index:80;position:relative}.folder-edit-button{color:#33291f;cursor:pointer;background:#fff;border:1px solid #c9bcac;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.folder-edit-button:hover,.folder-edit-button[aria-expanded=true]{background:#fff7ee;border-color:#a9927c}.folder-settings-menu{z-index:120;color:#211a14;text-align:left;background:#fff;border:1px solid #d9cabb;border-radius:10px;gap:7px;width:264px;padding:9px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px #2a1f142e}.folder-visibility-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.folder-time-picker{color:#7e6a57;gap:4px;min-width:0;font-size:11px;font-weight:650;display:grid;position:relative}.folder-time-trigger{color:#211a14;width:100%;min-width:0;height:34px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9cabb;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 7px;display:grid}.folder-time-trigger>svg:first-child{color:#ff852d}.folder-time-trigger:hover,.folder-time-trigger[aria-expanded=true]{background:#fff7ee;border-color:#ff852d}.folder-time-menu{z-index:140;scrollbar-color:#ff9a4f #fff2e5;background:#fff;border:1px solid #e1c5a8;border-radius:8px;gap:2px;width:128px;max-height:188px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 14px 30px #5630102e}.folder-time-menu button{color:#4a3828;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;min-height:30px;padding:0 8px;font-size:11px;font-weight:650;display:flex}.folder-time-menu button:hover,.folder-time-menu button.is-selected{color:#9a4d0b;background:#fff0df}.folder-time-menu button.is-selected{color:#d76608}.folder-visibility-hint{color:#8a7560;font-size:11px;line-height:1.35}.folder-rename-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.folder-rename-form input,.folder-heading-rename input{color:#211a14;min-width:0;font:inherit;background:#fff;border:1px solid #d9cabb;border-radius:7px}.folder-rename-form input{height:34px;padding:0 8px;font-size:12px}.folder-rename-form button{color:#5f3b17;cursor:pointer;background:#fff7ee;border:1px solid #d9cabb;border-radius:7px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700}.folder-settings-label{color:#7e6a57;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:750}.folder-color-options{gap:6px;display:flex}.folder-color-options button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:23px;height:23px;padding:0;display:grid}.folder-color-options button span{background:var(--swatch-color);border-radius:999px;width:15px;height:15px}.folder-color-options button.is-active{border-color:#211a14}.folder-settings-divider{border-top:1px solid #eee1d4}.folder-settings-delete{min-height:34px;color:var(--danger);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 8px;display:flex}.folder-settings-delete:hover{background:#fff0ee}.folder-settings-star{color:#6f4a18;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;min-height:34px;padding:0 8px;display:flex}.folder-settings-star:hover{background:#fff3e5}.folder-add-form{align-items:center;gap:6px;min-height:48px;display:flex}.folder-add-form input{border:1px solid #c9bcac;border-radius:6px;width:100%;min-width:0;height:38px;padding:0 8px}.folder-add-form button{color:#fff;background:#ff852d;border:0;border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.sidebar-toggle{color:#111;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:5px;place-items:center;width:48px;height:48px;padding:0;line-height:0;transition:background .16s;display:grid;position:absolute;bottom:24px;left:22px}.sidebar-toggle img{object-fit:contain;width:36px;height:36px;margin:auto;transition:none;display:block}.sidebar-toggle:hover{background:#feefdb}.sidebar-is-collapsed .library-nav-item{width:48px;padding:0 8px}.sidebar-is-collapsed .library-nav-item span,.sidebar-is-collapsed .folder-add-form{opacity:0;pointer-events:none}.sidebar-is-collapsed .folder-star-button{display:none}.sidebar-is-collapsed .library-folder-row.is-drop-target{border-width:2px;width:48px;transform:none}.sidebar-is-collapsed .library-folder-row.is-drop-target .library-nav-item>svg{transform:scale(1.12)}.sidebar-is-collapsed .library-folder-row .library-nav-item{padding-right:8px}.sidebar-is-collapsed .library-nav-divider{margin-left:7px}.library-content{min-width:0;padding:44px max(56px,50% - 590px) 64px;overflow:auto}.dashboard-library.has-folder-animation .library-sidebar{z-index:1}.dashboard-library.has-folder-animation .library-content{z-index:2;position:relative;overflow:visible}.dashboard-library.has-folder-animation .portal-recipe-grid{z-index:60;position:relative}.folder-showcase h1,.recipes-heading-row h2{color:#14211d;margin:0;font-size:20px;line-height:1.2}.folder-card-row{flex-wrap:wrap;gap:28px;margin:12px -12px 0 -4px;padding:5px 12px 17px 4px;display:flex;overflow:visible}.folder-empty-card{color:#9b5415;cursor:pointer;background:#fff;border:1px dashed #c9bcac;border-radius:12px;align-items:center;gap:10px;min-height:67px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.folder-empty-card:hover{background:#fff5e8;border-color:#ff852d}.folder-empty-hint{color:#746454;background:#ffffffb3;border:1px dashed #c9bcac;border-radius:12px;align-items:center;gap:9px;min-height:67px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.folder-card{color:#111;cursor:pointer;background:#fff;border:1px solid #c9bcac;border-radius:12px;align-items:center;gap:12px;width:244px;min-width:220px;height:67px;padding:0 8px 0 0;font-size:16px;font-weight:500;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.folder-card-open{min-width:0;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex}.folder-card:hover{border-color:var(--folder-color,#ff852d);transform:translateY(-2px);box-shadow:0 10px 24px #3c271414}.folder-card.is-accepting,.library-folder-row.is-accepting{animation:.5s folderAcceptPulse}.folder-card-star{color:#e48216;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:opacity .16s,background .16s;display:grid}.folder-card-star.is-starred,.folder-card:hover .folder-card-star,.folder-card-star:focus-visible{opacity:1}.folder-card-star:hover{background:#fff1df}@keyframes folderAcceptPulse{0%,to{filter:brightness()}50%{filter:brightness(1.13)saturate(1.12)}}.recipes-heading-row{z-index:70;justify-content:space-between;align-items:center;gap:20px;min-height:28px;margin-top:24px;display:flex;position:relative;overflow:visible}.recipes-heading-row h2.is-renamable{cursor:text}.folder-heading-rename{align-items:center;gap:6px;display:flex}.folder-heading-rename input{width:min(320px,42vw);height:36px;padding:0 10px;font-size:20px;font-weight:650}.folder-heading-rename button{color:#5f3b17;cursor:pointer;background:#fff;border:1px solid #d9cabb;border-radius:7px;place-items:center;width:34px;height:34px;padding:0;display:grid}.folder-heading-rename button:hover{background:#fff7ee}.recipes-heading-actions{align-items:center;gap:12px;display:flex}.folder-delete-button{min-height:36px;color:var(--danger);cursor:pointer;background:snow;border:1px solid #b423183d;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:650;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.folder-delete-button:hover{background:#fff1f1;border-color:#b423186b;transform:translateY(-1px)}.recipes-heading-row .status{min-height:0;font-size:13px}.recipe-count{color:#746454;font-size:14px;font-weight:600}.preview-back-link{color:#9b5415;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.preview-back-link:hover{color:#e76f16}.preview-utility-page{width:min(1120px,100vw - 64px);margin:0 auto;padding:44px 0 64px}.preview-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.preview-action-card{flex-direction:column;align-items:flex-start;gap:18px;height:100%;min-height:250px;padding:26px;display:flex}.preview-action-card.danger-zone{margin-top:0}.preview-card-heading{align-items:center;gap:10px;display:flex}.preview-card-heading h2{margin:0}.preview-action-card .form,.preview-action-card .device-list{width:100%}.portal-action-overlay{z-index:100}.modal.portal-action-modal{width:min(920px,100% - 48px);max-height:min(90vh,760px)}.portal-action-modal .modal-header{border-bottom:1px solid var(--line);padding:24px 28px 20px}.portal-action-body{max-height:calc(92vh - 92px);padding:24px 28px 28px;overflow:auto}.portal-action-body .preview-action-card{min-height:272px;padding:22px}.portal-action-body>.status{min-height:0;margin-top:14px}.linked-device-icon{object-fit:contain;filter:brightness(0)saturate();flex:0 0 30px;width:30px;height:30px}.delete-preview-label{width:100%;margin-top:auto}.linked-device-card>div{flex:1;min-width:0}.linked-device-card{border:1px solid var(--line);background:#fffaf6;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.linked-device-card p{margin:4px 0 0}.preview-display-link{margin-top:auto;text-decoration:none}.preview-display-actions{flex-wrap:wrap;gap:9px;width:100%;margin-top:auto;display:flex}.preview-display-actions a{text-decoration:none}.display-preview-page{background:#000;min-height:100vh;position:relative}.display-preview-back{z-index:100;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414c7;border:1px solid #fff3;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;text-decoration:none;display:inline-flex;position:fixed;top:24px;left:24px}.recipe-toolbar{align-items:center;gap:12px;margin-top:10px;display:flex}.recipe-search{background:#fff;border:1px solid #c9bcac;border-radius:8px;align-items:center;gap:8px;width:min(244px,100%);height:40px;padding:0 12px;display:flex}.recipe-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.compact-button,.add-recipe-button{min-height:40px;font-size:14px}.recipe-sort{color:#111;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c9bcac;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:14px;display:flex}.custom-select{position:relative}.custom-select-menu{z-index:24;background:#fff;border:1px solid #d9cabb;border-radius:9px;gap:3px;width:190px;padding:6px;animation:.15s both menuPop;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 16px 38px #2a1f1429}.custom-select-menu button,.recipe-card-menu button{color:#211a14;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 9px;font-size:13px;display:flex}.custom-select-menu button:hover,.recipe-card-menu button:hover{background:#fff3e5}.custom-select-menu button svg:last-child,.recipe-card-menu button svg:last-child{margin-left:auto}.view-toggle{margin-left:auto;display:flex}.view-toggle button{cursor:pointer;background:#fff;border:0;border-radius:4px;place-items:center;width:40px;height:40px;display:grid}.view-toggle button.is-active{background:#feefdb}.recipe-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.recipe-form .steps-entry,.recipe-form .status,.recipe-form .muted{grid-column:1/-1}.recipe-preview-thumb{object-fit:cover;border-radius:12px;width:120px;height:120px}.portal-recipe-grid{transform-origin:top;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:19px;animation:.26s cubic-bezier(.2,.8,.2,1) both recipeViewIn;display:grid}.portal-recipe-card{background:#fff;border:1px solid #c9bcac;border-radius:12px;gap:8px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;box-shadow:0 8px 24px #2a1f140a}.portal-recipe-card.has-open-menu{z-index:30}.portal-recipe-card.is-selected{z-index:2;box-shadow:none;background:#fffaf4;border-color:#ff852d}.portal-recipe-card.is-selected:hover{box-shadow:none}.recipe-select-button{z-index:4;cursor:pointer;background:#fffffff0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:20px;left:20px;box-shadow:0 3px 12px #2a1f1433}.recipe-select-button span{color:#fff;border:1.5px solid #9d8973;border-radius:999px;place-items:center;width:19px;height:19px;display:grid}.portal-recipe-card.is-selected .recipe-select-button span{background:#ff852d;border-color:#ff852d}.recipe-drag-handle{z-index:4;color:#725f4d;width:24px;height:28px;box-shadow:none;pointer-events:none;background:0 0;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.portal-recipe-card.is-move-enabled{cursor:grab}.portal-recipe-card.is-move-enabled:active{cursor:grabbing}.portal-recipe-card.is-move-enabled .portal-row-actions{visibility:hidden}.recipe-media{position:relative}.portal-recipe-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2a1f1414}.portal-recipe-card.is-dragging{opacity:.55;transform:scale(.98)}.portal-recipe-card.is-moving-to-folder{z-index:45;pointer-events:none;animation:.34s cubic-bezier(.25,.75,.25,1) forwards recipeIntoFolder}@keyframes recipeIntoFolder{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}68%{opacity:.9}to{opacity:0;transform:translate(var(--move-x), var(--move-y)) scale(.16) rotate(-5deg)}}.portal-recipe-card.is-drop-target{box-shadow:none;border-color:#7f6a56;transform:translate(12px)}.portal-recipe-card.is-drop-target:before{content:"";background:#3f342a;border-radius:999px;width:4px;position:absolute;top:8px;bottom:8px;left:-10px}.portal-recipe-grid.is-list .portal-recipe-card.is-drop-target{transform:translateY(12px)}.portal-recipe-grid.is-list .portal-recipe-card.is-drop-target:before{width:auto;height:4px;inset:-9px 8px auto}.portal-recipe-card img,.portal-recipe-thumb{aspect-ratio:1;object-fit:cover;background:#f3eee8;border-radius:12px;width:100%}.portal-recipe-thumb{place-items:center;display:grid;position:relative;overflow:hidden}.recipe-play{color:#fff;filter:drop-shadow(0 2px 5px #00000040);transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-recipe-card:hover .recipe-play{transform:translate(-50%,-50%)scale(1.13)}.recipe-folder-label{color:#8a7560;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.portal-recipe-copy strong{font-size:16px;line-height:1.3;display:block}.recipe-status-chip{border-radius:999px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.recipe-status-chip.status-ready{color:#7a4d00;background:#ffbb0038}.recipe-status-chip.status-pending{color:#8a7560;background:#8a75601f}.recipe-status-chip.status-failed{color:var(--danger);background:#b423181a}.portal-row-actions{flex-wrap:wrap;gap:8px;display:flex}.portal-recipe-card .portal-row-actions{align-items:center;min-height:36px;position:relative}.portal-recipe-card .icon-button{opacity:0;width:32px;min-height:32px;transform:translateY(3px)}.portal-recipe-card:hover .icon-button,.portal-recipe-card:focus-within .icon-button,.portal-recipe-card .favorite-button.is-favorite{opacity:1;transform:translateY(0)}.favorite-button.is-favorite{color:#e46245}.recipe-menu-wrap{margin-left:auto;position:relative}.portal-recipe-card .recipe-menu-button{opacity:1;transform:none}.recipe-card-menu{z-index:25;text-align:left;background:#fff;border:1px solid #d9cabb;border-radius:10px;gap:2px;width:210px;padding:6px;animation:.15s both menuPop;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;right:auto;box-shadow:0 18px 42px #2a1f142e}.recipe-card-menu button{justify-content:flex-start}.recipe-menu-label{color:#8a7560;letter-spacing:.04em;text-transform:uppercase;padding:6px 9px 4px;font-size:11px;font-weight:700}.recipe-menu-divider{border-top:1px solid #eee1d4;margin:4px 6px}.recipe-card-menu button.is-danger{color:var(--danger)}.portal-recipe-grid.is-list{grid-template-columns:1fr}.portal-recipe-grid.is-list .portal-recipe-card{grid-template-columns:120px minmax(0,1fr) auto;align-items:center}.portal-recipe-grid.is-list .recipe-card-menu{top:auto;bottom:calc(100% + 7px)}.explore-add-button{justify-content:center;width:100%;min-height:36px;font-size:13px}.explore-add-button:disabled{color:#7b6753;cursor:default;background:#f3ece5;border-color:#d8c9bb}.bulk-move-bar{white-space:normal;background:#fff5e8;border:1px solid #efc79d;border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:9px 12px;display:flex}.bulk-folder-select{margin-left:auto}.bulk-folder-select .recipe-sort{justify-content:space-between;min-width:180px}.folder-move-menu{text-align:left;max-height:260px;left:auto;right:0;overflow-y:auto}.folder-move-menu button{text-align:left;justify-content:flex-start}.select-recipes-button.is-active{color:#a44e0a;background:#fff1df;border-color:#ff852d}.recipe-drag-preview{z-index:9999;color:#211a14;pointer-events:none;width:158px;height:170px;font-size:13px;font-weight:700;position:fixed;overflow:visible}.recipe-drag-preview-card{background:#fff;border:1px solid #dfb88d;border-radius:12px;grid-template-rows:110px auto;gap:7px;width:124px;min-height:148px;padding:6px;display:grid;position:absolute;top:4px;left:17px;box-shadow:0 10px 22px #2a1f1429}.recipe-drag-preview-card.is-main{z-index:3}.recipe-drag-preview-card.preview-layer-1{z-index:2;transform:translate(-12px,8px)rotate(-7deg)}.recipe-drag-preview-card.preview-layer-2{z-index:1;transform:translate(12px,9px)rotate(7deg)}.recipe-drag-preview-media{object-fit:cover;background:#f3eee8;border-radius:8px;place-items:center;width:110px;height:110px;display:grid;overflow:hidden}.recipe-drag-preview-card>span{text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px 1px;line-height:1.25;display:-webkit-box;overflow:hidden}.recipe-drag-preview>strong{z-index:5;color:#fff;background:#211a14;border-radius:999px;place-items:center;min-width:26px;height:26px;display:grid;position:absolute;top:-5px;right:4px;box-shadow:0 3px 8px #2a1f1433}.portal-recipe-grid.is-list .portal-recipe-card img,.portal-recipe-grid.is-list .portal-recipe-thumb{border-radius:12px;width:120px}.portal-recipe-grid.is-list .portal-row-actions{grid-column:auto}.library-empty{color:#8a7560;text-align:center;background:#ffffff8f;border:1px dashed #c9bcac;border-radius:8px;grid-column:1/-1;align-content:center;place-items:center;gap:8px;min-height:260px;display:grid}.library-empty strong{color:#14211d}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.danger-icon:hover{color:var(--danger);background:#fff5f5;border-color:#b4231847}.add-recipe-tile{min-height:280px;color:var(--accent-dark);cursor:pointer;background:#fffbf8cc;border:2px dashed #ff950059;border-radius:14px;align-content:center;place-items:center;gap:14px;padding:20px;font-size:16px;font-weight:650;transition:border-color .18s,background .18s,transform .18s;display:grid}.add-recipe-tile:hover{border-color:var(--accent);background:#fff8f0;transform:translateY(-2px)}.add-recipe-circle{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:999px;place-items:center;width:72px;height:72px;display:grid}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a1f146b;place-items:center;padding:24px;animation:.18s both portalFadeIn;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:min(560px,100%);max-height:min(88vh,900px);animation:.24s both modalSlideUp;overflow:hidden;box-shadow:0 24px 60px #2a1f142e}.recipe-modal{width:min(1040px,100%);max-height:min(92vh,940px)}.folder-modal{width:min(480px,100%)}.modal-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px 0;display:flex}.modal-header h2{margin:0;font-size:22px}.modal-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.modal-body{max-height:calc(88vh - 120px);padding:18px 22px 22px;overflow:auto}.recipe-modal .modal-body{max-height:calc(92vh - 84px)}.recipe-modal-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:30px;display:grid}.recipe-form-fields{min-width:0}.recipe-video-panel{place-items:center;min-height:0;padding:4px 10px 16px;display:grid;position:sticky;top:0}.recipe-video-frame{aspect-ratio:9/16;background:radial-gradient(circle at 50% 10%,#ffb95d38,#0000 34%),linear-gradient(165deg,#2b2723,#171513);border:1px solid #d8c9bb;border-radius:12px;place-items:center;width:min(264px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px #2a1f142e}.recipe-video-frame img{object-fit:cover;width:100%;height:100%}.recipe-video-frame video{object-fit:contain;background:#000;width:100%;height:100%}.recipe-tiktok-player,.recipe-instagram-player{background:#000;border:0;width:100%;height:100%}.recipe-video-frame.has-preview:not(.has-video):after{color:#fff;content:"▶";text-shadow:0 3px 12px #00000061;background:#00000014;place-items:center;font-size:34px;display:grid;position:absolute;inset:0}.recipe-video-frame.has-embed:after{display:none}.video-placeholder{color:#ffffffc7;text-align:center;place-items:center;gap:10px;max-width:190px;display:grid}.video-placeholder strong{color:#fff;font-size:16px}.video-placeholder span{font-size:13px;line-height:1.45}.folder-modal-body{gap:20px;padding:22px;display:grid}.modal-section{gap:10px;display:grid}.line-editor{gap:8px;display:grid}.line-editor-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.line-delete-button{color:#9f2d25}.recipe-view-content{gap:22px;min-width:0;display:grid}.recipe-view-section{gap:10px;display:grid}.recipe-view-section h3{margin:0;font-size:16px}.recipe-view-section ul,.recipe-view-section ol{color:#34281f;gap:9px;margin:0;padding-left:22px;line-height:1.5;display:grid}.recipe-source-link{justify-content:center;width:min(264px,100%);margin-top:12px}.modal-footer{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.library-toast{z-index:80;color:#211a14;background:#fff;border:1px solid #d9cabb;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:min(390px,100vw - 32px);padding:13px 13px 13px 15px;font-size:14px;animation:.26s cubic-bezier(.2,.8,.2,1) both toastIn;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #2a1f1433}.library-toast.is-error{border-color:#b4231859}.toast-dot{background:#ff852d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ff852d26}.library-toast.is-error .toast-dot{background:var(--danger);box-shadow:0 0 0 4px #b423181f}.library-toast button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}@keyframes menuPop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes recipeViewIn{0%{opacity:.35;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.upload-label{cursor:pointer}.fond-display,.cuelet-display{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:28px;width:600px;height:600px;position:relative;overflow:hidden}.fond-brand-pill{background:var(--wearable-button);border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:0 18px;font-size:18px;font-weight:600;display:inline-flex;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f}.fond-brand-pill img{object-fit:cover;border-radius:7px;width:24px;height:24px}.fond-pair-panel{text-align:center;width:420px;position:absolute;top:118px;left:50%;transform:translate(-50%)}.fond-eyebrow{color:#ffffff9e;margin:0 0 12px;font-size:16px}.fond-code{letter-spacing:8px;margin:0 0 18px;font-size:58px;font-weight:850}.fond-link,.fond-expiry{color:#ffffffb8;margin:0;font-size:18px}.fond-top-row{z-index:8;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:64px;right:64px}.fond-small-pill{color:#fffffff0;background:var(--wearable-button);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:106px;max-width:260px;height:46px;padding:0 26px;font-size:16px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 14px #ffffff2e,0 8px 20px #0000003d}.fond-sync-pill{background:var(--wearable-button)}.fond-settings-button{color:#fff;background:var(--wearable-button);cursor:pointer;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .16s,box-shadow .16s,transform .16s;display:grid;transform:scale(.95);box-shadow:inset 0 1px 14px #ffffff2e,0 8px 20px #0000003d}.fond-settings-button.is-selected,.fond-settings-button:hover,.fond-settings-button:focus-visible{background:radial-gradient(circle at 50% 20%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 36%, var(--wearable-hover-mid-b) 70%, var(--wearable-hover-bottom) 100%);transform:scale(1);box-shadow:inset 0 1px 14px #ffffff3d,0 10px 24px #00000052}.fond-settings-menu{z-index:20;background:#202126;border:1px solid #ffffff24;border-radius:16px;gap:4px;width:164px;padding:7px;display:grid;position:absolute;top:54px;right:0;box-shadow:0 18px 36px #00000075}.fond-settings-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:16px;display:flex}.fond-settings-menu button:hover,.fond-settings-menu button:focus-visible{background:#ffffff1a}.fond-user-pill,.fond-ingredients-pill{background:var(--accent)}.fond-grid{padding:78px 64px 32px}.fond-grid.has-folders{padding-top:78px;padding-bottom:0}.fond-grid.has-folders h1{margin-bottom:0}.fond-grid.is-opening-recipe{pointer-events:none;animation:.18s forwards fondFadeOut}.fond-grid h1{color:#fff;text-align:left;margin:0 0 4px;font-size:28px;font-weight:700;line-height:1}.fond-folder-section{margin:0 0 16px}.fond-grid.has-folders .fond-folder-section{margin-bottom:16px}.fond-folder-section h2{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1}.fond-grid.has-folders .fond-folder-section h2{margin-bottom:16px}.fond-folder-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fond-folder-card{--folder-color:#f29a45;--radial-shift-x:0%;--radial-shift-y:0%;color:#fff;background:linear-gradient(155deg, color-mix(in srgb, var(--folder-color) 72%, #fff) 0%, color-mix(in srgb, var(--folder-color) 68%, #30251f) 48%, color-mix(in srgb, var(--folder-color) 42%, #1f1916) 100%);min-width:0;height:56px;box-shadow:inset 0 1px 14px #ffffff2e, inset 0 -12px 20px color-mix(in srgb, var(--folder-color) 18%, #00000057);text-align:left;isolation:isolate;border:0;border-radius:18px;align-items:center;gap:10px;padding:0 16px;font-size:17px;font-weight:600;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;transform:scale(.95)}.fond-grid.has-folders .fond-folder-card{height:56px}.fond-folder-card:before{z-index:0;content:"";background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--folder-color) 58%, #fff) 0%, color-mix(in srgb, var(--folder-color) 78%, #f3dfcf) 33%, color-mix(in srgb, var(--folder-color) 68%, #493b32) 66%, color-mix(in srgb, var(--folder-color) 40%, #211a17) 100%);opacity:0;transform:translate(var(--radial-shift-x), var(--radial-shift-y));pointer-events:none;transition:opacity .15s,transform .24s;position:absolute;inset:-42%}.fond-folder-card>*{z-index:1;position:relative}.fond-folder-card>.fond-folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fond-folder-card.is-selected,.fond-folder-card.is-active,.fond-folder-card:hover,.fond-folder-card:focus-visible{transform:scale(1)}.fond-folder-card.is-selected:before,.fond-folder-card.is-active:before,.fond-folder-card:hover:before,.fond-folder-card:focus-visible:before{opacity:1}.fond-settings-view{background:#000;grid-template-rows:auto 1fr auto;gap:16px;padding:72px 68px 34px 70px;display:grid;position:absolute;inset:0}.fond-settings-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.fond-settings-header h1{margin:0;font-size:32px;font-weight:600}.fond-settings-header span{color:#ffffff9e;font-size:16px;font-weight:600}.fond-settings-list{align-content:start;gap:12px;display:grid}.fond-settings-row{color:#fff;background:var(--wearable-button);text-align:left;isolation:isolate;border:0;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:462px;height:100px;padding:12px 22px;transition:transform .22s;display:grid;position:relative;overflow:hidden;transform:scale(.96)}.fond-settings-row:before{z-index:0;content:"";background:radial-gradient(circle at 50% 50%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%);opacity:0;transition:opacity .15s,transform .24s;position:absolute;inset:-42%}.fond-settings-row:after{display:none}.fond-settings-row>*{z-index:2;position:relative}.fond-settings-row.is-selected,.fond-settings-row:hover,.fond-settings-row:focus-visible{transform:scale(1)}.fond-settings-row.is-selected:before,.fond-settings-row:hover:before,.fond-settings-row:focus-visible:before{opacity:1}.fond-settings-copy{gap:8px;display:grid}.fond-settings-copy strong{font-size:22px;font-weight:500}.fond-settings-copy small{color:#ffffff9e;font-size:16px}.fond-settings-back{color:#fff;background:var(--wearable-button);border:0;border-radius:999px;justify-self:center;min-width:126px;min-height:50px;font-size:18px;font-weight:600;transition:transform .18s,box-shadow .18s;transform:scale(.96)}.fond-settings-back.is-selected,.fond-settings-back:hover,.fond-settings-back:focus-visible{background:radial-gradient(circle at 50% 20%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 36%, var(--wearable-hover-mid-b) 70%, var(--wearable-hover-bottom) 100%);transform:scale(1);box-shadow:0 8px 20px #0000003d}.fond-list-alert{color:#ffffffb8;margin:-6px 4px 8px;font-size:14px}.fond-grid-window{height:438px;margin:0 -10px;padding:8px 10px 36px;position:relative;overflow:hidden}.fond-grid.has-folders .fond-grid-window{height:415px;padding-top:16px;padding-bottom:12px}.fond-grid-window:before,.fond-grid-window:after{content:"";z-index:5;pointer-events:none;height:30px;position:absolute;left:0;right:0}.fond-grid-window:before{display:none}.fond-grid-window.is-scrolled:before{background:linear-gradient(#000 0%,#000000c7 32%,#0000 100%);display:block;top:0}.fond-grid-window:after{background:linear-gradient(#0000 0%,#000000d1 66%,#000 100%);bottom:0}.fond-grid-window.is-at-end:after{display:none}.fond-grid-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid}.fond-grid-tile{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.fond-grid-card{--radial-shift-x:0%;--radial-shift-y:0%;background:var(--wearable-button);isolation:isolate;border-radius:22px;gap:12px;padding:10px 12px 12px;transition:transform .22s;display:grid;position:relative;overflow:hidden;transform:scale(.94)}.fond-grid-card:before{content:"";z-index:0;background:radial-gradient(circle at 50% 50%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%);opacity:0;transform:translate(var(--radial-shift-x), var(--radial-shift-y));pointer-events:none;transition:opacity .15s,transform .24s;position:absolute;inset:-42%}.fond-grid-tile.is-selected .fond-grid-card,.fond-grid-tile.is-leaving .fond-grid-card{transform:scale(1)}.fond-display-notice{z-index:30;color:#fff;background:#1f2024f0;border:1px solid #ffffff29;border-radius:999px;padding:10px 16px;font-size:14px;animation:.18s both fondFadeIn;position:absolute;bottom:22px;right:24px;box-shadow:0 12px 28px #00000061}.fond-grid-tile.is-selected .fond-grid-card:before,.fond-grid-tile.is-leaving .fond-grid-card:before{opacity:1;transform:translate(0)}.fond-grid-tile.is-leaving .fond-grid-card:before{opacity:0}.fond-grid-tile.move-right .fond-grid-card{--radial-shift-x:-24%;--radial-shift-y:0%}.fond-grid-tile.move-left .fond-grid-card{--radial-shift-x:24%;--radial-shift-y:0%}.fond-grid-tile.move-down .fond-grid-card{--radial-shift-x:0%;--radial-shift-y:-24%}.fond-grid-tile.move-up .fond-grid-card{--radial-shift-x:0%;--radial-shift-y:24%}.fond-grid-card>*{z-index:1;position:relative}.fond-grid-tile img,.fond-thumb-placeholder{aspect-ratio:1;object-fit:cover;background:#15191f;border-radius:14px;width:100%}.fond-grid-copy{gap:5px;min-height:48px;padding:0 2px;display:grid}.fond-grid-name{text-align:left;font-size:20px;font-weight:600;line-height:1.18;display:block}.fond-hover-marquee{white-space:nowrap;min-width:0;display:block;overflow:hidden}.fond-hover-marquee-track{min-width:max-content;transition:transform .24s ease-out;display:inline-block;transform:translate(0)}.fond-hover-marquee.can-scroll.is-active .fond-hover-marquee-track{animation:fondHoverMarquee var(--marquee-duration) linear .32s forwards}@keyframes fondHoverMarquee{0%{transform:translate(0)}to{transform:translateX(var(--marquee-distance))}}.fond-grid-date{color:#ffffff8f;text-align:left;font-size:16px;font-weight:400}.fond-empty-grid{color:#ffffff94;grid-column:1/-1;place-items:center;height:260px;font-size:20px;display:grid}.fond-left-scrollbar{z-index:8;opacity:0;background:var(--wearable-button);border-radius:999px;width:8px;height:156px;transition:opacity .16s;position:absolute;top:214px;left:28px;overflow:hidden}.fond-left-scrollbar.is-visible{opacity:1}.fond-left-scrollbar span{background:#ffffffdb;border-radius:999px;width:8px;height:48px;transition:transform .16s;display:block}.fond-recipe-header{z-index:12;justify-content:flex-start;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:22px;right:22px}.fond-recipe-title{flex:1;justify-content:flex-start;max-width:none;height:52px;padding-inline:30px;font-size:18px;font-weight:650;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000003d}.fond-recipe-header .fond-control{flex:0 0 52px;width:52px;height:52px}.fond-recipe-title span{white-space:nowrap;display:inline-block}.fond-recipe-title.is-scrolling span{animation:10s linear infinite fondMarquee}.fond-recipe-title.is-scrolling:before,.fond-recipe-title.is-scrolling:after{content:"";pointer-events:none;z-index:1;width:18px;position:absolute;top:0;bottom:0}.fond-recipe-title.is-scrolling:before{background:linear-gradient(to right, var(--wearable-button), #43383100);left:0}.fond-recipe-title.is-scrolling:after{background:linear-gradient(to left, var(--wearable-button), #43383100);right:0}.fond-ingredients{background:#000;padding:82px 39px 128px;position:absolute;inset:0;overflow:hidden}.fond-page-pill{background:radial-gradient(ellipse 125% 180% at 38% 0%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%);color:#ffffffdb;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:146px;max-width:286px;height:46px;padding:0 26px;font:600 16px/1 Arial,Helvetica,sans-serif;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fond-page-pill.fond-ingredients-pill{background:var(--accent)}.fond-ingredients-panel{color:#fff;background:radial-gradient(ellipse 68% 210% at 38% 0%, var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%), var(--wearable-button);border-radius:26px;width:522px;height:326px;margin:0 auto;padding:28px 30px;position:relative;overflow:hidden;box-shadow:inset 0 -10px 22px #9c733b40,inset 0 4px 22px #ffffff80,0 18px 34px #0000003d}.fond-ingredients-panel:before,.fond-ingredients-panel:after{content:"";z-index:4;pointer-events:none;height:30px;position:absolute;left:0;right:0}.fond-ingredients-panel:before{opacity:0;background:linear-gradient(#000 0%,#000000ad 32%,#0000 100%);top:0}.fond-ingredients-panel.is-scrolled:before{opacity:1}.fond-ingredients-panel:after{background:linear-gradient(#0000 0%,#000000bd 68%,#000 100%);bottom:0}.fond-ingredients-panel.is-at-end:after{opacity:0}.fond-ingredients-scroll{position:absolute;inset:28px 30px;overflow:hidden}.fond-ingredients-list{color:#ffffffe6;margin:0;padding:0 0 0 20px;font-size:21px;line-height:1.45;transition:transform .22s}.fond-ingredients-list li{margin-bottom:10px}.fond-ingredients-empty{color:#ffffff94;margin-left:-20px;list-style:none}.fond-pill-window{width:476px;height:112px;margin:0;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.fond-ingredients-scrollbar{z-index:8;opacity:0;background:var(--wearable-button);border-radius:999px;width:8px;height:96px;transition:opacity .16s;position:absolute;top:190px;right:24px;overflow:hidden}.fond-ingredients-scrollbar.is-visible{opacity:1}.fond-ingredients-scrollbar span{background:#ffffffdb;border-radius:999px;width:8px;height:32px;transition:top .16s;display:block;position:absolute;left:0}.fond-ingredients-scrollbar.is-at-start span{top:0!important}.fond-ingredients-scrollbar.is-at-end span{top:64px!important}.fond-pill-row{justify-content:center;align-items:center;gap:16px;width:max-content;min-width:100%;padding:16px 0;display:flex}.fond-pill-button{--grad-x:26%;--grad-y:-28%;background:var(--wearable-button);color:#fff;cursor:pointer;width:76px;height:76px;box-shadow:none;border:0;border-radius:999px;justify-content:flex-start;align-items:center;gap:0;padding:0;transition:width .26s cubic-bezier(.2,.8,.2,1),padding-right .26s cubic-bezier(.2,.8,.2,1),transform .26s,box-shadow .26s,--grad-x .22s,--grad-y .22s;display:flex;position:relative;overflow:hidden}.fond-pill-button:before,.fond-pill-button:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;inset:0}.fond-pill-button:before{background:radial-gradient(ellipse 62% 250% at var(--grad-x) var(--grad-y), var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%);z-index:1}.fond-pill-button:after{box-shadow:inset 0 -8px 20px #9c733b40, inset 2px 4px 22px var(--wearable-inner-light);z-index:2}.fond-pill-button>*{z-index:3;position:relative}.fond-pill-button.is-selected,.fond-pill-button.is-leaving{width:auto;min-width:0;padding-right:30px}.fond-pill-button.is-selected{box-shadow:0 14px 28px #00000057}.fond-pill-button.is-selected:before,.fond-pill-button.is-selected:after,.fond-pill-button.is-leaving:before,.fond-pill-button.is-leaving:after{opacity:1}.fond-pill-icon{flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid}.fond-pill-button.is-selected .fond-pill-icon,.fond-pill-button.is-leaving .fond-pill-icon{flex-basis:66px;width:66px}.fond-pill-label{opacity:0;text-align:left;white-space:nowrap;flex:none;min-width:0;font:700 20px/1 Arial,Helvetica,sans-serif;transition:opacity .16s,transform .22s;transform:translate(-8px)}.fond-pill-button.is-selected .fond-pill-label,.fond-pill-button.is-leaving .fond-pill-label{opacity:1;transform:translate(0)}.fond-steps-scrollbar{--thumb-top:0px;background:var(--wearable-button);opacity:0;pointer-events:none;z-index:8;border-radius:999px;width:8px;height:96px;transition:opacity .22s;position:absolute;top:50%;right:-18px;overflow:hidden;transform:translateY(-50%)}.fond-steps-scrollbar.is-visible{opacity:1}.fond-steps-scrollbar-thumb{background:#ffffffdb;border-radius:999px;width:8px;height:48px;transition:top .16s;position:absolute;left:0}.fond-steps-scrollbar.is-at-start .fond-steps-scrollbar-thumb{height:32px;top:0!important}.fond-steps-scrollbar.is-at-end .fond-steps-scrollbar-thumb{height:32px;top:64px!important}.fond-control.is-selected:before,.fond-control.is-selected:after,.fond-control.is-leaving:before,.fond-control.is-leaving:after{opacity:1}.fond-recipe-main{grid-template-columns:264px minmax(0,1fr);gap:14px;display:grid;position:absolute;inset:76px 32px 20px 24px}.fond-video-frame{background:#090b0f;border-radius:18px;height:470px;transition:box-shadow .16s,transform .18s;position:relative;overflow:hidden;transform:scale(.96);box-shadow:0 14px 28px #00000052}.fond-video-frame:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:2;transition:opacity .16s;position:absolute;inset:0;box-shadow:inset 0 0 24px #ffffffb8}.fond-video-frame.is-selected:after,.fond-video-frame.is-leaving:after{opacity:1}.fond-video-frame.is-selected,.fond-video-frame.is-leaving{transform:scale(1)}.fond-video{z-index:0;object-fit:cover;background:#090b0f;width:100%;height:100%;display:block;position:relative}.fond-tiktok-player{border:0}.fond-video-poster{z-index:1;object-fit:cover;pointer-events:none;background:#090b0f;width:100%;height:100%;transition:opacity .14s;position:absolute;inset:0}.fond-video-poster.is-hidden{opacity:0}.fond-video-loading{color:#ffffffb3;place-items:center;width:100%;height:100%;display:grid}.fond-video-tap{z-index:3;color:#fff;background:#00000073;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:10px;right:10px}.fond-rewind-flash{z-index:4;background:#000000b8;border-radius:999px;padding:8px 14px;font-size:18px;font-weight:700;animation:.7s fondFlash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fond-steps-panel{--grad-x:34%;--grad-y:0%;background:var(--wearable-button);border-radius:22px;height:470px;transition:--grad-x .22s,--grad-y .22s,border-radius .16s,box-shadow .16s,transform .18s;position:relative;overflow:visible;transform:scale(.96);box-shadow:inset 0 -10px 24px #9c733b40,inset 0 4px 22px #ffffff38}.fond-steps-panel.is-scrolled{border-top-left-radius:0;border-top-right-radius:0}.fond-steps-panel:not(.is-at-end){border-bottom-right-radius:0;border-bottom-left-radius:0}.fond-steps-panel.is-selected{box-shadow:inset 0 0 0 999px #ffffff0d, inset 0 -10px 24px #9c733b40, inset 3px 3px 22px var(--wearable-inner-light), 0 14px 28px #00000052;transform:scale(1)}.fond-steps-panel.is-leaving{transform:scale(1);box-shadow:inset 0 0 0 999px #ffffff0a,inset 0 -10px 24px #9c733b40,inset 3px 3px 22px #ffffff75}.fond-steps-panel:before,.fond-steps-panel:after{content:"";z-index:5;pointer-events:none;height:22px;position:absolute;left:0;right:0}.fond-steps-panel:before{opacity:0;background:linear-gradient(#000 0%,#000000b8 28%,#0000 100%);border-radius:22px 22px 0 0;top:0}.fond-steps-panel.is-scrolled:before{opacity:1}.fond-steps-panel:after{background:linear-gradient(#0000 0%,#000000d1 66%,#000 100%);border-radius:0 0 22px 22px;bottom:0}.fond-steps-panel.is-at-end:after{opacity:0}.fond-steps-panel.is-scrolled:before,.fond-steps-panel:not(.is-at-end):after{border-radius:0}.fond-steps-panel.is-at-end:after{border-radius:0 0 22px 22px}.fond-steps-scroll{border-radius:0;position:absolute;inset:24px 18px 20px;overflow:hidden}.fond-steps-scroll ol{color:#ffffffd1;margin:0;padding:0 0 0 24px;font-size:25px;line-height:1.34;transition:transform .22s}.fond-steps-scroll li{margin-bottom:16px}.fond-control,.fond-round-action{--grad-x:34%;--grad-y:0%;color:#fff;background:var(--wearable-button);border:0;border-radius:999px;place-items:center;width:46px;height:46px;transition:--grad-x .22s,--grad-y .22s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -7px 18px #9c733b40,inset 2px 2px 18px #ffffff75}.fond-control:before,.fond-control:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.fond-control:before{z-index:1;background:radial-gradient(ellipse 70% 180% at var(--grad-x) var(--grad-y), var(--wearable-hover-top) 0%, var(--wearable-hover-mid-a) 33%, var(--wearable-hover-mid-b) 66%, var(--wearable-hover-bottom) 100%)}.fond-control:after{z-index:2;box-shadow:inset 0 -8px 20px #9c733b40, inset 3px 3px 22px var(--wearable-inner-light)}.fond-control svg{z-index:3;position:relative}.fond-loading,.fond-success,.fond-error{text-align:center;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.fond-loading-dots{justify-content:center;align-items:center;gap:14px;display:flex}.fond-loading-dots span{background:#ffffffe0;border-radius:999px;width:18px;height:18px;animation:.96s ease-in-out infinite fondDotPulse}.fond-loading-dots span:nth-child(2){animation-delay:.12s}.fond-loading-dots span:nth-child(3){animation-delay:.24s}.fond-loading p,.fond-success p,.fond-error p{color:#ffffffb8;margin:0;font-size:21px;position:absolute;top:344px}.fond-recipe.is-exiting{pointer-events:none;animation:.18s forwards fondFadeOut}.fond-hidden-unlink{width:1px;height:1px;position:absolute;left:-999px;overflow:hidden}@keyframes fondMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fondDotPulse{0%,80%,to{opacity:.32;transform:translateY(0)scale(.8)}40%{opacity:1;transform:translateY(-5px)scale(1)}}@keyframes fondFadeOut{0%{opacity:1}to{opacity:0}}@keyframes fondFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@media (max-width:720px){.portal-recipe-grid{grid-template-columns:1fr}.modal-overlay{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh}.recipe-form{grid-template-columns:1fr}}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portalListIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1400px){.portal-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1080px){.portal-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-modal-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}}@media (max-width:980px){.library-content{padding:32px 28px 56px}.recipe-toolbar{flex-wrap:wrap}.view-toggle{margin-left:0}.add-recipe-button{margin-left:auto}}@media (max-width:720px){.dashboard-portal .portal-header{flex-direction:row;align-items:center;min-height:72px;padding:0 14px}.dashboard-portal .brand-lockup img{width:42px;height:42px}.dashboard-portal .nav{flex-wrap:nowrap}.dashboard-portal .nav a,.dashboard-portal .nav button{width:40px;height:40px}.dashboard-library,.dashboard-library.sidebar-is-collapsed{--sidebar-width:64px}.library-nav-stack{padding:14px 8px 64px}.library-nav-item,.sidebar-is-collapsed .library-nav-item{width:48px;padding:0 8px}.library-nav-item span,.sidebar-toggle,.library-folder-row .folder-star-button{display:none}.library-folder-row .library-nav-item{padding-right:8px}.library-content{padding:24px 16px 48px}.folder-card-row{gap:12px}.folder-card{width:196px;min-width:196px}.recipe-search{width:100%}.recipe-sort,.custom-select{flex:1}.custom-select .recipe-sort{width:100%}.add-recipe-button{margin-left:0}.portal-recipe-grid.is-list .portal-recipe-card{grid-template-columns:88px minmax(0,1fr)}.portal-recipe-grid.is-list .portal-recipe-card img,.portal-recipe-grid.is-list .portal-recipe-thumb{width:88px}.portal-recipe-grid.is-list .portal-row-actions{grid-column:1/-1}.portal-recipe-card .favorite-button{opacity:1;transform:none}.portal-recipe-card .portal-row-actions{justify-content:space-between}.recipe-card-menu{top:calc(100% + 7px);bottom:auto}.portal-recipe-grid,.recipe-modal-layout{grid-template-columns:1fr}.recipe-video-panel{grid-row:1;position:static}.recipe-video-frame{width:min(220px,70vw)}.dashboard-library .modal{border-radius:12px 12px 0 0}.library-toast{bottom:16px;right:16px}.preview-utility-page{width:min(100% - 32px,1120px);padding:28px 0 48px}.preview-card-grid{grid-template-columns:1fr}.preview-action-card{min-height:0}.linked-device-card{flex-direction:column;align-items:flex-start}.portal-action-overlay{align-items:flex-end}.modal.portal-action-modal{border-radius:12px 12px 0 0;width:100%;max-height:92vh}.portal-action-body{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fond-figma-landing{--figma-orange:#ff852d;--figma-ink:#050505;--figma-copy:#42372d;--figma-cream:#fff7f0;--figma-line:#c9bcac;--fond-page-gutter:72px;--fond-card-width:1320px;--fond-stroke:1.5px;min-height:100vh;color:var(--figma-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.fond-figma-landing a{color:inherit;text-decoration:none}.fond-figma-header{z-index:20;background:#fff;height:76px;position:relative}.fond-figma-header-inner{width:min(calc(100% - (var(--fond-page-gutter) * 2)), var(--fond-card-width));grid-template-columns:1fr auto 1fr;align-items:center;height:100%;margin:0 auto;display:grid}.fond-figma-logo{align-items:center;gap:9px;width:max-content;font-size:16px;font-weight:600;display:inline-flex}.fond-figma-logo img{width:36px;height:36px}.fond-figma-header nav{gap:48px;font-size:13px;font-weight:400;display:flex}.fond-figma-header nav a{transition:color .16s}.fond-figma-header nav a:hover{color:var(--figma-orange)}.fond-figma-header .fond-figma-button{justify-self:end}.fond-figma-button{border:var(--fond-stroke) solid transparent;min-width:156px;min-height:40px;font:inherit;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.fond-figma-button.is-primary{color:#fff;background:var(--figma-orange)}.fond-figma-button.is-secondary{color:#000;background:#fff;border-color:#d7deeb;min-width:195px}.fond-figma-button:hover{transform:translateY(-1px)}.fond-figma-button.is-primary:hover{background:#ff7043}.fond-figma-button.is-secondary:hover{border-color:var(--figma-orange);color:#fff;background:var(--figma-orange)}.fond-figma-button:focus-visible{outline-offset:3px;outline:3px solid #ff852d47}.fond-figma-hero{background:#fff;justify-content:center;height:897px;padding:40px 0;display:flex;position:relative}.fond-figma-hero-card{width:min(calc(100% - (var(--fond-page-gutter) * 2)), var(--fond-card-width));border:var(--fond-stroke) solid var(--figma-line);background:var(--figma-cream);border-radius:16px;flex-direction:column;align-items:center;height:817px;margin:0 auto;padding:80px 40px 0;display:flex;overflow:hidden}.fond-figma-hero-copy{z-index:4;text-align:center;flex-direction:column;align-items:center;width:min(675px,100%);display:flex;position:relative}.fond-figma-hero h1{letter-spacing:-.035em;max-width:620px;margin:0;font-size:clamp(42px,4vw,52px);font-weight:600;line-height:1}.fond-figma-hero h1 span{color:var(--figma-orange);display:block}.fond-figma-hero p{max-width:610px;color:var(--figma-copy);margin:24px 0 0;font-size:18px;line-height:1.5}.fond-figma-actions{justify-content:center;gap:24px;margin-top:24px;display:flex}.fond-figma-hero-dashboard{clip-path:inset(0 0 5px round 4px 4px 0 0);border:0;border-radius:4px 4px 0 0;width:min(818px,76%);height:auto;margin-top:78px;margin-bottom:-5px;box-shadow:0 12px 36px #55361f0f}.fond-figma-overview{height:873px;padding:136px var(--fond-page-gutter) 96px;background:#fff;scroll-margin-top:76px}.fond-figma-overview-copy{text-align:center;width:min(844px,100%);margin:0 auto}.fond-figma-overview h2,.fond-figma-feature-copy h2,.fond-figma-final h2{letter-spacing:-.04em;margin:0;font-size:clamp(36px,3.45vw,48px);font-weight:600;line-height:1}.fond-figma-overview p,.fond-figma-feature-copy p,.fond-figma-final p{color:var(--figma-copy);margin:24px 0 0;font-size:18px;line-height:1.45}.fond-figma-flow{grid-template-columns:205px minmax(160px,1fr) 185px minmax(160px,1fr) 292px;align-items:center;width:min(1140px,100%);height:345px;margin:58px auto 0;display:grid;position:relative}.fond-flow-media{z-index:2;background:0 0;border:0;border-radius:0;justify-self:center;display:grid;position:relative;overflow:visible}.fond-flow-media>img{width:100%;height:auto;display:block;transform:none}.fond-flow-media.is-reel{grid-area:1/1;width:181px}.fond-flow-media.is-card{grid-area:1/3;width:185px}.fond-flow-display{z-index:2;object-fit:contain;border:0;border-radius:0;grid-area:1/5;justify-self:center;width:292px;max-width:100%;max-height:323px;display:block;position:relative;transform:none}.fond-flow-line{z-index:1;width:100%;height:var(--fond-stroke);background-image:repeating-linear-gradient(90deg, var(--figma-line) 0 7px, transparent 7px 14px);background-position:0 0;animation:.9s linear infinite fond-dash-flow-x;position:relative}.fond-flow-action{z-index:3;border:var(--fond-stroke) solid var(--figma-line);background:#fff;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:8px;min-width:149px;min-height:44px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.fond-flow-line.is-copy,.fond-flow-action.is-copy{grid-area:1/2}.fond-flow-line.is-add,.fond-flow-action.is-add{grid-area:1/4}.fond-figma-feature{background:#fff;height:728px;padding:40px 0}.fond-figma-feature-card{width:min(calc(100% - (var(--fond-page-gutter) * 2)), var(--fond-card-width));border:var(--fond-stroke) solid var(--figma-line);background:var(--figma-cream);border-radius:16px;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:center;gap:48px;height:648px;margin:0 auto;padding:80px;display:grid;overflow:hidden}.fond-figma-feature-copy{z-index:3;width:min(386px,100%);position:relative}.fond-figma-feature-copy p{max-width:386px}.fond-feature-benefits{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.fond-feature-benefits li{color:var(--figma-copy);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:16px;line-height:1.45;display:grid}.fond-feature-benefits svg{color:var(--figma-orange);stroke-width:2px;margin-top:3px}.fond-figma-feature-copy>.fond-figma-button{margin-top:28px}.fond-figma-feature-visual{height:100%;position:relative}.fond-figma-feature-visual.is-add-recipe{place-items:center;display:grid}.fond-figma-feature-visual.is-add-recipe img{border:var(--fond-stroke) solid var(--figma-line);border-radius:10px;width:min(618px,100%)}.fond-figma-feature.is-organize .fond-figma-feature-card{grid-template-columns:minmax(0,1fr) minmax(0,1.38fr)}.fond-figma-feature.is-organize .fond-figma-feature-copy{margin-left:0}.fond-figma-feature-visual.is-organize{overflow:visible}.fond-organize-dashboard{border:var(--fond-stroke) solid var(--figma-line);border-radius:10px;width:1080px;max-width:none;position:absolute;top:105px;left:270px}.fond-organize-settings{z-index:2;border:var(--fond-stroke) solid var(--figma-line);border-radius:10px;width:280px;position:absolute;top:75px;left:0;box-shadow:0 8px 30px #3f29190d}.fond-faq{background:var(--figma-cream);height:728px;padding:80px 0;scroll-margin-top:76px}.fond-faq-inner{width:min(calc(100% - (var(--fond-page-gutter) * 2)), var(--fond-card-width));grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:80px;height:100%;margin:0 auto;display:grid}.fond-faq-list{border-top:var(--fond-stroke) solid #6f4a18}.fond-faq-item{border-bottom:var(--fond-stroke) solid #6f4a18;overflow:hidden}.fond-faq-question{color:#201913;width:100%;min-height:58px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:0;font-size:17px;font-weight:600;display:flex}.fond-faq-question:focus-visible{background:#ff852d1a;outline:0}.fond-faq-answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1),opacity .18s;display:grid}.fond-faq-answer>div{overflow:hidden}.fond-faq-item.is-open .fond-faq-answer{opacity:1;grid-template-rows:1fr}.fond-faq-heading h2{letter-spacing:-.04em;max-width:430px;margin:0;font-size:clamp(36px,3.45vw,48px);font-weight:600;line-height:1}.fond-faq-question svg{color:#6f4a18;opacity:1;flex:none;transition:transform .24s}.fond-faq-item.is-open .fond-faq-question svg{transform:rotate(180deg)}.fond-faq-answer p{color:var(--figma-copy);margin:0 42px 22px 0;font-size:15px;line-height:1.6}.fond-figma-final{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:536px;padding:96px 24px;display:flex}.fond-figma-final h2{max-width:675px}.fond-figma-final p{max-width:610px}.fond-figma-landing>.prototype-footer{background:#fff;border-top:1px solid #e3d6ca}.fond-figma-hero-dashboard[data-fond-reveal],.fond-figma-feature-visual img[data-fond-reveal]{will-change:opacity, transform;transition-duration:.8s;transform:translateY(34px)scale(.975)}.fond-figma-hero-dashboard[data-fond-reveal]{--fond-delay:.14s}.fond-figma-feature-visual.is-add-recipe img[data-fond-reveal],.fond-organize-dashboard[data-fond-reveal]{--fond-delay:.1s}.fond-organize-settings[data-fond-reveal]{--fond-delay:.22s}.fond-figma-hero-dashboard[data-fond-reveal].is-visible,.fond-figma-feature-visual img[data-fond-reveal].is-visible{transform:translateY(0)scale(1)}@keyframes fond-dash-flow-x{to{background-position:14px 0}}@keyframes fond-dash-flow-y{to{background-position:0 14px}}@media (min-width:1081px){.fond-figma-landing{--fond-page-gutter:clamp(72px, 6vw, 96px);--fond-card-width:1280px}.fond-figma-hero h1{font-size:clamp(42px,3.35vw,50px);line-height:1.02}.fond-figma-overview h2,.fond-figma-feature-copy h2,.fond-figma-final h2,.fond-faq-heading h2{font-size:clamp(36px,2.85vw,44px);line-height:1.04}.fond-figma-overview p,.fond-figma-final p{font-size:17px}.fond-figma-feature-card{gap:56px;padding:clamp(72px,5vw,80px)}.fond-figma-feature-copy{width:min(404px,100%)}.fond-faq-inner{gap:72px}}@media (max-width:1080px){.fond-figma-landing{--fond-page-gutter:32px}.fond-figma-feature-card{padding:64px}.fond-figma-flow{grid-template-columns:170px minmax(145px,1fr) 160px minmax(145px,1fr) 250px}.fond-faq-inner{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:54px}}@media (max-width:760px){.fond-figma-landing{--fond-page-gutter:16px}.fond-figma-header{height:68px}.fond-figma-header-inner{grid-template-columns:1fr auto}.fond-figma-header nav{display:none}.fond-figma-header .fond-figma-button{min-width:126px;min-height:40px;padding:0 14px}.fond-figma-hero{height:auto;min-height:722px;padding:16px 0}.fond-figma-hero-card{width:calc(100% - 32px);height:auto;min-height:690px;padding:72px 20px 0}.fond-figma-hero h1{font-size:40px}.fond-figma-hero p{font-size:17px}.fond-figma-hero-dashboard{width:100%;max-width:100%;margin-top:64px}.fond-figma-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}.fond-figma-actions .fond-figma-button{width:100%}.fond-figma-overview{height:auto;min-height:0;padding:110px 20px 96px}.fond-figma-overview h2,.fond-figma-feature-copy h2,.fond-figma-final h2{font-size:38px}.fond-figma-overview p,.fond-figma-feature-copy p,.fond-figma-final p{font-size:17px}.fond-figma-flow{flex-direction:column;align-items:center;gap:18px;height:auto;margin-top:70px;display:flex}.fond-figma-flow:before{z-index:0;width:var(--fond-stroke);background-image:repeating-linear-gradient(180deg, var(--figma-line) 0 7px, transparent 7px 14px);content:"";background-position:0 0;animation:.9s linear infinite fond-dash-flow-y;position:absolute;top:64px;bottom:64px;left:50%;transform:translate(-50%)}.fond-flow-media.is-reel{width:min(158px,54vw)}.fond-flow-media.is-card{width:min(192px,66vw)}.fond-flow-display{width:min(210px,72vw);max-height:none}.fond-flow-line{display:none}.fond-flow-action{order:initial;position:static}.fond-flow-media.is-reel{order:1}.fond-flow-action.is-copy{order:3}.fond-flow-media.is-card{order:4}.fond-flow-action.is-add{order:6}.fond-flow-display{order:7}.fond-figma-feature,.fond-figma-feature.is-organize{height:auto;min-height:692px;padding:16px 0}.fond-figma-feature-card,.fond-figma-feature.is-organize .fond-figma-feature-card{grid-template-columns:1fr;gap:32px;width:calc(100% - 32px);height:auto;min-height:660px;padding:58px 24px}.fond-figma-feature-copy,.fond-figma-feature.is-organize .fond-figma-feature-copy{width:100%;margin:0}.fond-figma-feature-copy{order:1}.fond-figma-feature-visual{order:2;min-height:350px}.fond-figma-feature-visual.is-add-recipe{padding:0}.fond-figma-feature-visual.is-organize{margin:0 -24px -58px 0}.fond-figma-feature-copy>.fond-figma-button{width:100%}.fond-organize-settings{width:46%;top:66px;left:4%}.fond-organize-dashboard{width:900px;top:100px;left:48%}.fond-faq{height:auto;min-height:0;padding:90px 16px}.fond-faq-inner{grid-template-columns:1fr;gap:48px;width:100%;height:auto}.fond-faq-heading h2{font-size:40px}.fond-faq-question{font-size:17px}.fond-figma-final{min-height:540px}}@media (prefers-reduced-motion:reduce){.fond-flow-line,.fond-figma-flow:before{animation:none}[data-fond-reveal]{opacity:1;transform:none}.fond-figma-hero-dashboard[data-fond-reveal],.fond-figma-feature-visual img[data-fond-reveal]{transition:none;transform:none}}.fond-marketing{--fond-orange:#ff852d;--fond-orange-dark:#db6516;--fond-cream:#fff8f1;--fond-ink:#17130f;--fond-copy:#6f6257;min-height:100vh;color:var(--fond-ink);background:#fffdfb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:clip}.fond-marketing a{color:inherit;text-decoration:none}.fond-marketing-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfbe6;border-bottom:1px solid #eadfd4;height:78px;position:relative}.fond-marketing-header-inner,.fond-marketing-hero-inner,.fond-marketing-section-inner{width:min(1200px,100% - 48px);margin:0 auto}.fond-marketing-header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.fond-marketing-logo{align-items:center;gap:12px;font-size:23px;font-weight:650;display:inline-flex}.fond-marketing-logo img{object-fit:cover;border-radius:50%;width:40px;height:40px}.fond-marketing-nav{align-items:center;gap:36px;font-size:15px;font-weight:550;display:flex}.fond-marketing-nav>a:not(.fond-marketing-button){transition:color .16s}.fond-marketing-nav>a:not(.fond-marketing-button):hover{color:var(--fond-orange-dark)}.fond-marketing-button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:15px;font-weight:650;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.fond-marketing-button.is-primary{color:#fff;background:var(--fond-orange);box-shadow:0 10px 24px #ff852d33}.fond-marketing-button.is-primary:hover{background:var(--fond-orange-dark);transform:translateY(-2px);box-shadow:0 14px 30px #db651640}.fond-marketing-button.is-secondary{color:var(--fond-ink);background:#fff;border-color:#d9cbbd}.fond-marketing-button.is-secondary:hover{border-color:var(--fond-orange);color:var(--fond-orange-dark);transform:translateY(-2px)}.fond-marketing-hero{background:radial-gradient(circle at 84% 15%,#ffb26b38,#0000 30%),linear-gradient(#fffdfb,#fff8f1);position:relative}.fond-marketing-hero-inner{grid-template-columns:minmax(0,620px) 520px;justify-content:space-between;align-items:center;gap:56px;min-height:690px;padding:70px 0 76px;display:grid}.fond-marketing-hero-copy h1{letter-spacing:-.055em;max-width:620px;margin:22px 0 0;font-size:clamp(54px,5.4vw,76px);font-weight:560;line-height:.98}.fond-marketing-hero-copy>p{max-width:585px;color:var(--fond-copy);margin:26px 0 0;font-size:20px;line-height:1.55}.fond-marketing-eyebrow{color:var(--fond-orange-dark);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:750;display:inline-flex}.fond-marketing-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.fond-marketing-hero-visual{place-items:center;width:520px;height:520px;display:grid;position:relative}.fond-marketing-orbit{border:1px solid #ff852d38;border-radius:50%;animation:18s linear infinite fondOrbit;position:absolute}.fond-marketing-orbit:after{content:"";background:var(--fond-orange);border-radius:50%;width:13px;height:13px;position:absolute;top:12%;left:11%;box-shadow:0 0 0 8px #ff852d1a}.fond-marketing-orbit.orbit-one{inset:0}.fond-marketing-orbit.orbit-two{animation-duration:13s;animation-direction:reverse;inset:44px}.fond-landing-display{z-index:2;color:#fff;background:#000;border:8px solid #171513;border-radius:36px;width:470px;height:470px;padding:62px 34px 28px;position:relative;overflow:hidden;box-shadow:0 38px 80px #321f1147}.fond-landing-display-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:34px;right:34px}.fond-landing-display-top>span:first-child{background:var(--fond-orange);border-radius:999px;place-items:center;min-width:105px;height:38px;font-size:13px;display:grid}.fond-landing-display-settings{background:#433831;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.fond-landing-display-folders small{color:#ffffffa6;margin-bottom:7px;font-size:12px;display:block}.fond-landing-display-folders>div{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.fond-landing-display-folders span{white-space:nowrap;background:#433831;border-radius:13px;align-items:center;gap:7px;height:43px;padding:0 12px;font-size:12px;font-weight:650;display:flex;overflow:hidden}.fond-landing-display-title{margin:16px 0 10px;font-size:20px;display:block}.fond-landing-display-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.fond-landing-display-grid button{color:#fff;text-align:left;background:#433831;border:0;border-radius:14px;gap:5px;min-width:0;padding:7px 7px 9px;transition:transform .22s,box-shadow .22s;display:grid;transform:scale(.94)}.fond-landing-display-grid button.is-selected{transform:scale(1);box-shadow:inset 0 0 18px #ffffff38}.fond-landing-recipe-art{aspect-ratio:1.6;color:#fff;background:radial-gradient(circle at 70% 20%, #ffffff4d, transparent 24%), var(--recipe-color);border-radius:9px;place-items:center;width:100%;display:grid}.fond-landing-display-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fond-landing-display-grid small{color:#ffffff8c;font-size:10px}.fond-marketing-setup{background:#fff0df;scroll-margin-top:78px}.fond-marketing-section-inner{padding:112px 0 122px}.fond-marketing-heading{text-align:center;flex-direction:column;align-items:center;max-width:830px;margin:0 auto;display:flex}.fond-marketing-heading>span,.fond-marketing-cta>span,.fond-marketing-feature-copy>span{color:var(--fond-orange-dark);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.fond-marketing-heading h2,.fond-marketing-cta h2{letter-spacing:-.05em;margin:18px 0 0;font-size:clamp(44px,4.8vw,62px);font-weight:560;line-height:1.02}.fond-marketing-heading p{max-width:690px;color:var(--fond-copy);margin:24px 0 0;font-size:18px;line-height:1.55}.fond-marketing-steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:78px;display:grid}.fond-marketing-steps article{text-align:center;justify-items:center;display:grid}.fond-marketing-step-icon{width:96px;height:96px;color:var(--fond-orange-dark);background:#ffffffc2;border:1px solid #efd1b3;border-radius:26px;place-items:center;display:grid;box-shadow:0 16px 34px #824a1e14}.fond-marketing-steps article>span{color:#fff;background:var(--fond-orange);border-radius:50%;place-items:center;width:38px;height:38px;margin-top:24px;font-size:13px;font-weight:800;display:grid}.fond-marketing-steps h3{letter-spacing:-.035em;margin:14px 0 0;font-size:28px;font-weight:600}.fond-marketing-steps p{max-width:330px;color:var(--fond-copy);margin:12px 0 0;font-size:16px;line-height:1.55}.fond-marketing-features{background:#fffdfb;scroll-margin-top:78px}.fond-marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:72px;display:grid}.fond-marketing-feature-card{background:#f8f1ea;border:1px solid #e5d9ce;border-radius:22px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 16px 46px #3d27160f}.fond-marketing-feature-card.is-wide{grid-column:1/-1;grid-template-columns:.72fr 1.28fr;min-height:520px}.fond-marketing-feature-copy{z-index:2;padding:36px 38px 24px;position:relative}.fond-marketing-feature-copy h3{letter-spacing:-.04em;max-width:520px;margin:13px 0 0;font-size:31px;font-weight:590;line-height:1.08}.fond-marketing-feature-copy p{max-width:490px;color:var(--fond-copy);margin:15px 0 0;font-size:16px;line-height:1.55}.fond-marketing-feature-visual{place-items:center;min-height:0;padding:20px 28px 34px;display:grid}.fond-marketing-feature-visual.is-display{padding:16px 36px 36px}.fond-marketing-feature-card.is-wide .fond-marketing-feature-visual{padding:40px 40px 40px 0}.fond-landing-dashboard-visual{background:#fff;border:1px solid #d8c9bb;border-radius:14px;grid-template-columns:124px 1fr;width:100%;max-width:690px;min-height:355px;transition:transform .26s;display:grid;overflow:hidden;transform:rotate(-1.3deg);box-shadow:0 22px 48px #4b301a24}.fond-marketing-feature-card:hover .fond-landing-dashboard-visual{transform:rotate(0)translateY(-4px)}.fond-landing-dashboard-visual aside{border-right:1px solid #e0d3c7;flex-direction:column;gap:9px;padding:15px 10px;font-size:10px;display:flex}.fond-landing-dashboard-visual aside div{align-items:center;gap:6px;margin-bottom:10px;display:flex}.fond-landing-dashboard-visual aside img{border-radius:50%;width:24px;height:24px}.fond-landing-dashboard-visual aside>span{border-radius:6px;padding:8px}.fond-landing-dashboard-visual aside>span.is-active{color:#fff;background:var(--fond-orange)}.fond-landing-dashboard-visual section{padding:24px}.fond-landing-dashboard-visual header{justify-content:space-between;font-size:12px;display:flex}.fond-landing-dashboard-visual header span{color:var(--fond-copy)}.fond-landing-mini-folders{gap:10px;margin-top:16px;display:flex}.fond-landing-mini-folders span{border:1px solid #dfd0c3;border-radius:8px;flex:1;padding:12px;font-size:10px}.fond-landing-mini-recipes{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.fond-landing-mini-recipes>span{border:1px solid #dfd0c3;border-radius:9px;gap:7px;padding:7px;display:grid}.fond-landing-mini-recipes i{aspect-ratio:1.4;background:var(--recipe-color);border-radius:6px;display:block}.fond-landing-mini-recipes strong{font-size:9px}.fond-landing-mini-recipes small{color:var(--fond-copy);font-size:8px}.fond-landing-import-visual{background:#fff;border:1px solid #d9c9bc;border-radius:16px;grid-template-columns:1fr 136px;gap:18px;width:100%;max-width:500px;padding:20px;display:grid;box-shadow:0 20px 42px #4b301a1f}.fond-landing-import-visual>div{align-content:start;gap:11px;display:grid}.fond-landing-import-badge{color:var(--fond-orange-dark);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.fond-landing-import-visual>div>strong{font-size:20px}.fond-landing-import-visual label{color:var(--fond-copy);gap:4px;font-size:10px;display:grid}.fond-landing-import-visual label span{color:#54473d;text-overflow:ellipsis;white-space:nowrap;background:#fffdfb;border:1px solid #dfd2c7;border-radius:7px;padding:9px;overflow:hidden}.fond-landing-import-visual button{color:#fff;background:var(--fond-orange);border:0;border-radius:7px;justify-self:start;padding:9px 14px;font-size:10px}.fond-landing-import-visual aside{aspect-ratio:9/16;color:#fff;text-align:center;background:linear-gradient(160deg,#2b2723,#111);border-radius:12px;align-content:center;place-items:center;gap:8px;font-size:10px;display:grid}.fond-landing-display.is-compact{aspect-ratio:1;border-width:6px;border-radius:24px;width:min(390px,100%);height:auto;padding:52px 28px 22px;box-shadow:0 22px 48px #321f1133}.fond-landing-display.is-compact .fond-landing-display-top{top:12px;left:28px;right:28px}.fond-landing-display.is-compact .fond-landing-display-top>span:first-child{height:32px}.fond-landing-display.is-compact .fond-landing-display-settings{width:32px;height:32px}.fond-landing-display.is-compact .fond-landing-display-folders span{height:35px;font-size:10px}.fond-landing-display.is-compact .fond-landing-display-title{margin:10px 0 7px;font-size:16px}.fond-landing-display.is-compact .fond-landing-display-grid{gap:7px}.fond-landing-display.is-compact .fond-landing-display-grid button{padding:5px 5px 7px}.fond-landing-display.is-compact .fond-landing-display-grid strong{font-size:10px}.fond-landing-display.is-compact .fond-landing-display-grid small{font-size:8px}.fond-marketing-folder-feature{background:linear-gradient(130deg,#fff3e7,#f8e5d2);position:relative;overflow:hidden}.fond-marketing-folder-demo{align-content:center;gap:18px;padding:60px;display:grid;position:relative}.fond-marketing-folder-demo>span{color:#fff;background:#433831;border:1px solid #d8b996;border-radius:16px;align-items:center;gap:14px;width:min(420px,100%);min-height:82px;padding:0 24px;font-size:18px;font-weight:650;transition:transform .24s;display:flex;box-shadow:0 18px 34px #482d172e}.fond-marketing-folder-demo>span:nth-child(2){margin-left:84px}.fond-marketing-folder-feature:hover .fond-marketing-folder-demo>span:first-child{transform:translate(12px)}.fond-marketing-folder-feature:hover .fond-marketing-folder-demo>span:nth-child(2){transform:translate(-12px)}.fond-marketing-heart{color:var(--fond-orange);filter:drop-shadow(0 9px 18px #db651633);animation:2.4s ease-in-out infinite fondHeart;position:absolute;top:38px;right:38px}.fond-marketing-cta{text-align:center;background:radial-gradient(circle at 50% 0,#ffae6140,#0000 38%),#fff7ef;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:90px 24px;display:flex}.fond-marketing-cta h2{max-width:850px}.fond-marketing-cta p{max-width:690px;color:var(--fond-copy);margin:25px 0 0;font-size:19px;line-height:1.55}.fond-marketing-cta .fond-marketing-actions{justify-content:center}.fond-marketing-footer{min-height:104px;color:var(--fond-copy);background:#fffdfb;border-top:1px solid #e5d8cc;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px max(24px,50% - 600px);font-size:14px;display:grid}.fond-marketing-footer>a:last-child{justify-self:end}[data-fond-reveal]{opacity:0;transition:opacity .74s cubic-bezier(.22,1,.36,1) var(--fond-delay,0s), transform .82s cubic-bezier(.22,1,.36,1) var(--fond-delay,0s);transform:translateY(28px)}[data-fond-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes fondOrbit{to{transform:rotate(360deg)}}@keyframes fondHeart{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (max-width:1080px){.fond-marketing-hero-inner{grid-template-columns:minmax(0,1fr) 430px}.fond-marketing-hero-visual{width:430px;height:430px}.fond-landing-display{width:400px;height:400px;padding:54px 28px 22px}.fond-landing-display-top{top:12px;left:28px;right:28px}.fond-landing-display-grid button:nth-child(n+3){display:none}.fond-marketing-feature-card.is-wide{grid-template-columns:.85fr 1.15fr}}@media (max-width:820px){.fond-marketing-nav>a:not(.fond-marketing-button){display:none}.fond-marketing-hero-inner{text-align:center;grid-template-columns:1fr;padding:72px 0}.fond-marketing-hero-copy{justify-items:center;display:grid}.fond-marketing-actions{justify-content:center}.fond-marketing-hero-visual{aspect-ratio:1;justify-self:center;width:min(520px,100%);height:auto}.fond-landing-display{aspect-ratio:1;width:calc(100% - 40px);height:auto}.fond-marketing-steps{grid-template-columns:1fr;gap:54px}.fond-marketing-feature-grid{grid-template-columns:1fr}.fond-marketing-feature-card.is-wide{grid-column:auto;grid-template-columns:1fr}.fond-marketing-feature-card.is-wide .fond-marketing-feature-visual{padding:20px 28px 36px}.fond-marketing-footer{text-align:center;grid-template-columns:1fr;justify-items:center}.fond-marketing-footer>a:last-child{justify-self:center}}@media (max-width:560px){.fond-marketing-header-inner,.fond-marketing-hero-inner,.fond-marketing-section-inner{width:min(100% - 32px,1200px)}.fond-marketing-header{height:70px}.fond-marketing-logo span{font-size:20px}.fond-marketing-logo img{width:36px;height:36px}.fond-marketing-nav{gap:0}.fond-marketing-nav .fond-marketing-button{min-height:40px;padding:0 13px;font-size:13px}.fond-marketing-hero-copy h1{font-size:48px}.fond-marketing-hero-copy>p{font-size:17px}.fond-marketing-actions{flex-direction:column;width:100%}.fond-marketing-actions .fond-marketing-button{width:100%}.fond-landing-display{border-radius:24px;width:100%;padding:50px 20px 18px}.fond-landing-display-top{left:20px;right:20px}.fond-landing-display-folders span{padding:0 8px;font-size:10px}.fond-marketing-section-inner{padding:84px 0 92px}.fond-marketing-heading h2,.fond-marketing-cta h2{font-size:42px}.fond-marketing-feature-card{min-height:0}.fond-marketing-feature-copy{padding:28px 24px 18px}.fond-marketing-feature-copy h3{font-size:27px}.fond-marketing-feature-visual{padding:16px 18px 28px}.fond-landing-dashboard-visual{grid-template-columns:86px 1fr;min-height:280px}.fond-landing-dashboard-visual aside>span:nth-of-type(n+3){display:none}.fond-landing-dashboard-visual section{padding:16px}.fond-landing-mini-recipes{grid-template-columns:repeat(2,1fr)}.fond-landing-mini-recipes>span:nth-child(3){display:none}.fond-landing-import-visual{grid-template-columns:1fr 102px;padding:14px}.fond-marketing-folder-demo{padding:24px 24px 42px}.fond-marketing-folder-demo>span:nth-child(2){margin-left:24px}.fond-marketing-heart{top:10px;right:20px}}@media (prefers-reduced-motion:reduce){.fond-marketing-orbit,.fond-marketing-heart{animation:none}[data-fond-reveal]{opacity:1;transition:none;transform:none}}.presentation-presenter{z-index:40;color:#f4f7fb;background:#06090b;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.presentation-presenter:fullscreen{width:100%;height:100%}.presentation-presenter-header{background:#0a0e12eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.presentation-presenter-eyebrow{color:#ffffff9e;margin:0 0 4px;font-size:13px}.presentation-presenter-header strong{font-size:18px;font-weight:650}.presentation-presenter-meta{align-items:center;gap:12px;display:flex}.presentation-presenter-meta span{color:#d8e8ff;text-align:center;background:#ff95002e;border-radius:999px;min-width:88px;padding:8px 14px;font-size:14px}.presentation-presenter-stage{place-items:center;min-height:0;padding:24px;display:grid;position:relative}.presentation-presenter-slide,.presentation-presenter-embed{object-fit:contain;background:#06090b;border:0;width:min(100%,1280px);height:min(100%,100vh - 120px)}.presentation-presenter-hitzone{cursor:w-resize;z-index:2;background:0 0;border:0;width:18%;position:absolute;top:0;bottom:0}.presentation-presenter-hitzone-right{cursor:e-resize;right:0}.presentation-presenter-hitzone-left{left:0}.presentation-presenter-status{color:#ffffffb8;place-items:center;gap:12px;font-size:16px;display:grid}.presentation-presenter-status.error{color:#ffb4b4}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}