:root{--stf-amber:#ffe34d;--stf-amber-dark:#b8923c;--stf-amber-tint:#fff8e0;--stf-amber-text:#6b5400;--stf-green:#10b981;--stf-green-dark:#047857;--stf-green-tint:#ecfdf5;--stf-teal:#0032ff;--stf-teal-dark:#0026bf;--stf-bg:#fafaf7;--stf-surface:#fff;--stf-border:#eee;--stf-border-strong:#e5e7eb;--stf-text:#1f2937;--stf-text-muted:#888;--stf-text-subtle:#999;--stf-font-sans:-apple-system, "Segoe UI", Roboto, sans-serif;--stf-radius-sm:9px;--stf-radius-md:13px;--stf-radius-lg:16px;--stf-radius-xl:18px;--stf-radius-btn:15px;--stf-radius-sheet:24px;--stf-space-xs:6px;--stf-space-sm:10px;--stf-space-md:16px;--stf-space-lg:22px;--stf-space-xl:28px;--stf-app-max-width:480px;--stf-bottom-nav-height:56px;--stf-top-bar-height:52px;--stf-shadow-btn:0 4px 0 var(--stf-amber-dark);--stf-shadow-btn-pressed:0 1px 0 var(--stf-amber-dark);--stf-veil:#00000073;--stf-duration-fast:.22s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--stf-font-sans);background:var(--stf-bg);color:var(--stf-text);overscroll-behavior:none;min-height:100dvh;line-height:1.4}#root{min-height:100dvh}.stf-app-shell{min-height:100dvh;padding-top:var(--stf-top-bar-height)}.stf-menu-iframe{border:none;width:100%;height:100%;position:fixed;inset:0}.stf-menu-loading,.stf-menu-error{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;font-family:system-ui,sans-serif;display:flex}.stf-screen{min-height:100dvh;max-width:var(--stf-app-max-width);padding:var(--stf-space-lg) var(--stf-space-xl) 30px;-webkit-overflow-scrolling:touch;flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.stf-screen-title{margin:18px 0;font-size:24px;font-weight:800;line-height:1.25}.stf-muted{color:var(--stf-text-muted)}.stf-toast{background:var(--stf-text);color:#fff;z-index:160;text-align:center;border-radius:14px;max-width:88%;padding:10px 18px;font-size:13px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.stf-offline-banner{color:#fff;text-align:center;z-index:170;background:#ef4444;padding:4px;font-size:12px;position:fixed;top:0;left:0;right:0}.stf-button{border-radius:var(--stf-radius-btn);cursor:pointer;touch-action:manipulation;border:none;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700}.stf-button:disabled{opacity:.55;cursor:not-allowed}.stf-button--full{width:100%}.stf-button--primary{background:var(--stf-amber);color:var(--stf-amber-text);box-shadow:var(--stf-shadow-btn)}.stf-button--primary:not(:disabled):active{box-shadow:var(--stf-shadow-btn-pressed);transform:translateY(3px)}.stf-button--ghost{background:var(--stf-surface);color:#444;border:2px solid var(--stf-border-strong);box-shadow:none}.stf-button--success{background:var(--stf-green);color:#fff;box-shadow:0 4px 0 var(--stf-green-dark)}.stf-button--success:not(:disabled):active{box-shadow:0 1px 0 var(--stf-green-dark);transform:translateY(3px)}.stf-landing{max-width:var(--stf-app-max-width);font-family:"Rubik", var(--stf-font-sans);margin:0 auto;overflow:hidden}.stf-landing h1,.stf-landing h2,.stf-landing h3{font-family:Fraunces,serif;font-weight:600}.stf-landing-hero{position:relative}.stf-landing-hero__photo{background:linear-gradient(160deg, var(--stf-amber-tint), var(--stf-amber));height:260px}.stf-landing-hero__card{background:var(--stf-surface);border-radius:var(--stf-radius-sheet) var(--stf-radius-sheet) 0 0;padding:var(--stf-space-xl) var(--stf-space-xl) var(--stf-space-lg);margin-top:-28px;position:relative}.stf-landing-hero__card h1{margin:0 0 12px;font-size:28px;line-height:1.2}.stf-landing-hero__card p{color:var(--stf-text-muted);margin:0 0 var(--stf-space-lg);font-size:15px;line-height:1.5}.stf-landing-import{padding:var(--stf-space-xl) var(--stf-space-xl) var(--stf-space-lg)}.stf-landing-import h2{margin:0 0 4px;font-size:22px}.stf-landing-import__sub{color:var(--stf-text-muted);margin:0 0 var(--stf-space-md);font-size:14px;line-height:1.5}.stf-landing-import__grid{flex-direction:column;gap:10px;display:flex}.stf-landing-import__item{background:var(--stf-surface);border:1px solid var(--stf-border);border-radius:var(--stf-radius-lg);grid-template-columns:32px 1fr;align-items:start;gap:2px 12px;padding:14px 16px;display:grid}.stf-landing-import__icon{font-size:22px;line-height:1}.stf-landing-import__item strong{grid-column:2;font-size:14px}.stf-landing-import__item span{color:var(--stf-text-muted);grid-column:2;font-size:13px}.stf-landing-carousel{padding:var(--stf-space-xl) 0 var(--stf-space-lg)}.stf-landing-carousel h2{margin:0 var(--stf-space-xl) 4px;font-size:22px}.stf-landing-carousel__sub{color:var(--stf-text-muted);margin:0 var(--stf-space-xl) var(--stf-space-md);font-size:14px}.stf-landing-carousel__track{padding:0 var(--stf-space-xl) 6px;scroll-snap-type:x mandatory;gap:12px;display:flex;overflow-x:auto}.stf-landing-card{border-radius:var(--stf-radius-lg);scroll-snap-align:start;flex:none;width:160px;overflow:hidden}.stf-landing-card__photo{background:var(--stf-border);justify-content:center;align-items:center;height:120px;font-size:40px;display:flex}.stf-landing-card__footer{flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stf-landing-card__footer strong{font-size:15px}.stf-landing-card__footer span{color:var(--stf-text-muted);font-size:12px}.stf-landing-card--amber .stf-landing-card__footer{background:var(--stf-amber-tint)}.stf-landing-card--green .stf-landing-card__footer{background:var(--stf-green-tint)}.stf-landing-cookbook{background:var(--stf-green-tint);padding:var(--stf-space-xl)}.stf-landing-cookbook h2{margin:0 0 10px;font-size:22px}.stf-landing-cookbook p{color:var(--stf-text);margin:0 0 var(--stf-space-md);font-size:14px;line-height:1.55}.stf-landing-cookbook__byline{background:var(--stf-surface);border-radius:var(--stf-radius-md);color:var(--stf-text-muted);padding:10px 14px;font-size:13px}.stf-landing-statement{background:var(--stf-amber);padding:48px var(--stf-space-xl);margin:var(--stf-space-lg) 0}.stf-landing-statement p{color:var(--stf-amber-text);margin:0;font-size:22px;font-weight:700;line-height:1.35}.stf-landing-split{padding:var(--stf-space-lg) var(--stf-space-xl)}.stf-landing-split__photo{border-radius:var(--stf-radius-lg);background:linear-gradient(160deg, var(--stf-green-tint), var(--stf-green));height:200px;margin-bottom:var(--stf-space-md)}.stf-landing-split__body h2{margin:0 0 10px;font-size:22px}.stf-landing-split__body p{color:var(--stf-text-muted);margin:0 0 var(--stf-space-md);font-size:14px;line-height:1.5}.stf-landing-testimonial{background:var(--stf-green-tint);padding:var(--stf-space-xl);text-align:center}.stf-landing-testimonial h2{margin:0 0 var(--stf-space-md);font-size:18px}.stf-landing-testimonial blockquote{margin:0}.stf-landing-testimonial p{margin:0 0 10px;font-size:16px;font-style:italic;line-height:1.5}.stf-landing-testimonial footer{color:var(--stf-text-muted);font-size:13px}.stf-landing-closing{padding:48px var(--stf-space-xl) 60px;text-align:center}.stf-landing-closing h2{margin:0 0 var(--stf-space-lg);font-size:22px}.stf-landing-closing__pricing{margin-top:var(--stf-space-md);color:var(--stf-text-muted);font-size:13px}.stf-landing-closing__pricing a{color:var(--stf-amber-dark);font-weight:600}.stf-pricing-page{font-family:var(--stf-font-sans);background:var(--stf-bg);min-height:100dvh;color:var(--stf-text);padding:0 1rem 4rem}.stf-pricing-header{text-align:center;max-width:36rem;margin:0 auto;padding:4rem 1rem 2.5rem}.stf-pricing-logo{margin-bottom:1rem;font-size:2.5rem}.stf-pricing-header h1{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.2}.stf-pricing-header p{color:var(--stf-text-muted);margin:0;font-size:1.1rem}.stf-pricing-cards{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:52rem;margin:0 auto 3rem;display:flex}.stf-pricing-card{background:var(--stf-surface);border:1.5px solid var(--stf-border-strong);border-radius:20px;flex-direction:column;flex:260px;gap:1.25rem;max-width:320px;padding:2rem 1.75rem 1.75rem;display:flex;position:relative}.stf-pricing-card--featured{border-color:var(--stf-amber);box-shadow:0 0 0 3px var(--stf-amber-tint)}.stf-pricing-badge{background:var(--stf-amber);color:var(--stf-amber-text);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.stf-pricing-card-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.stf-pricing-price{align-items:baseline;gap:.4rem;margin-bottom:.25rem;display:flex}.stf-pricing-amount{font-size:2.25rem;font-weight:800;line-height:1}.stf-pricing-period{color:var(--stf-text-muted);font-size:.9rem}.stf-pricing-tagline{color:var(--stf-text-muted);margin:0;font-size:.875rem}.stf-pricing-cta{text-align:center;border-radius:var(--stf-radius-btn);padding:13px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:block}.stf-pricing-cta:hover{opacity:.85}.stf-pricing-cta--primary{background:var(--stf-amber);color:var(--stf-amber-text);box-shadow:var(--stf-shadow-btn)}.stf-pricing-cta--secondary{color:var(--stf-text);border:1.5px solid var(--stf-border-strong);background:0 0}.stf-pricing-table-wrap{-webkit-overflow-scrolling:touch;max-width:52rem;margin:0 auto 2.5rem;overflow-x:auto}.stf-pricing-table{border-collapse:collapse;width:100%;font-size:.9rem}.stf-pricing-table th,.stf-pricing-table td{text-align:center;border-bottom:1px solid var(--stf-border);padding:10px 12px}.stf-pricing-th-feature,.stf-pricing-td-feature{text-align:left;color:var(--stf-text);font-weight:500}.stf-pricing-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--stf-text-muted);border-bottom:2px solid var(--stf-border-strong);font-size:.85rem;font-weight:700}.stf-pricing-check{color:var(--stf-green);font-size:1rem;font-weight:700}.stf-pricing-cross{color:var(--stf-text-muted)}.stf-pricing-value{color:var(--stf-text);font-size:.85rem}.stf-pricing-footer{text-align:center;color:var(--stf-text-muted);max-width:36rem;margin:0 auto;font-size:.85rem}.stf-pricing-footer p{margin:0 0 .5rem}.stf-pricing-footer a{color:var(--stf-text-muted);text-decoration:underline}.stf-pricing-footer nav{margin-top:.5rem}.stf-chip{background:var(--stf-surface);border:1.5px solid var(--stf-border-strong);border-radius:var(--stf-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;color:inherit;padding:8px 13px;font-family:inherit;font-size:14px}.stf-chip:disabled{opacity:.5;cursor:not-allowed}.stf-chip--on{border-color:var(--stf-amber);background:var(--stf-amber-tint);font-weight:600}.stf-chips{flex-wrap:wrap;gap:7px;display:flex}.stf-section{margin:var(--stf-space-md) 0}.stf-section__title{color:#111;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.35}.stf-section__subtitle{color:var(--stf-text-muted);margin-bottom:var(--stf-space-sm);font-size:13px;line-height:1.4}.stf-section__body{gap:var(--stf-space-sm);flex-direction:column;display:flex}.stf-modal-veil{z-index:150;background:var(--stf-veil);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stf-modal{background:var(--stf-surface);width:100%;max-width:var(--stf-app-max-width);border-radius:var(--stf-radius-sheet) var(--stf-radius-sheet) 0 0;max-height:82vh;animation:stf-modal-up var(--stf-duration-fast) ease;padding:18px 20px 26px;overflow-y:auto}@keyframes stf-modal-up{0%{transform:translateY(30%)}to{transform:none}}.stf-modal__title{margin-bottom:10px;font-size:17px}.ob-nav{flex-shrink:0;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ob-back{cursor:pointer;color:var(--stf-text-subtle);background:0 0;border:none;padding:0 4px;font-size:24px}.ob-prog{flex:1;gap:5px;display:flex}.ob-prog i{background:#eee;border-radius:2px;flex:1;height:4px;display:block}.ob-prog i.done{background:var(--stf-amber)}.ob-q{margin:18px 0;font-size:24px;font-weight:800;line-height:1.25}.ob-note{color:#555;margin-bottom:12px;font-size:14px;line-height:1.35}.ob-sect{color:#111;margin:16px 0 8px;font-size:15px;font-weight:700;line-height:1.35}.ob-field{border:2px solid var(--stf-border-strong);border-radius:12px;width:100%;padding:12px;font-family:inherit;font-size:15px}.ob-field-error{color:#ef4444;min-height:16px;margin-top:4px;font-size:12px}.ob-error{color:#b91c1c;margin-top:10px;font-size:13px;line-height:1.5}.ob-step-label{color:#aaa;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:700}.ob-chips-avatar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ob-chips-avatar .stf-chip{text-align:left;align-items:center;gap:6px;min-width:0;padding:10px 12px;line-height:1.25;display:flex}.ob-role-em{flex:none;font-size:22px;line-height:1}.ob-role-label{flex:auto;min-width:0;font-size:13px}.mealgrid{grid-template-columns:94px repeat(3,1fr);gap:5px;font-size:12px;display:grid}.mealgrid .hd{text-align:center;color:var(--stf-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:6px 2px;font-size:22px;font-weight:600}.mealgrid .hd.dim{color:#ccc}.mealgrid .dy{text-align:center;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:700;line-height:1.15;display:flex}.mealgrid .dy.dim{color:#ccc}.mealgrid .ms-row-ic{font-size:22px}.mg-cell{background:var(--stf-green-tint);border:1.5px solid var(--stf-green);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;justify-content:center;align-items:center;height:28px;font-size:14px;display:flex}.mg-cell.off{border-color:var(--stf-border-strong);color:#ccc;background:#f5f5f4}.day-block{background:var(--stf-surface);border:2px solid var(--stf-border);border-radius:var(--stf-radius-lg);margin-bottom:10px;overflow:hidden}.day-hd{border-bottom:1px solid var(--stf-border);padding:10px 12px;font-weight:700}.day-block-body{padding:10px 12px}.ob-select{border:2px solid var(--stf-border-strong);border-radius:12px;width:100%;margin-top:6px;padding:12px;font-family:inherit;font-size:15px}.ob-actions{flex-direction:column;gap:8px;margin-top:22px;display:flex}.stf-import-review{gap:var(--stf-space-md);flex-direction:column;display:flex}.stf-import-review__photo{object-fit:cover;border-radius:var(--stf-radius-md);width:100%;max-height:160px}.stf-import-review__field{color:var(--stf-text-muted);flex-direction:column;flex:1;gap:4px;font-size:12px;font-weight:600;display:flex}.stf-import-review__field input,.stf-import-review__field textarea{border:1px solid var(--stf-border-strong);border-radius:var(--stf-radius-sm);color:var(--stf-text);padding:8px 10px;font-family:inherit;font-size:14px;font-weight:400}.stf-import-review__row{gap:var(--stf-space-sm);display:flex}.stf-import-review__section h4{text-transform:uppercase;letter-spacing:.03em;color:var(--stf-text-muted);margin-bottom:var(--stf-space-sm);font-size:13px}.stf-import-review__ingredient,.stf-import-review__instruction{align-items:center;gap:6px;margin-bottom:6px;display:flex}.stf-import-review__ing-qty{flex:none;width:48px}.stf-import-review__ing-unit{flex:none;width:60px}.stf-import-review__ing-qty,.stf-import-review__ing-unit,.stf-import-review__ing-name{border:1px solid var(--stf-border-strong);border-radius:var(--stf-radius-sm);padding:8px;font-size:14px}.stf-import-review__ing-name{flex:1}.stf-import-review__instruction textarea{border:1px solid var(--stf-border-strong);border-radius:var(--stf-radius-sm);resize:vertical;flex:1;padding:8px;font-size:14px}.stf-import-review__step-num{color:var(--stf-text-muted);flex:none;font-weight:700}.stf-import-review__remove{cursor:pointer;background:0 0;border:none;flex:none;padding:4px;font-size:15px}.stf-import-review__add{border:1px dashed var(--stf-border-strong);border-radius:var(--stf-radius-sm);color:var(--stf-text-muted);cursor:pointer;background:0 0;padding:6px 10px;font-size:13px}.stf-import-review__youtube{font-size:12px}.stf-import-review__youtube a{color:var(--stf-amber-dark);text-decoration:none}.stf-import-review__youtube-creator{color:var(--stf-text-muted)}.stf-import-review__dq-warning{border-radius:var(--stf-radius-sm);color:#92400e;background:#fef3c7;border:1px solid #fbbf24;padding:10px 12px}.stf-import-review__dq-warning-title{margin-bottom:4px;font-size:13px;font-weight:700}.stf-import-review__dq-warning ul{margin:0;padding-left:18px;font-size:12px}.stf-import-review__dq-warning li{margin-bottom:2px}.stf-import-review__info-hint{border-radius:var(--stf-radius-sm);color:#1e3a8a;background:#eff6ff;border:1px solid #93c5fd;padding:10px 12px;font-size:12px;line-height:1.45}.stf-import-review__tip{align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.stf-import-review__tip-icon{flex:none;padding-top:8px}.stf-import-review__tip textarea{border:1px solid var(--stf-border-strong);border-radius:var(--stf-radius-sm);resize:vertical;flex:1;padding:8px;font-family:inherit;font-size:14px}.stf-import-review__reasoning{color:var(--stf-text-muted);margin:0 0 4px;font-size:11px}.stf-import-review__field-label{color:var(--stf-text-muted);margin-top:var(--stf-space-sm);font-size:12px;display:block}.stf-import-review__cuisine-row{margin-top:var(--stf-space-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stf-import-review__cuisine-select,.stf-import-review__cuisine-input{border:1px solid var(--stf-border-strong);border-radius:8px;min-width:140px;padding:6px 8px;font-size:13px}.stf-import-review__chip-row{margin-top:var(--stf-space-sm);flex-wrap:wrap;gap:6px;display:flex}.stf-import-review__chip{border:1px solid var(--stf-border-strong);background:var(--stf-surface);color:var(--stf-text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.stf-import-review__chip--on{border-color:var(--stf-amber-dark);background:var(--stf-amber-tint);color:var(--stf-text)}.stf-import-review__actions{gap:var(--stf-space-sm);background:var(--stf-surface);padding-top:var(--stf-space-sm);display:flex;position:sticky;bottom:0}.stf-import-review__cancel,.stf-import-review__save{border-radius:var(--stf-radius-md);cursor:pointer;flex:1;padding:12px;font-size:14px;font-weight:700}.stf-import-review__cancel{background:var(--stf-surface);border:1px solid var(--stf-border-strong);color:var(--stf-text-muted)}.stf-import-review__save{background:var(--stf-amber);color:var(--stf-amber-text);border:none}.stf-import-review__save:disabled,.stf-import-review__cancel:disabled{opacity:.5;cursor:not-allowed}.stf-import-review__save-status{color:var(--stf-text-muted);margin-top:var(--stf-space-sm);text-align:center;min-height:18px;font-size:13px}.stf-import-review__save-progress-track{background:var(--stf-border);border-radius:2px;height:4px;overflow:hidden}.stf-import-review__save-progress-fill{background:var(--stf-amber,#f59e0b);height:100%;transition:width .25s}.stf-import-entry{gap:var(--stf-space-md);flex-direction:column;display:flex}.stf-import-header{justify-content:space-between;align-items:center;gap:var(--stf-space-sm);display:flex}.stf-import-header__title{margin:0;font-size:17px}.stf-import-header__cancel{color:var(--stf-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:none;font-size:13px}.stf-import-entry__field{color:var(--stf-text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.stf-import-entry__secondary{border:2px solid var(--stf-border-strong);border-radius:var(--stf-radius-md);background:var(--stf-surface);cursor:pointer;width:100%;padding:12px;font-size:15px;font-weight:600}.stf-import-entry__secondary:disabled{opacity:.4;cursor:not-allowed}.stf-import-entry__row{gap:var(--stf-space-sm);display:flex}.stf-import-entry__input{border:2px solid var(--stf-border-strong);border-radius:var(--stf-radius-md);flex:1;min-width:0;padding:10px 12px;font-size:15px}.stf-import-entry__icon-btn{border-radius:var(--stf-radius-md);border:2px solid var(--stf-border-strong);background:var(--stf-surface);cursor:pointer;flex:none;width:44px;height:44px;font-size:18px}.stf-import-entry__continue{border-radius:var(--stf-radius-md);background:var(--stf-amber);width:100%;color:var(--stf-amber-text);cursor:pointer;border:none;padding:12px;font-size:15px;font-weight:700}.stf-import-entry__continue:disabled{opacity:.4;cursor:not-allowed}.stf-import-status{text-align:center;padding:var(--stf-space-xl) 0;color:var(--stf-text-muted);gap:var(--stf-space-md);flex-direction:column;align-items:center;display:flex}.stf-import-status--error{color:var(--stf-text)}.stf-import-progress-track{background:var(--stf-border);border-radius:2px;width:100%;height:4px;overflow:hidden}.stf-import-progress-fill{background:var(--stf-amber,#f59e0b);height:100%;transition:width .25s}.stf-import-entry__field-label{color:var(--stf-text-muted);font-size:13px}.stf-import-search__sites{flex-direction:column;gap:8px;display:flex}.stf-import-search__sites .stf-import-entry__secondary{text-align:left;font-weight:500}.stf-import-search__via-google{color:var(--stf-text-muted);font-weight:400}.stf-bottom-nav{z-index:50;height:var(--stf-bottom-nav-height);max-width:var(--stf-app-max-width);background:var(--stf-surface);border-top:1px solid var(--stf-border);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.stf-bottom-nav__link{color:var(--stf-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;display:flex}.stf-bottom-nav__link--active{color:var(--stf-text)}.stf-bottom-nav__icon{font-size:20px;line-height:1}.stf-bottom-nav__label{line-height:1.2}.stf-top-bar{z-index:50;justify-content:flex-end;align-items:center;gap:var(--stf-space-sm);height:var(--stf-top-bar-height);max-width:var(--stf-app-max-width);padding:0 var(--stf-space-md);padding-top:env(safe-area-inset-top,0);pointer-events:none;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.stf-top-bar__link{pointer-events:auto;background:var(--stf-surface);border:1px solid var(--stf-border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;line-height:1;text-decoration:none;display:flex;box-shadow:0 1px 3px #00000014}.stf-top-bar__link--active{border-color:var(--stf-amber-dark);box-shadow:0 0 0 2px var(--stf-amber-tint)}.stf-recipe-picker__search{box-sizing:border-box;width:100%;padding:var(--stf-space-sm);border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);margin-bottom:var(--stf-space-md);font-size:14px}.stf-recipe-picker__empty{color:var(--stf-text-subtle);text-align:center;padding:var(--stf-space-lg) 0;font-size:13px}.stf-recipe-picker__stack{height:180px;margin-bottom:var(--stf-space-md);position:relative}.stf-recipe-picker__card{border:1px solid var(--stf-border);border-radius:var(--stf-radius-lg);background:var(--stf-surface);padding:var(--stf-space-md);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 4px 12px #0000001f}.stf-recipe-picker__card-title{font-size:16px;font-weight:700}.stf-recipe-picker__pick{width:100%}.stf-menu-feed{gap:var(--stf-space-md);flex-direction:column;display:flex}.stf-menu-mode-toggle{gap:var(--stf-space-sm);display:flex}.stf-menu-feed__status{color:var(--stf-text-muted);text-align:center;padding:var(--stf-space-lg) 0}.stf-menu-feed__status--error{color:var(--stf-text)}.stf-menu-planning-week{gap:var(--stf-space-md);flex-direction:column;display:flex}.stf-menu-planning-week__title{color:var(--stf-text-muted);text-transform:uppercase;letter-spacing:.03em;margin:var(--stf-space-sm) 0 0;scroll-snap-align:start;font-size:13px;font-weight:700}.stf-menu-planning-week:first-child .stf-menu-planning-week__title{margin-top:0}.stf-menu-planning-week__empty{color:var(--stf-text-subtle);margin:0;font-size:13px}.stf-menu-week{gap:var(--stf-space-md);scroll-snap-type:y proximity;flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.stf-menu-day{border:1px solid var(--stf-border);border-radius:var(--stf-radius-lg);background:var(--stf-surface);padding:var(--stf-space-md);scroll-snap-align:start}.stf-menu-day--today{border-color:var(--stf-amber);box-shadow:0 0 0 2px var(--stf-amber-tint)}.stf-menu-day__header{align-items:baseline;gap:var(--stf-space-sm);margin-bottom:var(--stf-space-sm);display:flex}.stf-menu-day__weekday{font-size:15px;font-weight:700}.stf-menu-day__date{color:var(--stf-text-muted);font-size:13px}.stf-menu-day__badge{background:var(--stf-amber);color:var(--stf-amber-text);border-radius:var(--stf-radius-sm);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.stf-menu-day__empty{color:var(--stf-text-subtle);margin:0;font-size:13px}.stf-menu-day__upgrade-cta{margin-top:var(--stf-space-sm);text-align:center;border-radius:var(--stf-radius-sm);background:var(--stf-amber-tint);color:var(--stf-amber-text);padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;display:block}.stf-menu-meal__add--gated{text-align:center;text-decoration:none;display:inline-block}.stf-menu-meal{margin-top:var(--stf-space-sm)}.stf-menu-meal+.stf-menu-meal{border-top:1px solid var(--stf-border);padding-top:var(--stf-space-sm)}.stf-menu-meal__title{margin:0 0 6px;font-size:14px;font-weight:700}.stf-menu-meal__empty{color:var(--stf-text-subtle);margin:0;font-size:13px}.stf-menu-dish-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stf-menu-dish{grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:8px;font-size:13px;display:grid}.stf-menu-dish__course{color:var(--stf-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px}.stf-menu-dish__title{font-weight:600}.stf-menu-dish__cook{color:var(--stf-text-subtle);text-align:right;font-size:12px}.stf-menu-dish__title--button,.stf-menu-dish__cook--button{font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;padding:0}.stf-menu-dish__title--button:disabled,.stf-menu-dish__cook--button:disabled,.stf-menu-dish__remove:disabled{cursor:not-allowed;opacity:.5}.stf-menu-dish__remove{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.stf-menu-dish--awaiting{background:var(--stf-amber-tint);border-radius:var(--stf-radius-sm);margin:-6px -8px;padding:6px 8px}.stf-menu-dish__banner{flex-direction:column;grid-column:1/-1;gap:4px;margin-top:2px;font-size:12px;display:flex}.stf-menu-dish__banner--accept{color:var(--stf-amber-text)}.stf-menu-dish__banner--awaiting{color:var(--stf-text-muted);font-style:italic}.stf-menu-dish__banner--proposal{background:var(--stf-bg);border:1px dashed var(--stf-border-strong);border-radius:var(--stf-radius-sm);margin:2px -8px 0;padding:6px 8px}.stf-menu-dish__banner-actions{gap:6px;display:flex}.stf-menu-dish__banner-actions button{border-radius:var(--stf-radius-sm);border:1px solid var(--stf-border-strong);background:var(--stf-surface);cursor:pointer;padding:3px 8px;font-size:11px}.stf-menu-dish__banner-actions button:disabled{cursor:not-allowed;opacity:.5}.stf-menu-dish__banner-waiting{color:var(--stf-text-muted);font-style:italic}.stf-menu-meal__error{color:var(--stf-text);margin:var(--stf-space-xs) 0 0;font-size:12px}.stf-menu-meal__add{margin-top:var(--stf-space-xs);border:1px dashed var(--stf-border);border-radius:var(--stf-radius-sm);color:var(--stf-text-muted);background:0 0;padding:4px 10px;font-size:12px}.stf-menu-meal__add:disabled{cursor:not-allowed;opacity:.5}.stf-menu-meal__actions{gap:var(--stf-space-xs);margin-top:var(--stf-space-xs);display:flex}.stf-menu-meal__actions .stf-menu-meal__add{margin-top:0}.stf-menu-meal__wish{border:1px dashed var(--stf-border);border-radius:var(--stf-radius-sm);color:var(--stf-text-muted);background:0 0;align-items:center;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.stf-chip-list{gap:var(--stf-space-sm);flex-direction:column;display:flex}.stf-chip-list__button{padding:var(--stf-space-sm) var(--stf-space-md);border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);background:var(--stf-surface);text-align:left;font-size:14px}.stf-chip-list__button--primary{border-color:var(--stf-amber);font-weight:700}.stf-chip-list__empty{color:var(--stf-text-subtle);margin:0;font-size:13px}.stf-menu-divider{align-items:baseline;gap:var(--stf-space-sm);padding:6px var(--stf-space-sm);margin-top:var(--stf-space-sm);color:var(--stf-text-muted);border-top:1px dashed var(--stf-border);border-bottom:1px dashed var(--stf-border);font-size:12px;display:flex}.stf-menu-divider__time{white-space:nowrap;font-weight:700}.stf-menu-lock-banner{align-items:center;gap:var(--stf-space-sm);padding:var(--stf-space-sm) var(--stf-space-md);border-radius:var(--stf-radius-lg);background:var(--stf-amber-tint);border:1px solid var(--stf-amber);scroll-snap-align:start;display:flex}.stf-menu-lock-banner__label{font-size:13px;font-weight:700}.stf-menu-lock-banner__unconfirm{margin-left:auto}.stf-menu-lock-banner__tooltip{cursor:help;margin-left:auto}.stf-menu-lock-banner__error{color:var(--stf-text);font-size:12px}.stf-menu-reshuffle{align-items:flex-start;gap:var(--stf-space-xs);padding:var(--stf-space-xs) 0;flex-direction:column;display:flex}.stf-menu-reshuffle__button{padding:var(--stf-space-xs) var(--stf-space-sm);border-radius:var(--stf-radius-md);border:1px dashed var(--stf-accent);color:var(--stf-accent);cursor:pointer;background:0 0;font-size:13px}.stf-menu-reshuffle__button:disabled{opacity:.45;cursor:not-allowed}.stf-menu-reshuffle__error{color:var(--stf-text);font-size:12px}.stf-feed{padding:0 0 calc(var(--stf-bottom-nav-height) + 16px)}.stf-feed__header{padding:12px 20px 8px}.stf-feed__title{margin:0 0 2px;font-size:22px;font-weight:700}.stf-feed__sub{color:var(--stf-text-muted);margin:0;font-size:13px}.stf-feed__status{color:var(--stf-text-muted);margin:12px 20px;font-size:14px}.stf-feed__status--error{color:var(--stf-error,#dc2626)}.stf-feed__empty{color:#aaa;text-align:center;margin:20px;font-size:12px}.stf-feed__list{margin:10px 18px 0}.stf-feed-item{border-bottom:1px solid var(--stf-border,#f0f0ee);color:#666;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;display:flex}.stf-feed-item--clickable{cursor:pointer}.stf-feed-item--clickable:hover{color:var(--stf-text)}.stf-feed-item__icon{color:#444;flex-shrink:0;font-size:15px;line-height:1.4}.stf-feed-item__text{flex:1;min-width:0;line-height:1.4}.stf-feed-item__time{color:#bbb;font-size:11px}.stf-feed-item__progress-label{color:#999;margin-top:2px;font-size:11px;display:block}.stf-feed-progress{background:#eee;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.stf-feed-progress__fill{background:var(--stf-amber,#f59e0b);border-radius:2px;height:100%;transition:width .3s}.stf-adv-filter{background:var(--stf-surface);border:1px solid var(--stf-border);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.stf-adv-filter__chip-full{border:1.5px solid var(--stf-border-strong);background:var(--stf-bg);text-align:left;cursor:pointer;border-radius:12px;width:100%;padding:10px 12px;font-size:13px;font-weight:600}.stf-adv-filter__chip-full--on{border-color:var(--stf-amber-dark);background:var(--stf-amber-tint);color:var(--stf-amber-text)}.stf-adv-filter__group{position:relative}.stf-adv-filter__sect{color:var(--stf-text-muted);margin-bottom:4px;font-size:12px;font-weight:700}.stf-adv-filter__dropdown-btn{border:1.5px solid var(--stf-border-strong);background:var(--stf-bg);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;display:flex}.stf-adv-filter__dropdown-btn--on{border-color:var(--stf-teal);color:var(--stf-teal)}.stf-adv-filter__menu{z-index:20;background:var(--stf-surface);border:1px solid var(--stf-border-strong);border-radius:10px;max-height:240px;margin-top:4px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001f}.stf-adv-filter__item{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.stf-adv-filter__item:hover{background:var(--stf-bg)}.stf-adv-filter__item--on{color:var(--stf-teal);font-weight:700}.stf-spin{padding:0 0 calc(var(--stf-bottom-nav-height) + 16px);flex-direction:column;min-height:100%;display:flex}.stf-spin__header{padding:12px 20px 4px}.stf-spin__title{margin:0 0 2px;font-size:22px;font-weight:700}.stf-spin__target-hint{color:var(--stf-amber,#f59e0b);margin:0;font-size:13px}.stf-spin__toolbar{align-items:center;gap:8px;padding:8px 16px 4px;display:flex}.stf-spin__add-btn{border-radius:var(--stf-radius-md);border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;flex-shrink:0;width:40px;height:40px;font-size:16px}.stf-spin__search-wrap{flex:1;position:relative}.stf-spin__search{box-sizing:border-box;border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);background:var(--stf-surface);width:100%;color:var(--stf-text);padding:8px 12px;font-size:14px}.stf-spin__suggest{z-index:20;background:var(--stf-surface);border:1px solid var(--stf-border-strong);border-radius:var(--stf-radius-md);max-height:220px;margin-top:4px;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001f}.stf-spin__suggest-item{cursor:pointer;padding:10px 12px;font-size:13px}.stf-spin__suggest-item:hover{background:var(--stf-bg)}.stf-spin__filter-toggle{border-radius:var(--stf-radius-md);border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;flex-shrink:0;width:40px;height:40px;font-size:14px}.stf-spin__filter-toggle--on{border-color:var(--stf-teal);color:var(--stf-teal);font-weight:700}.stf-spin__filters{flex-wrap:wrap;gap:6px;padding:4px 16px 8px;display:flex}.stf-spin-chip{border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;color:var(--stf-text-muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.stf-spin-chip--on{background:var(--stf-amber,#f59e0b);border-color:var(--stf-amber,#f59e0b);color:#fff}.stf-spin__status{color:var(--stf-text-muted);padding:12px 20px;font-size:14px}.stf-spin__status--error{color:var(--stf-error,#dc2626)}.stf-spin__error{border-radius:var(--stf-radius-md);color:#b91c1c;background:#fee2e2;margin:0 16px 8px;padding:8px 12px;font-size:13px}.stf-spin__success{border-radius:var(--stf-radius-md);color:#15803d;background:#dcfce7;margin:0 16px 8px;padding:8px 12px;font-size:13px}.stf-spin-deck{flex-direction:column;flex:1;align-items:center;padding:8px 16px 0;display:flex}.stf-spin-deck__empty{color:#aaa;text-align:center;flex:1;justify-content:center;align-items:center;padding:2rem;font-size:13px;display:flex}.stf-spin-stack{width:100%;max-width:360px;height:300px;margin-bottom:16px;position:relative}.stf-spin-card{border:1px solid var(--stf-border);background:var(--stf-surface);text-align:center;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.stf-spin-card--top{touch-action:none;cursor:grab;z-index:10}.stf-spin-card--top:active{cursor:grabbing}.stf-spin-card__photo{opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:0}.stf-spin-card__photo+.stf-spin-card__title,.stf-spin-card__photo~.stf-spin-card__title{z-index:1;color:#fff;text-shadow:0 1px 6px #0009;align-self:flex-end;position:relative}.stf-spin-card:has(.stf-spin-card__photo){justify-content:flex-start;align-items:flex-end;padding-bottom:44px}.stf-spin-card:has(.stf-spin-card__photo):after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.stf-spin-card__title{z-index:1;font-size:20px;font-weight:700;line-height:1.3;position:relative}.stf-spin-card__meta{z-index:1;opacity:.85;margin-top:2px;font-size:12px;font-weight:500;position:relative}.stf-spin-card:has(.stf-spin-card__photo) .stf-spin-card__meta{color:#fff;text-shadow:0 1px 4px #0009}.stf-spin-card__stamp{opacity:.85;border:4px solid;border-radius:8px;padding:4px 10px;font-size:28px;font-weight:900;position:absolute;top:24px;transform:rotate(-20deg)}.stf-spin-card__stamp--yes{color:#16a34a;border-color:#16a34a;left:16px;transform:rotate(-15deg)}.stf-spin-card__stamp--no{color:#dc2626;border-color:#dc2626;right:16px;transform:rotate(15deg)}.stf-spin-card__info{background:var(--stf-surface);border:1px solid var(--stf-border-strong);cursor:pointer;touch-action:manipulation;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:10px;right:10px}.stf-spin-card__enrich{background:var(--stf-amber,#f59e0b);color:#fff;cursor:pointer;touch-action:manipulation;z-index:2;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:10px;left:10px}.stf-spin-tips{justify-content:space-between;gap:20px;width:100%;max-width:360px;display:flex}.stf-spin-tip{border-radius:var(--stf-radius-md);border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;color:var(--stf-text-muted);flex:1;padding:10px;font-size:14px;font-weight:600}.stf-spin-tip--right{color:#16a34a;border-color:#16a34a}.stf-spin-assign__recipe{text-align:center;margin:0 0 16px;font-size:16px;font-weight:700}.stf-spin-assign__section{margin-bottom:16px}.stf-spin-assign__label{color:var(--stf-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.stf-spin-assign__chips{flex-wrap:wrap;gap:6px;display:flex}.stf-wish{padding:0 0 calc(var(--stf-bottom-nav-height) + 16px)}.stf-wish__header{padding:12px 20px 8px}.stf-wish__title{margin:0 0 2px;font-size:22px;font-weight:700}.stf-wish__sub{color:var(--stf-text-muted);margin:0;font-size:13px}.stf-wish__empty{text-align:center;color:var(--stf-text-muted);padding:40px 24px;font-size:14px}.stf-wish__list{flex-direction:column;gap:12px;margin:0;padding:0 16px;list-style:none;display:flex}.stf-wish-card{background:var(--stf-surface);border:1.5px solid var(--stf-border);border-radius:16px;padding:14px}.stf-wish-card--granted{background:#f0fdf4;border-color:#16a34a}.stf-wish-card__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.stf-wish-card__emoji{font-size:36px;line-height:1}.stf-wish-card__title{font-size:15px;font-weight:700}.stf-wish-card__meta{color:var(--stf-text-muted);margin-top:2px;font-size:12px}.stf-wish-card__votes{flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0;display:flex}.stf-wish-card__vote-dot{background:var(--stf-border);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.stf-wish-card__vote-count{color:var(--stf-text-muted);font-size:12px}.stf-wish-card__actions{gap:8px;margin-top:8px;display:flex}.stf-wish-card__btn{border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;color:var(--stf-text-muted);border-radius:10px;flex:1;padding:8px;font-size:13px;font-weight:600}.stf-wish-card__btn--grant{color:#16a34a;border-color:#16a34a}.stf-wish-card__status{color:var(--stf-amber,#f59e0b);padding:6px 0 0;font-size:12px}.stf-wish-card__status--ok{color:#16a34a}.stf-wish__cta{padding:16px}.stf-wish__error{border-radius:var(--stf-radius-md);color:#b91c1c;background:#fee2e2;margin:0 16px 8px;padding:8px 12px;font-size:13px}.stf-wish-modal__kind-btns{flex-direction:column;gap:8px;display:flex}.stf-wish-modal__kind-btn{border:1px solid var(--stf-border);background:var(--stf-surface);text-align:left;cursor:pointer;color:var(--stf-text);border-radius:12px;padding:12px;font-size:15px;font-weight:600}.stf-wish-modal__section{margin-bottom:14px}.stf-wish-modal__label{color:var(--stf-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.stf-wish-modal__chips{flex-wrap:wrap;gap:6px;display:flex}.stf-wish-modal__search-row{align-items:center;gap:8px;display:flex}.stf-wish-modal__search-row .stf-wish-modal__search{flex:1;margin-bottom:0}.stf-wish-modal__filter-toggle{border-radius:var(--stf-radius-md);border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;flex-shrink:0;width:40px;height:40px;margin-bottom:8px;font-size:14px}.stf-wish-modal__filter-toggle--on{border-color:var(--stf-teal);color:var(--stf-teal);font-weight:700}.stf-wish-modal__quick-chip{border:1px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;color:var(--stf-text-muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.stf-wish-modal__quick-chip--on{background:var(--stf-amber,#f59e0b);border-color:var(--stf-amber,#f59e0b);color:#fff}.stf-wish-deck-wrap{margin-bottom:12px;position:relative}.stf-wish-deck{height:200px;position:relative}.stf-wish-card-item{border:1px solid var(--stf-border);background:var(--stf-surface);text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:12px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.stf-wish-card-item--top{touch-action:none;z-index:10}.stf-wish-card-item__photo{opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:0}.stf-wish-card-item:has(.stf-wish-card-item__photo):after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.stf-wish-card-item__title{z-index:1;font-size:15px;font-weight:700;position:relative}.stf-wish-card-item:has(.stf-wish-card-item__photo) .stf-wish-card-item__title{color:#fff;text-shadow:0 1px 6px #0009}.stf-wish-card-item__meta{z-index:1;opacity:.85;margin-top:2px;font-size:12px;font-weight:500;position:relative}.stf-wish-card-item:has(.stf-wish-card-item__photo) .stf-wish-card-item__meta{color:#fff;text-shadow:0 1px 4px #0009}.stf-wish-card-item__stamp{z-index:2;opacity:.85;border:3px solid;border-radius:8px;padding:3px 8px;font-size:22px;font-weight:900;position:absolute;top:16px}.stf-wish-card-item__stamp--yes{color:#16a34a;border-color:#16a34a;left:12px;transform:rotate(-15deg)}.stf-wish-card-item__stamp--no{color:#dc2626;border-color:#dc2626;right:12px;transform:rotate(15deg)}.stf-wish-tip{border:1px solid var(--stf-border-strong);background:var(--stf-surface);cursor:pointer;z-index:11;border-radius:50%;width:34px;height:34px;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.stf-wish-tip--left{left:-8px}.stf-wish-tip--right{color:#16a34a;border-color:#16a34a;right:-8px}.stf-wish-modal__search{box-sizing:border-box;border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);background:var(--stf-surface);width:100%;color:var(--stf-text);margin-bottom:8px;padding:8px 10px;font-size:14px}.stf-wish-modal__selected{color:#16a34a;padding:4px 0;font-size:13px;font-weight:600}.stf-duel{padding:0 0 calc(var(--stf-bottom-nav-height) + 16px)}.stf-duel__header{padding:12px 20px 8px}.stf-duel__title{margin:0 0 2px;font-size:22px;font-weight:700}.stf-duel__sub{color:var(--stf-text-muted);margin:0;font-size:13px}.stf-duel__hint{color:var(--stf-text-muted);text-align:center;padding:16px 24px;font-size:14px}.stf-duel__banner{text-align:center;color:#15803d;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #16a34a;border-radius:14px;margin:12px 16px;padding:14px;font-size:15px;font-weight:700}.stf-duel__proposals{flex-direction:column;gap:12px;padding:0 16px;display:flex}.stf-duel-card{border:2px solid var(--stf-border);background:var(--stf-surface);cursor:pointer;border-radius:16px;padding:14px;transition:border-color .15s,background .15s;position:relative}.stf-duel-card--voted{cursor:default;background:#eef2ff;border-color:#6366f1}.stf-duel-card--win{background:#ecfdf5;border-color:#16a34a}.stf-duel-card--closed{cursor:default}.stf-duel-card__crown{font-size:22px;position:absolute;top:-10px;right:14px}.stf-duel-card__top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.stf-duel-card__emoji{font-size:28px}.stf-duel-card__name{font-size:15px;font-weight:700}.stf-duel-card__chef{color:var(--stf-text-muted);font-size:12px}.stf-duel-card__pitch{color:#555;margin-bottom:8px;font-size:13px;font-style:italic}.stf-duel-card__votes{flex-wrap:wrap;gap:4px;display:flex}.stf-duel-card__vote-dot{background:var(--stf-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.stf-duel__actions{flex-direction:column;gap:8px;padding:16px;display:flex}.stf-duel__error{border-radius:var(--stf-radius-md);color:#b91c1c;background:#fee2e2;margin:0 16px 8px;padding:8px 12px;font-size:13px}.stf-duel-modal__section{margin-bottom:14px}.stf-duel-modal__label{color:var(--stf-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600}.stf-duel-modal__chips{flex-wrap:wrap;gap:6px;display:flex}.stf-duel-modal__selected{color:#16a34a;padding:4px 0 8px;font-size:13px;font-weight:600}.stf-duel-modal__deck{height:130px;margin-bottom:10px;position:relative}.stf-duel-modal__card{border:1px solid var(--stf-border);background:var(--stf-surface);text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0;box-shadow:0 4px 12px #0000001a}.stf-duel-modal__card--top{touch-action:none;z-index:10}.stf-duel-modal__card-title{font-size:15px;font-weight:700}.stf-duel-modal__pitch{box-sizing:border-box;border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);resize:vertical;background:var(--stf-surface);width:100%;color:var(--stf-text);margin-top:8px;padding:8px 10px;font-family:inherit;font-size:14px}.stf-duel-modal__search{box-sizing:border-box;border:1px solid var(--stf-border);border-radius:var(--stf-radius-md);background:var(--stf-surface);width:100%;color:var(--stf-text);margin-bottom:8px;padding:8px 10px;font-size:14px}.stf-settings-block{margin-bottom:18px}.stf-settings-toggle{cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.stf-settings-toggle input{width:18px;height:18px;accent-color:var(--stf-amber)}.stf-settings-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.stf-settings-select{margin-top:0}.stf-settings-time{width:120px;margin-top:0}.stf-settings-modal-actions{flex-direction:column;gap:8px;display:flex}.stf-settings-removal-list{margin:0 0 4px 18px;line-height:1.45}.stf-household-list{flex-direction:column;gap:10px;list-style:none;display:flex}.stf-household-row{border:2px solid var(--stf-border);border-radius:var(--stf-radius-lg);background:var(--stf-surface);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.stf-household-row__main{flex-direction:column;gap:6px;min-width:0;display:flex}.stf-household-row__name{font-weight:700}.stf-household-row__badges{flex-wrap:wrap;gap:6px;display:flex}.stf-badge{letter-spacing:.02em;text-transform:uppercase;color:#374151;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.stf-badge--chef{background:var(--stf-green-tint);color:var(--stf-green)}.stf-subscription-panel{flex-direction:column;gap:12px;display:flex}.stf-subscription-panel__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stf-subscription-panel__meta{color:#6b7280;font-size:13px}.stf-subscription-panel__warn{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.stf-subscription-panel__actions{flex-direction:column;gap:10px;display:flex}.stf-subscription-panel__refresh{background:#374151}.stf-subscription-panel__link{color:var(--stf-green,#22c55e);text-align:center;font-size:14px;font-weight:600;text-decoration:none}.stf-subscription-panel__link:hover{text-decoration:underline}.stf-prefs-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.stf-prefs-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.stf-prefs-chips{flex-wrap:wrap;gap:8px;display:flex}.stf-pref-chip{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:flex}.stf-pref-chip:hover:not(.stf-pref-chip--active){background:#f9fafb;border-color:#d1d5db}.stf-pref-chip--active{border-color:var(--stf-green,#22c55e);background:var(--stf-green-tint,#f0fdf4);color:var(--stf-green,#22c55e)}.stf-prefs-error{color:#ef4444;margin:0 0 12px;font-size:13px}.stf-prefs-save-btn{background:var(--stf-green,#22c55e);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:15px;font-weight:600;transition:opacity .15s}.stf-prefs-save-btn:disabled{opacity:.55;cursor:default}.stf-settings-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.stf-settings-back{border:1.5px solid var(--stf-border);width:40px;height:40px;color:var(--stf-text);border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.stf-settings-title{margin:0;font-size:22px;font-weight:800}.stf-account-line{margin:0 0 12px;font-size:15px;line-height:1.45}.stf-account-household{margin:0;font-size:14px;line-height:1.45}.stf-prefs-hint{color:#6b7280;margin:0 0 8px;font-size:12px;line-height:1.45}.stf-settings-invite-input{border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:12px;padding:12px;font-size:15px}.stf-settings-invite-note{color:#059669;margin:10px 0 0;font-size:13px}.stf-settings-secondary-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:11px 16px;font-size:15px;font-weight:600}.stf-signout-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;margin-top:24px;padding:12px 16px;font-size:15px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.stf-signout-btn:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#fca5a5}.stf-signout-btn:disabled{opacity:.5;cursor:default}.stf-recipe-detail{background:var(--stf-bg);min-height:100dvh}.stf-recipe-detail__status{justify-content:center;align-items:center;gap:var(--stf-space-lg);min-height:100dvh;padding:var(--stf-space-xl);text-align:center;flex-direction:column;display:flex}.stf-recipe-detail__hero{background-color:var(--stf-border-strong);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;height:220px;padding:12px 14px;display:flex;position:relative}.stf-recipe-detail__back,.stf-recipe-detail__eye,.stf-recipe-detail__enrich{background:var(--stf-surface);border:1.5px solid var(--stf-border-strong);cursor:pointer;border-radius:50%;width:38px;height:38px;font-size:17px}.stf-recipe-detail__hero-actions{gap:8px;display:flex}.stf-recipe-detail__body{max-width:var(--stf-app-max-width);padding:var(--stf-space-lg) var(--stf-space-xl) 40px;margin:0 auto}.stf-recipe-detail__title{margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.25}.stf-recipe-detail__meta{color:var(--stf-text-muted);margin-bottom:10px;font-size:13px}.stf-recipe-detail__links a{color:var(--stf-amber-dark);font-size:13px;font-weight:700;text-decoration:none}.stf-recipe-detail__banner{background:var(--stf-amber-tint);color:var(--stf-amber-text);border-radius:10px;margin:10px 0;padding:8px 12px;font-size:13px}.stf-recipe-detail__section{margin-top:24px}.stf-recipe-detail__section h2{margin-bottom:10px;font-size:16px;font-weight:700}.stf-recipe-detail__ingredients,.stf-recipe-detail__instructions,.stf-recipe-detail__tips{flex-direction:column;gap:8px;list-style:none;display:flex}.stf-recipe-detail__instructions{padding-left:20px;list-style:decimal}.stf-recipe-detail__ingredients li,.stf-recipe-detail__tips li{font-size:14px;line-height:1.5}.stf-recipe-detail__actions{border-top:1px solid var(--stf-border);flex-direction:column;gap:10px;margin-top:32px;padding-top:16px;display:flex}.stf-screen textarea.ob-field{resize:vertical;min-height:90px;font-family:inherit}