@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg:#f7f6f3;--surface:#fff;--surface-raised:#fafaf8;--border:#eaeae5;--border-strong:#d4d4ce;--text-primary:#1a1918;--text-secondary:#7c7b78;--text-tertiary:#b0afa9;--accent:#e8622a;--accent-hover:#d4541c;--accent-light:#fef0e8;--nav-bg:#1a1918;--nav-text:#f5f4f0;--nav-text-muted:#8a8985;--success:#2d9d5c;--error:#dc2626;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #00000012,0 0 0 1px #0000000a;--shadow:0 4px 16px #00000014,0 0 0 1px #0000000a;--shadow-lg:0 12px 32px #0000001f;--transition:150ms ease}:root[data-theme=dark]{--bg:#1a1918;--surface:#242322;--surface-raised:#2c2b29;--border:#ffffff17;--border-strong:#ffffff2e;--text-primary:#f0efec;--text-secondary:#9a9893;--text-tertiary:#6b6866;--accent-hover:#f07040;--accent-light:#e8622a2e;--nav-bg:#111110;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 4px #00000080,0 0 0 1px #ffffff0a;--shadow:0 4px 16px #0000008c,0 0 0 1px #ffffff0a;--shadow-lg:0 12px 32px #000000a6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1918;--surface:#242322;--surface-raised:#2c2b29;--border:#ffffff17;--border-strong:#ffffff2e;--text-primary:#f0efec;--text-secondary:#9a9893;--text-tertiary:#6b6866;--accent-hover:#f07040;--accent-light:#e8622a2e;--nav-bg:#111110;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 4px #00000080,0 0 0 1px #ffffff0a;--shadow:0 4px 16px #0000008c,0 0 0 1px #ffffff0a;--shadow-lg:0 12px 32px #000000a6}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f7f6f3;background:var(--bg);color:#1a1918;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.9375rem;font-size:var(--text-base);line-height:1.6}a{color:#e8622a;color:var(--accent);text-decoration:none;transition:color .15s ease;transition:color var(--transition)}a:hover{color:#d4541c;color:var(--accent-hover)}h1{font-size:2rem;font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.15}h2{font-size:1.5rem;font-size:var(--text-2xl);letter-spacing:-.015em;line-height:1.2}h2,h3{font-weight:600}h3{font-size:1.25rem;font-size:var(--text-xl);line-height:1.3}h4{font-size:1.0625rem;font-size:var(--text-lg);font-weight:600}input,select,textarea{background:#fff;background:var(--surface);border:1.5px solid #eaeae5;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1918;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.8125rem;font-size:var(--text-sm);outline:none;padding:.625rem 1rem;padding:.625rem var(--space-4);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#e8622a;border-color:var(--accent);box-shadow:0 0 0 3px #fef0e8;box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:#b0afa9;color:var(--text-tertiary)}label{color:#7c7b78;color:var(--text-secondary);display:block;font-size:.6875rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}button{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.625rem 1.25rem;padding:.625rem var(--space-5);transition:all .15s ease;transition:all var(--transition);white-space:nowrap}.btn-primary{background:#e8622a;background:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:#d4541c;background:var(--accent-hover);box-shadow:0 4px 12px #e8622a4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:#0000;border:1.5px solid #eaeae5;border:1.5px solid var(--border);color:#7c7b78;color:var(--text-secondary)}.btn-ghost:hover{background:#fafaf8;background:var(--surface-raised);border-color:#d4d4ce;border-color:var(--border-strong);color:#1a1918;color:var(--text-primary)}.btn-danger{background:#0000;border:1.5px solid #fecaca;color:#dc2626;color:var(--error)}.btn-danger:hover{background:#fff5f5;border-color:#fca5a5}.page{margin:0 auto;max-width:1100px;padding:2.5rem 1.5rem;padding:var(--space-10) var(--space-6)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}.card{background:#fff;background:var(--surface);border:1.5px solid #eaeae5;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.card:hover{border-color:#d4d4ce;border-color:var(--border-strong);box-shadow:0 4px 16px #00000014,0 0 0 1px #0000000a;box-shadow:var(--shadow);transform:translateY(-2px)}.badge{align-items:center;background:#fef0e8;background:var(--accent-light);border:1px solid #e8622a26;border-radius:99px;color:#e8622a;color:var(--accent);display:inline-flex;font-size:.6875rem;font-size:var(--text-xs);font-weight:500;padding:3px 10px}.divider{background:#eaeae5;background:var(--border);height:1px;margin:1.5rem 0;margin:var(--space-6) 0}.App{background:var(--bg);min-height:100vh}.App,.toast-stack{display:flex;flex-direction:column}.toast-stack{bottom:var(--space-6);gap:var(--space-2);pointer-events:none;position:fixed;right:var(--space-6);z-index:9999}.toast{align-items:center;animation:toast-in .2s ease;border-radius:var(--radius);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3);max-width:360px;padding:var(--space-3) var(--space-5);pointer-events:all}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#1a3d2b;border:1px solid #2d6b47;color:#6ee7a0}.toast--error{background:#3d1a1a;border:1px solid #6b2d2d;color:#fca5a5}.toast--info{background:var(--nav-bg);border:1px solid #ffffff1a;color:var(--nav-text)}.toast-icon{flex-shrink:0;font-size:var(--text-base);font-style:normal}.toast-msg{line-height:1.4}.nav{background:var(--nav-bg);border-bottom:1px solid #ffffff0f;height:56px;position:sticky;top:0;z-index:100}.nav-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 var(--space-6)}.nav-logo{font-size:var(--text-lg);font-weight:700;letter-spacing:.06em;text-transform:lowercase}.nav-logo,.nav-logo:hover{color:var(--nav-text)}.nav-links{align-items:center;display:flex;gap:var(--space-1)}.nav-link{border-radius:var(--radius-sm);color:var(--nav-text-muted);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);transition:color var(--transition),background var(--transition)}.nav-link:hover{background:#ffffff12}.nav-link--active,.nav-link:hover{color:var(--nav-text)}.nav-divider{background:#ffffff1a;height:18px;margin:0 var(--space-2);width:1px}.nav-profile-wrap{position:relative}.nav-avatar{align-items:center;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;letter-spacing:0;transition:opacity var(--transition),box-shadow var(--transition);width:30px}.nav-avatar--open,.nav-avatar:hover{box-shadow:0 0 0 2px #e8622a66;opacity:.9}.nav-dropdown{animation:nav-dropdown-in .12s ease;background:#242422;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #00000073;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:200}@keyframes nav-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-name{border-bottom:1px solid #ffffff12;color:#ffffff61;font-size:12px;font-weight:600;overflow:hidden;padding:12px 16px 10px;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown-item{background:#0000;border:none;color:#fffc;cursor:pointer;display:block;font-size:13px;font-weight:500;padding:11px 16px;text-align:left;text-decoration:none;transition:background var(--transition),color var(--transition);width:100%}.nav-dropdown-item:hover{background:#ffffff12;color:#fff}.nav-dropdown-signout{color:#e8622ad9}.nav-dropdown-signout:hover{color:var(--accent)}.nav-theme-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--nav-text-muted);cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;padding:4px 6px;transition:color var(--transition),background var(--transition)}.nav-theme-toggle:hover{background:#ffffff12;color:var(--nav-text)}.planner-layout{box-sizing:border-box;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.planner-layout,.planner-top{display:flex;flex-direction:column;width:100%}.planner-top{gap:var(--space-3)}.planner-bottom{grid-gap:var(--space-4);align-items:start;display:grid;flex-shrink:0;gap:var(--space-4);grid-template-columns:320px 1fr;height:320px}.week-header-row{gap:var(--space-4);justify-content:space-between}.week-header-row,.week-nav{align-items:center;display:flex}.week-nav{gap:var(--space-3)}.week-nav-btn{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);height:34px;justify-content:center;padding:0;transition:all var(--transition);width:34px}.week-nav-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.week-label{font-size:var(--text-sm);min-width:160px}.week-label,.week-today-btn{color:var(--text-secondary);font-weight:600}.week-today-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);padding:var(--space-2) var(--space-4);transition:all var(--transition)}.week-today-btn:hover{border-color:var(--accent);color:var(--accent)}.week-view{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;padding:var(--space-3)}.week-col,.week-view{display:flex;gap:var(--space-2);overflow:hidden}.week-col{border-radius:var(--radius);cursor:pointer;flex:1 1;flex-direction:column;min-height:300px;min-width:0;padding:var(--space-2);transition:background var(--transition)}.week-col:hover{background:var(--bg)}.week-col--selected{background:color-mix(in srgb,var(--accent) 8%,#0000)!important}.week-col--dragover{background:color-mix(in srgb,var(--accent) 12%,#0000)!important;outline:2px dashed var(--accent);outline-offset:-3px}.sidebar-recipe[draggable=true]{cursor:grab}.sidebar-recipe[draggable=true]:active{cursor:grabbing}.week-col-header{align-items:center;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0 var(--space-3);position:relative}.week-col-dow{color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.week-col-date{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;line-height:1}.week-col--selected .week-col-date,.week-col--today .week-col-date{color:var(--accent)}.week-col-today-dot{background:var(--accent);border-radius:50%;height:5px;margin-top:2px;width:5px}.week-col-meals{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.week-col-empty{align-items:center;border:1.5px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);display:flex;font-size:var(--text-lg);font-weight:300;height:44px;justify-content:center;margin-top:var(--space-1);opacity:.5}.week-meal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);position:relative;transition:border-color var(--transition);width:100%}.week-meal:hover{border-color:var(--border-strong)}.week-meal-img{align-items:center;background:var(--surface);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;overflow:hidden;width:100%}.week-meal-img img{height:100%;object-fit:cover;width:100%}.week-meal-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:11px;font-weight:600;line-height:1.3;min-width:0;overflow:hidden}.week-meal-remove{align-items:center;background:#ffffffeb;border:none;border-radius:99px;box-shadow:0 1px 4px #0000001f;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;line-height:1;opacity:.3;position:absolute;right:3px;top:3px;transition:all var(--transition);width:22px}.week-meal-remove:hover{background:#fff5f5;color:var(--error);opacity:1}.week-meal:hover .week-meal-remove{opacity:1}.mini-cal{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;height:100%;padding:var(--space-4)}.mini-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.mini-cal-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.mini-cal-nav{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:2px 6px;transition:color var(--transition),background var(--transition)}.mini-cal-nav:hover{background:var(--bg);color:var(--text-primary)}.mini-cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.mini-cal-dow{color:var(--text-tertiary);font-size:10px;font-weight:600;letter-spacing:.04em;padding-bottom:var(--space-2);text-align:center;text-transform:uppercase}.mini-cal-cell{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:500;justify-content:center;padding:0;transition:all var(--transition)}.mini-cal-cell:hover{background:var(--bg);color:var(--text-primary)}.mini-cal-other{opacity:.3}.mini-cal-today{color:var(--accent);font-weight:700}.mini-cal-inweek{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--text-primary)}.mini-cal-selected{background:var(--accent)!important;box-shadow:0 2px 8px #e8622a59;color:#fff!important;font-weight:700}.sidebar-recipes{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-recipes-header{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-4) var(--space-5) 0}.sidebar-search{box-sizing:border-box;font-size:var(--text-sm);margin:var(--space-3) var(--space-5);padding:.5rem var(--space-3);width:calc(100% - var(--space-5)*2)}.sidebar-recipe-list{grid-gap:var(--space-2);align-content:start;display:grid;flex:1 1;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:0 var(--space-4) var(--space-4)}.sidebar-empty{color:var(--text-tertiary);font-size:var(--text-sm);grid-column:1/-1;padding:var(--space-6);text-align:center}.sidebar-recipe{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);text-align:left;transition:all var(--transition);width:100%}.sidebar-recipe:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:var(--accent)}.sidebar-recipe--added{cursor:default;opacity:.5}.sidebar-recipe-img{align-items:center;background:var(--surface);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;overflow:hidden;width:44px}.sidebar-recipe-img img{height:100%;object-fit:cover;width:100%}.sidebar-recipe-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-recipe-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-recipe-time{color:var(--text-tertiary);font-size:11px}.sidebar-recipe-add{color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-sm);font-weight:700;text-align:center;width:20px}.sidebar-recipe--added .sidebar-recipe-add{color:var(--success)}@media (max-width:860px){.planner-layout{height:auto}.planner-top{flex:none}.week-view{min-height:300px}.planner-bottom{grid-template-columns:1fr;height:auto}.mini-cal{height:auto}.sidebar-recipes{height:320px}.sidebar-recipe-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:600px){.planner-layout{padding:var(--space-4) var(--space-3)}.week-view{gap:2px;padding:var(--space-2)}.week-col{padding:var(--space-1)}.week-col-dow{display:none}.week-col-date{font-size:var(--text-base)}.week-meal-name{display:none}.week-meal-img{height:34px}}.recipes-page{padding:var(--space-10) clamp(var(--space-6),5vw,var(--space-16)) var(--space-16)}.recipes-splash{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:var(--space-8)}.recipes-splash-inner{max-width:520px;text-align:center}.recipes-splash-inner h1{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-4)}.recipes-splash-inner p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}.recipes-splash-actions{display:flex;gap:var(--space-3);justify-content:center}.recipes-toolbar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.recipes-toolbar-left{align-items:baseline;display:flex;gap:var(--space-3)}.recipes-toolbar-left h1{font-size:var(--text-3xl)}.recipes-count{background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;padding:2px 10px}.recipes-toolbar-right{align-items:center;display:flex;gap:var(--space-3)}.recipes-search-input{font-size:var(--text-sm);padding:.6rem var(--space-4);width:220px}.recipes-sort-select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;outline:none;padding:.6rem var(--space-3);transition:border-color var(--transition)}.recipes-sort-select:hover{border-color:var(--text-tertiary)}.recipes-sort-select:focus{border-color:var(--accent)}.recipes-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;padding:var(--space-2) var(--space-4);transition:all var(--transition)}.filter-chip:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-chip--active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.recipe-featured{background:#1a1918;border-radius:var(--radius-lg);cursor:pointer;height:420px;margin-bottom:var(--space-5);overflow:hidden;position:relative}.recipe-featured-img{inset:0;position:absolute}.recipe-featured-img img{height:100%;object-fit:cover;transform-origin:center;transition:transform .6s ease;width:100%}.recipe-featured:hover .recipe-featured-img img{transform:scale(1.03)}.recipe-featured-overlay{background:linear-gradient(0deg,#0a0a0ae0 0,#0a0a0a4d 50%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--space-8) var(--space-8);position:absolute;transition:background var(--transition)}.recipe-featured:hover .recipe-featured-overlay{background:linear-gradient(0deg,#0a0a0aeb 0,#0a0a0a66 55%,#0000)}.recipe-featured-tags{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.recipe-featured-title{color:#fff;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-2)}.recipe-featured-sub{color:#fff9;font-size:var(--text-sm);font-weight:400}.recipe-overlay-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:99px;color:#fff;display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;padding:3px 10px}.recipe-overlay-time{color:#ffffffa6;font-size:var(--text-xs);font-weight:500}.recipe-overlay-tag{background:#ffffff1a;border-color:#ffffff26;font-weight:500;letter-spacing:0}.recipe-grid{column-count:4;column-gap:var(--space-4)}.recipe-card{background:#1a1918;border-radius:var(--radius-lg);break-inside:avoid;cursor:pointer;display:block;margin-bottom:var(--space-4);overflow:hidden;page-break-inside:avoid;width:100%}.recipe-card-img{overflow:hidden;position:relative}.recipe-card-img img{display:block;height:auto;transition:transform .5s ease;width:100%}.recipe-card:hover .recipe-card-img img{transform:scale(1.04)}.recipe-card-overlay{background:linear-gradient(0deg,#0a0a0ad1 0,#0a0a0a26 50%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--space-5);position:absolute;transition:background var(--transition)}.recipe-card:hover .recipe-card-overlay{background:linear-gradient(0deg,#0a0a0ae6 0,#0a0a0a4d 60%,#0000)}.recipe-card--text{border:none}.recipe-card--text:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px);transition:box-shadow .2s ease,transform .2s ease}.recipe-card-text{padding:var(--space-6) var(--space-5)}.recipe-card--text .recipe-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;line-height:1.35;overflow:hidden}.recipe-card--text .recipe-card-sub{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500;margin-top:var(--space-2)}.recipe-card-tags{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.recipe-card-title{color:#fff;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;line-height:1.25}.recipe-card-sub{color:#ffffff8c;font-size:var(--text-xs);margin-top:4px}.recipes-loading{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.skeleton-card{animation:shimmer 1.4s linear infinite;aspect-ratio:4/3;background:linear-gradient(90deg,var(--border) 25%,var(--surface-raised) 50%,var(--border) 75%);background-size:600px 100%;border-radius:var(--radius-lg)}.skeleton-card:first-child{aspect-ratio:21/9;grid-column:1/-1}.recipes-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.recipes-empty-icon{font-size:3rem;opacity:.3}.recipes-empty h3{font-size:var(--text-xl)}.recipes-empty p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}@media (max-width:1100px){.recipe-grid{column-count:3}}@media (max-width:768px){.recipes-page{padding:var(--space-6) var(--space-4) var(--space-12)}.recipes-toolbar{align-items:flex-start;flex-direction:column}.recipes-toolbar-right{flex-wrap:wrap;width:100%}.recipes-search-input{flex:1 1;min-width:140px;width:auto}.recipes-sort-select{flex-shrink:0}.recipe-featured{height:280px}.recipe-featured-overlay{padding:var(--space-5)}.recipe-grid{column-count:2;column-gap:var(--space-3)}.recipe-card{margin-bottom:var(--space-3)}}.rd-page{background:var(--bg);min-height:100vh}.rd-hero{height:clamp(260px,42vw,480px);overflow:hidden;position:relative;width:100%}.rd-hero-blur{filter:blur(24px) brightness(.6);object-fit:cover;transform:scale(1.08)}.rd-hero-blur,.rd-hero-img{height:100%;inset:0;position:absolute;width:100%}.rd-hero-img{object-fit:contain}.rd-hero-placeholder{height:100%;inset:0;position:absolute;width:100%}.rd-hero-overlay{background:linear-gradient(180deg,#00000014 0,#0009);inset:0;position:absolute}.rd-hero-content{display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:var(--space-6) var(--space-8) var(--space-8);position:absolute}.rd-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:99px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;left:var(--space-6);padding:var(--space-2) var(--space-4);position:absolute;top:var(--space-5);transition:background var(--transition)}.rd-back:hover{background:#ffffff47}.rd-title{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--space-3);text-shadow:0 2px 12px #0000004d}.rd-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rd-meta-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff4d;border-radius:99px;color:#fff;font-size:var(--text-xs);font-weight:600;padding:4px 12px}.rd-meta-accent{background:var(--accent);border-color:#0000}.rd-meta-total{background:#ffffff59}.rd-meta-category{background:#ffffff1f;border-color:#fff3;font-style:italic}.rd-hero--noimage .rd-back{background:#00000012;border-color:#0000001f;color:var(--text-primary)}.rd-hero--noimage .rd-back:hover{background:#0000001f}.rd-hero--noimage .rd-title{color:var(--text-primary);text-shadow:none}.rd-hero--noimage .rd-meta-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000012;border-color:#0000001f;color:var(--text-secondary)}.rd-hero--noimage .rd-meta-accent{background:var(--accent);border-color:#0000;color:#fff}.rd-hero--noimage .rd-meta-total{background:#0000001a}.rd-hero--noimage .rd-meta-category{background:#0000000d;border-color:#0000001a}.rd-body{padding-bottom:var(--space-16);padding-top:var(--space-6)}.rd-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.rd-content{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 1.6fr}.rd-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.rd-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.rd-panel-title{border-bottom:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;margin-bottom:0;padding-bottom:0;text-transform:uppercase}.rd-servings{gap:var(--space-2)}.rd-servings,.rd-servings-btn{align-items:center;display:flex}.rd-servings-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);height:28px;justify-content:center;padding:0;transition:all var(--transition);width:28px}.rd-servings-btn:hover{border-color:var(--accent);color:var(--accent)}.rd-servings-label{color:var(--text-primary);font-size:var(--text-xs);font-weight:600;min-width:72px;text-align:center}.rd-ing-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.rd-ing-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-3);transition:background var(--transition)}.rd-ing-item:hover{background:var(--surface-raised)}.rd-ing-checked .rd-ing-text{color:var(--text-tertiary);text-decoration:line-through}.rd-ing-check{align-items:center;border:1.5px solid var(--border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;transition:all var(--transition);width:20px}.rd-ing-checked .rd-ing-check{background:var(--success);border-color:var(--success)}.rd-ing-text{font-size:var(--text-sm)}.rd-steps{flex-direction:column;list-style:none}.rd-step,.rd-steps{display:flex;gap:var(--space-4)}.rd-step{align-items:flex-start}.rd-step-num{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.rd-step-text{color:var(--text-primary);font-size:var(--text-sm);line-height:1.75;margin:0}.rd-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6)}.rd-like-btn{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:.55rem var(--space-4);transition:all var(--transition)}.rd-like-btn--liked,.rd-like-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.rd-like-btn svg{flex-shrink:0;transition:transform .12s}.rd-like-btn:active svg{transform:scale(1.3)}.rd-comments{border-top:1px solid var(--border);margin-top:var(--space-10);padding-top:var(--space-8)}.rd-comments-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-5)}.rd-comments-count{background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;padding:2px 10px}.rd-comment-form{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.rd-comment-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.rd-comment-avatar--sm{font-size:12px;height:32px;width:32px}.rd-comment-input{background:var(--bg);border:1.5px solid var(--border);border-radius:99px;flex:1 1;font-size:var(--text-sm);outline:none;padding:.55rem var(--space-4);transition:border-color var(--transition)}.rd-comment-input:focus{border-color:var(--accent)}.rd-comment-submit{background:var(--accent);border:none;border-radius:99px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-4);transition:background var(--transition)}.rd-comment-submit:hover:not(:disabled){background:var(--accent-hover)}.rd-comment-submit:disabled{cursor:default;opacity:.4}.rd-comments-empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4) 0}.rd-comment-list{display:flex;flex-direction:column;gap:var(--space-4)}.rd-comment{align-items:flex-start;display:flex;gap:var(--space-3)}.rd-comment-body{flex:1 1}.rd-comment-header{align-items:baseline;display:flex;gap:var(--space-2);margin-bottom:3px}.rd-comment-author{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.rd-comment-time{color:var(--text-tertiary);font-size:var(--text-xs)}.rd-comment-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.rd-comment-delete{background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:11px;line-height:1;opacity:0;padding:2px 4px;transition:all var(--transition)}.rd-comment:hover .rd-comment-delete{opacity:1}.rd-comment-delete:hover{background:#fff5f5;color:var(--error)}.rd-provenance{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-sm);gap:6px;margin:var(--space-3) 0}.rd-provenance-icon{color:var(--accent);font-size:14px}.rd-provenance strong{color:var(--text-secondary)}.rd-versions{margin:var(--space-3) 0}.rd-versions-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:0}.rd-versions-toggle:hover{text-decoration:underline}.rd-versions-list{border:1px solid var(--border);border-radius:var(--radius);list-style:none;margin:var(--space-2) 0 0;overflow:hidden;padding:0}.rd-version-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.rd-version-item:last-child{border-bottom:none}.rd-version-item:hover{background:var(--bg)}.rd-version-name{font-size:var(--text-sm);font-weight:600}.rd-version-by{color:var(--text-tertiary);font-size:var(--text-xs)}.rd-skeleton-hero{height:380px;width:100%}.rd-skeleton-hero,.rd-skeleton-title{animation:rd-pulse 1.5s ease-in-out infinite;background:var(--border)}.rd-skeleton-title{border-radius:var(--radius);height:36px;margin:var(--space-6) auto;width:60%}@keyframes rd-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:700px){.rd-content{grid-template-columns:1fr}.rd-hero-content{padding:var(--space-5) var(--space-5) var(--space-6)}}.auth-wrap{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:var(--space-8) var(--space-4)}.auth-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:400px;padding:var(--space-10) var(--space-10);width:100%}.auth-card h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.auth-form{gap:var(--space-5)}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:var(--space-2)}.auth-form button[type=submit]{background:var(--accent);color:#fff;font-weight:600;justify-content:center;margin-top:var(--space-2);padding:.75rem;width:100%}.auth-form button[type=submit]:hover{background:var(--accent-hover)}.auth-footer{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-6);text-align:center}.auth-footer a{color:var(--accent);font-weight:500}.auth-error{background:#fff5f5;border:1px solid #fecaca;border-radius:var(--radius-sm);color:var(--error)}.auth-error,.auth-success{font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);color:var(--success)}.grocery-page{margin:0 auto;max-width:680px;padding:var(--space-10) var(--space-8) var(--space-16)}.grocery-splash{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:var(--space-8)}.grocery-splash-inner{max-width:480px;text-align:center}.grocery-splash-inner h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-4)}.grocery-splash-inner p{color:var(--text-secondary);font-size:var(--text-lg)}.grocery-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.grocery-header-left{align-items:baseline;display:flex;gap:var(--space-3)}.grocery-header-left h1{font-size:var(--text-3xl)}.grocery-header-actions{display:flex;gap:var(--space-2)}.grocery-progress{background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:600;padding:2px 10px}.grocery-action-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);white-space:nowrap}.grocery-action-btn--danger{border-color:#fecaca;color:var(--error)}.grocery-action-btn--danger:hover{background:#fff5f5;border-color:#fca5a5}.grocery-progress-bar-wrap{background:var(--border);border-radius:99px;height:4px;margin-bottom:var(--space-6);overflow:hidden}.grocery-progress-bar{background:var(--success);border-radius:99px;height:100%;min-width:4px;transition:width .4s ease}.grocery-add-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.grocery-add-input{flex:1 1;font-size:var(--text-sm);padding:.7rem var(--space-4)}.quick-add-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5);min-height:30px}.quick-add-chip{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:4px 12px;transition:all var(--transition);white-space:nowrap}.quick-add-chip:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.mp-bar{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.mp-toggle{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition)}.mp-toggle--open,.mp-toggle:hover{border-color:var(--accent);color:var(--accent)}.mp-toggle-arrow{font-size:10px;opacity:.6}.mp-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-5) var(--space-6)}.mp-week-nav{gap:var(--space-3)}.mp-nav-btn,.mp-week-nav{align-items:center;display:flex}.mp-nav-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);height:30px;justify-content:center;padding:0;transition:all var(--transition);width:30px}.mp-nav-btn:hover{border-color:var(--border-strong)}.mp-week-label{color:var(--text-primary);font-weight:700;min-width:130px}.mp-hint,.mp-week-label{font-size:var(--text-sm)}.mp-hint{color:var(--text-secondary);margin:0}.mp-generate-btn{align-self:flex-start}.mp-step-header{align-items:center;display:flex;gap:var(--space-3)}.mp-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);font-weight:600;padding:0}.mp-back-btn:hover,.mp-step-title{color:var(--text-primary)}.mp-step-title{font-size:var(--text-sm);font-weight:700}.mp-meal-header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between}.mp-meal-count,.mp-sel-btn{font-weight:600}.mp-sel-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-xs);padding:0}.mp-sel-btn:hover{text-decoration:underline}.mp-meal-list{display:flex;flex-direction:column;gap:4px}.mp-meal-row{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:8px 10px;transition:all var(--transition)}.mp-meal-row--selected{background:var(--surface);border-color:var(--accent)}.mp-meal-check{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:15px;width:15px}.mp-meal-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.mp-meal-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-meal-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.mp-meal-stepper{align-items:center;display:flex;flex-shrink:0;gap:4px}.mp-stepper-btn{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;height:24px;justify-content:center;line-height:1;padding:0;transition:all var(--transition);width:24px}.mp-stepper-btn:hover{border-color:var(--accent);color:var(--accent)}.mp-stepper-val{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:700;min-width:26px;text-align:center}.mp-stepper-val--active{color:var(--accent)}.mp-ing-list{display:flex;flex-direction:column;gap:4px}.mp-ing-row{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:8px 10px;transition:all var(--transition)}.mp-ing-row--selected{background:var(--surface);border-color:var(--accent)}.mp-ing-name{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:500}.mp-ing-qty{background:var(--bg);border:1px solid var(--border);border-radius:99px;font-size:var(--text-xs);font-weight:500;padding:2px 8px}.mp-ing-qty,.mp-pantry-badge{color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.mp-pantry-badge{background:var(--border);border-radius:99px;font-size:10px;font-weight:600;padding:2px 7px}.mp-pantry-section{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mp-pantry-toggle{align-items:center;background:var(--surface);border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:700;justify-content:space-between;padding:10px 12px;transition:background var(--transition);width:100%}.mp-pantry-toggle:hover{background:var(--bg)}.mp-pantry-body{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding:10px 12px}.mp-pantry-chips{display:flex;flex-wrap:wrap;gap:6px}.mp-pantry-chip{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.mp-pantry-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:13px;line-height:1;padding:0}.mp-pantry-remove:hover{color:var(--error)}.mp-pantry-add-row{display:flex;gap:var(--space-2)}.mp-pantry-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:var(--text-xs);outline:none;padding:5px 10px}.mp-pantry-input:focus{border-color:var(--accent)}.mp-pantry-add-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:600;padding:5px 12px}.mp-pantry-add-btn:disabled{cursor:default;opacity:.4}.grocery-loading{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.grocery-skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--border) 25%,var(--surface-raised) 50%,var(--border) 75%);background-size:400px 100%;border-radius:var(--radius);height:52px}.grocery-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.grocery-empty-icon{font-size:3rem;opacity:.3}.grocery-empty h3{font-size:var(--text-xl)}.grocery-empty p{color:var(--text-secondary);font-size:var(--text-sm)}.grocery-content{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-4)}.grocery-category-header{align-items:center;border-bottom:1.5px solid var(--border);display:flex;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2) 0;width:100%}.grocery-category-header--btn{background:#0000;border:none;border-bottom:1.5px solid var(--border);border-radius:0;cursor:pointer;padding:var(--space-2) 0;transition:opacity var(--transition)}.grocery-category-header--btn:hover{opacity:.7}.grocery-category-icon{font-size:1rem;line-height:1}.grocery-category-label{flex:1 1;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.grocery-category-count,.grocery-category-label{color:var(--text-tertiary);font-size:var(--text-xs)}.grocery-category-count{background:var(--bg);border:1px solid var(--border);border-radius:99px;font-weight:600;padding:1px 8px}.grocery-cart-arrow{color:var(--text-tertiary);font-size:9px;margin-left:var(--space-1)}.grocery-category--checked .grocery-category-header{opacity:.7}.grocery-category--checked .grocery-category-icon{color:var(--success)}.grocery-category-items{display:flex;flex-direction:column}.grocery-item{align-items:center;border-bottom:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);transition:background var(--transition)}.grocery-item:last-child{border-bottom:none}.grocery-item:hover{background:var(--surface)}.grocery-item--checked .grocery-item-name{color:var(--text-tertiary);text-decoration:line-through}.grocery-checkbox{align-items:center;background:#0000;border:2px solid var(--border);border-radius:6px;cursor:pointer;display:flex;height:22px;justify-content:center;min-width:22px;padding:0;transition:all var(--transition);width:22px}.grocery-checkbox:hover{border-color:var(--accent)}.grocery-item--checked .grocery-checkbox{background:var(--success);border-color:var(--success)}.grocery-checkbox-inner{color:#fff;font-size:11px;font-weight:700;line-height:1}.grocery-item-name{color:var(--text-primary);cursor:default;flex:1 1;font-size:var(--text-sm);font-weight:500;transition:color var(--transition)}.grocery-item-name:hover{cursor:text;-webkit-text-decoration:underline dotted var(--border-strong);text-decoration:underline dotted var(--border-strong)}.grocery-item-qty{background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);font-weight:500;padding:2px 8px;transition:border-color var(--transition);white-space:nowrap}.grocery-item-qty:hover{border-color:var(--accent);color:var(--accent)}.grocery-edit-input{background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-light);color:var(--text-primary);flex:1 1;font-size:var(--text-sm);outline:none;padding:2px var(--space-2);width:0}.grocery-remove{background:#0000;border:none;border-radius:var(--radius-sm);color:#0000;cursor:pointer;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);transition:color var(--transition),background var(--transition)}.grocery-item:hover .grocery-remove{color:var(--text-tertiary)}.grocery-remove:hover{background:#fff5f5;color:var(--error)!important}.grocery-cat-wrap{flex-shrink:0;position:relative}.grocery-cat-btn{background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;opacity:0;padding:var(--space-1) 4px;transition:opacity var(--transition),background var(--transition)}.grocery-item:hover .grocery-cat-btn{opacity:.55}.grocery-cat-btn:hover{background:var(--bg);opacity:1!important}.grocery-cat-menu{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 24px #0000001a;max-height:300px;min-width:190px;overflow-y:auto;padding:var(--space-1);position:absolute;right:0;top:calc(100% + 4px);z-index:200}.grocery-cat-menu-label{color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.06em;padding:var(--space-2) var(--space-3) var(--space-1);text-transform:uppercase}.grocery-cat-option{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--transition);width:100%}.grocery-cat-option:hover{background:var(--bg)}@media (max-width:768px){.grocery-page{padding:var(--space-6) var(--space-4) var(--space-12)}}.ar-page{max-width:720px}.ar-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-8);padding:0;transition:color var(--transition)}.ar-back:hover{color:var(--text-primary)}.ar-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.ar-topbar .ar-back{margin-bottom:0}.ar-heading{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:var(--space-8)}.ar-methods{display:flex;flex-direction:column;gap:var(--space-3)}.ar-method-card{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-5);text-align:left;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);width:100%}.ar-method-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.ar-method-icon{flex-shrink:0;font-size:1.75rem}.ar-method-text{flex:1 1}.ar-method-label{color:var(--text-primary);font-size:var(--text-base);font-weight:700}.ar-method-sub{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin-top:2px}.ar-chevron{color:var(--text-tertiary);font-size:1.25rem;font-weight:300}.ar-import-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.ar-import-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.ar-import-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.ar-import-row{display:flex;gap:var(--space-3)}.ar-import-row input{flex:1 1}.ar-paste-area{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);outline:none;padding:var(--space-4);resize:vertical;transition:border-color var(--transition);width:100%}.ar-paste-area:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ar-parse-btn{justify-content:center;padding:.75rem;width:100%}.ar-import-error{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-3)}.ar-spinner{animation:ar-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes ar-spin{to{transform:rotate(1turn)}}.ar-success-banner{align-items:center;background:#edf7f1;border:1px solid #2d9d5c4d;border-radius:var(--radius);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.ar-reimport,.ar-success-banner{color:#2d9d5c;font-size:var(--text-sm);font-weight:600}.ar-reimport{background:none;border:none;cursor:pointer;margin-left:auto;padding:0;text-decoration:underline}.ar-form{display:flex;flex-direction:column;gap:0}.ar-section{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-6)}.ar-section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.ar-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.ar-col-2{grid-column:1/-1}.ar-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ar-ingredients,.ar-label{display:flex;flex-direction:column;gap:var(--space-2)}.ar-ing-row{align-items:center;display:flex;gap:var(--space-2)}.ar-ing-qty{flex-shrink:0;width:64px}.ar-ing-unit{flex-shrink:0;width:80px}.ar-ing-name{flex:1 1}.ar-steps{flex-direction:column}.ar-step-row,.ar-steps{display:flex;gap:var(--space-3)}.ar-step-row{align-items:flex-start}.ar-step-num{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:700;height:28px;justify-content:center;margin-top:10px;width:28px}.ar-step-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);flex:1 1;font-family:var(--font);font-size:var(--text-sm);line-height:1.6;outline:none;padding:var(--space-3) var(--space-4);resize:none;transition:border-color var(--transition)}.ar-step-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ar-add-row{align-self:flex-start;background:none;border:1.5px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;margin-top:var(--space-1);padding:var(--space-3) var(--space-4);transition:all var(--transition)}.ar-add-row:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ar-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:var(--text-base);padding:0 var(--space-2);transition:color var(--transition)}.ar-remove:hover{color:var(--error)}.ar-toggle-row{align-items:center!important;color:var(--text-primary)!important;flex-direction:row!important;font-size:var(--text-sm)!important;font-weight:600!important;gap:var(--space-4)!important;justify-content:space-between;letter-spacing:0!important;text-transform:none!important}.ar-toggle-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.ar-toggle-sub{color:var(--text-tertiary);display:block;font-size:var(--text-xs);font-weight:400;margin-top:2px}.ar-toggle{background:var(--border);border:none;border-radius:99px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .25s;width:44px}.ar-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .25s;width:20px}.ar-toggle--on{background:var(--success)}.ar-toggle--on:after{transform:translateX(18px)}.ar-tag-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.ar-tag-suggest{background:var(--bg);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 10px;text-transform:none;transition:all var(--transition)}.ar-tag-suggest:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ar-tag-suggest--active,.ar-tag-suggest--active:hover{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.ar-tag-input-row{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);cursor:text;display:flex;flex-wrap:wrap;gap:var(--space-1);min-height:40px;padding:var(--space-2) var(--space-2);transition:border-color var(--transition)}.ar-tag-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ar-tag-pill{align-items:center;background:var(--text-primary);border-radius:99px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 10px;text-transform:none}.ar-tag-pill-remove{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;line-height:1;margin-left:2px;padding:0;transition:color var(--transition)}.ar-tag-pill-remove:hover{color:#fff}.ar-tag-text-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font);font-size:var(--text-sm);min-width:80px;outline:none;padding:2px 4px}.ar-footer{display:flex;gap:var(--space-3);padding-top:var(--space-2)}@media (max-width:560px){.ar-grid{grid-template-columns:1fr}.ar-col-2{grid-column:1}.ar-import-row{flex-direction:column}}.ex-page{padding:var(--space-8) clamp(var(--space-6),5vw,var(--space-16)) var(--space-16)}.ex-header{margin-bottom:var(--space-8)}.ex-header-top{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-5)}.ex-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.025em}.discover-mode-toggle{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);display:flex;gap:2px;padding:3px}.discover-mode-btn{background:#0000;border:none;border-radius:calc(var(--radius) - 2px);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:6px 18px;transition:all var(--transition);white-space:nowrap}.discover-mode-btn:hover{color:var(--text-primary)}.discover-mode-btn--active{background:var(--bg);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.ex-page .feed-inner{margin:0 auto;max-width:560px}.ex-search-wrap{position:relative;width:240px}.ex-search-icon{color:var(--text-tertiary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ex-search{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:.55rem var(--space-4) .55rem 34px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.ex-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ex-tabs{-ms-overflow-style:none;display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.ex-tabs::-webkit-scrollbar{display:none}.ex-tab{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-5);transition:all var(--transition);white-space:nowrap}.ex-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.ex-tab--active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.ex-grid{column-count:4;column-gap:var(--space-4)}.ex-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);break-inside:avoid;cursor:pointer;display:block;margin-bottom:var(--space-4);overflow:hidden;page-break-inside:avoid;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);width:100%}.ex-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ex-card--no-image{border:none}.ex-card--no-image:hover{box-shadow:0 4px 16px #0000001a}.ex-card-img{overflow:hidden;position:relative}.ex-card-img img{display:block;height:auto;transition:transform .5s ease;width:100%}.ex-card:hover .ex-card-img img{transform:scale(1.04)}.ex-card-cuisine{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1918a6;border:1px solid #ffffff26;border-radius:99px;color:#fff;font-size:11px;font-weight:600;left:var(--space-3);letter-spacing:.02em;padding:3px 10px;position:absolute;top:var(--space-3)}.ex-card-body{padding:var(--space-3) var(--space-4) var(--space-2)}.ex-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-base);font-weight:700;line-height:1.3;margin-bottom:var(--space-2);overflow:hidden}.ex-card-meta{align-items:center;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:4px var(--space-2)}.ex-card-dot{opacity:.4}.ex-card-category{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);font-weight:600}.ex-card-tag{background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);font-weight:500;padding:1px 7px}.ex-card-remix{color:var(--text-tertiary);font-size:11px;font-style:italic;margin-top:var(--space-2)}.ex-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-3)}.ex-card-author{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0;text-decoration:none}.ex-card-author-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:22px;justify-content:center;width:22px}.ex-card-author-name{color:var(--text-secondary);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition);white-space:nowrap}.ex-card-author:hover .ex-card-author-name{color:var(--accent)}.ex-like-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:600;gap:5px;line-height:1;padding:var(--space-1) var(--space-2);transition:color var(--transition),background var(--transition)}.ex-like-btn:hover{background:var(--accent-light)}.ex-like-btn--liked,.ex-like-btn:hover{color:var(--accent)}.ex-like-btn svg{flex-shrink:0;transition:transform .12s}.ex-like-btn:active svg{transform:scale(1.35)}.ex-save-btn{background:none;border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:all var(--transition)}.ex-save-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ex-save-btn--saved{background:var(--success);border-color:var(--success);color:#fff}.ex-save-btn:disabled{cursor:default;opacity:.5}.ex-skeleton{animation:ex-shimmer 1.4s linear infinite;aspect-ratio:4/3;background:linear-gradient(90deg,var(--border) 25%,var(--surface-raised) 50%,var(--border) 75%);background-size:600px 100%;border-radius:var(--radius-lg)}@keyframes ex-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.ex-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.ex-empty-icon{font-size:3rem;opacity:.3}.ex-empty h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.ex-empty p{color:var(--text-secondary);font-size:var(--text-sm);max-width:340px}.people-section{max-width:560px}.people-list{display:flex;flex-direction:column;gap:var(--space-3)}.people-card{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:border-color var(--transition),box-shadow var(--transition)}.people-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.people-card-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.people-card-info{flex:1 1;min-width:0}.people-card-name{color:var(--text-primary);display:block;font-size:var(--text-base);font-weight:700}.people-card-meta{color:var(--text-tertiary);display:block;font-size:var(--text-xs);margin-top:2px}.people-follow-btn{background:var(--text-primary);border:1.5px solid var(--text-primary);border-radius:99px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:700;padding:6px 16px;transition:all var(--transition)}.people-follow-btn:hover{opacity:.85}.people-follow-btn--following{background:#0000;border-color:var(--border);color:var(--text-secondary)}.people-follow-btn--following:hover{border-color:var(--error);color:var(--error)}.people-skeleton{animation:ex-shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--border) 25%,var(--surface-raised) 50%,var(--border) 75%);background-size:600px 100%;border-radius:var(--radius-lg);height:76px}@media (max-width:1100px){.ex-grid{column-count:3}}@media (max-width:768px){.ex-page{padding:var(--space-6) var(--space-4) var(--space-12)}.ex-header-top{align-items:flex-start;flex-direction:column}.ex-search-wrap{width:100%}.ex-grid{column-count:2;column-gap:var(--space-3)}.ex-card{margin-bottom:var(--space-3)}}.feed-page{padding:var(--space-8) clamp(var(--space-4),4vw,var(--space-10)) var(--space-16)}.feed-inner{margin:0 auto;max-width:560px}.feed-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.025em;margin-bottom:var(--space-8)}.feed-posts{display:flex;flex-direction:column;gap:var(--space-8)}.feed-post{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.feed-post-author{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.feed-author-link{align-items:center;display:flex;flex:1 1;gap:var(--space-2);text-decoration:none}.feed-author-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.feed-author-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;transition:color var(--transition)}.feed-author-link:hover .feed-author-name{color:var(--accent)}.feed-post-category{background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:99px;color:var(--accent);font-size:11px;font-weight:600;padding:2px 8px}.feed-post-img{background:var(--bg);cursor:pointer;overflow:hidden;width:100%}.feed-post-img img{aspect-ratio:4/3;display:block;object-fit:cover;transition:transform .4s ease;width:100%}.feed-post-img:hover img{transform:scale(1.02)}.feed-post-placeholder{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:flex-end;min-height:160px;padding:var(--space-5) var(--space-5) var(--space-6)}.feed-placeholder-pill{align-self:flex-start;background:#00000014;border-radius:99px;color:#00000080;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.feed-post-placeholder-name{color:#000000d9;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em;line-height:1.2}.feed-placeholder-time{color:#0006;font-size:var(--text-xs);font-weight:500}.feed-action-count{color:currentColor;font-size:12px;font-weight:600;margin-left:3px}.feed-post-actions{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2)}.feed-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;transition:color var(--transition),transform var(--transition)}.feed-action-btn:hover{color:var(--text-primary)}.feed-action-btn:active{transform:scale(.88)}.feed-like-btn--liked{color:var(--accent)}.feed-like-btn--liked:hover{color:var(--accent-hover)}.feed-save-btn--saved{color:var(--text-primary)}.feed-post-meta{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-4) var(--space-4)}.feed-like-count{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.feed-post-info{cursor:pointer;display:flex;flex-direction:column;gap:2px}.feed-post-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.feed-post-details{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-xs);gap:var(--space-2)}.feed-dot{opacity:.4}.feed-post-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:2px}.feed-tag{color:var(--accent);font-size:var(--text-xs);font-weight:500}.feed-skeletons{display:flex;flex-direction:column;gap:var(--space-8)}.feed-skeleton{animation:feed-shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--border) 25%,var(--surface-raised) 50%,var(--border) 75%);background-size:600px 100%;border-radius:var(--radius-lg);height:480px}@keyframes feed-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.feed-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-6);text-align:center}.feed-empty-icon{font-size:3.5rem;opacity:.3}.feed-empty h3{font-size:var(--text-xl);font-weight:700}.feed-empty p{color:var(--text-secondary);font-size:var(--text-sm);max-width:300px}.pf-page{padding-top:var(--space-10)}.pf-header{border-bottom:1px solid var(--border);gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-8)}.pf-avatar,.pf-header{align-items:center;display:flex}.pf-avatar{background:var(--accent);border-radius:50%;color:#fff;flex-shrink:0;font-size:2.25rem;font-weight:800;height:88px;justify-content:center;width:88px}.pf-info{display:flex;flex-direction:column;gap:var(--space-1)}.pf-name{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.025em;margin:0}.pf-email{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.pf-stats{display:flex;gap:var(--space-6);margin-top:var(--space-3)}.pf-stat{align-items:flex-start;display:flex;flex-direction:column}.pf-stat-num{color:var(--text-primary);font-size:var(--text-xl);font-weight:800;line-height:1}.pf-stat-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pf-section-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5)}.pf-public-badge{background:#2d9d5cb3!important;border-color:#2d9d5c4d!important}@media (max-width:600px){.pf-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.pf-avatar{font-size:1.75rem;height:68px;width:68px}}.up-page{padding-top:var(--space-10)}.up-header{border-bottom:1px solid var(--border);gap:var(--space-8);margin-bottom:var(--space-10);padding-bottom:var(--space-8)}.up-avatar,.up-header{align-items:center;display:flex}.up-avatar{background:var(--accent);border-radius:50%;color:#fff;flex-shrink:0;font-size:2.25rem;font-weight:800;height:88px;justify-content:center;width:88px}.up-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.up-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5)}.up-name{color:var(--text-primary);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;letter-spacing:-.025em;margin:0}.up-follow-btn{background:var(--text-primary);border:1.5px solid var(--text-primary);border-radius:99px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-6);transition:all var(--transition)}.up-follow-btn:hover{opacity:.85}.up-follow-btn--following{background:#0000;border-color:var(--border);color:var(--text-secondary)}.up-follow-btn--following:hover{border-color:var(--error);color:var(--error)}.up-follow-btn:disabled{cursor:default;opacity:.5}.up-stats{display:flex;gap:var(--space-6)}.up-stat{display:flex;flex-direction:column}.up-stat-num{color:var(--text-primary);font-size:var(--text-xl);font-weight:800;line-height:1}.up-stat-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.up-empty,.up-stat-label{color:var(--text-tertiary)}.up-empty{font-size:var(--text-sm);padding:var(--space-12) 0}.up-skeleton-header{animation:up-pulse 1.5s ease-in-out infinite;background:var(--border);border-radius:var(--radius-lg);height:100px;margin-bottom:var(--space-8)}@keyframes up-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:600px){.up-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.up-avatar{font-size:1.75rem;height:68px;width:68px}}.settings-page{max-width:560px}.settings-header{margin-bottom:var(--space-8)}.settings-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700}.settings-section{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-6)}.settings-section--danger{border-color:#fecaca}.settings-section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-5)}.settings-section-title--danger{color:var(--error)}.settings-danger-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-5)}.settings-form{flex-direction:column}.settings-form,.settings-row{display:flex;gap:var(--space-4)}.settings-row{align-items:center;justify-content:space-between}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-row-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.settings-row-value{color:var(--text-tertiary);font-size:var(--text-xs)}.settings-toggle-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:6px 16px;transition:all var(--transition);white-space:nowrap}.settings-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-field{gap:var(--space-2)}.cm-page,.settings-field{display:flex;flex-direction:column}.cm-page{background:var(--nav-bg);font-family:var(--font);min-height:100vh}.cm-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.cm-exit{background:#ffffff14;border:1px solid #ffffff1f;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition)}.cm-exit:hover{background:#ffffff26;color:#fff}.cm-recipe-name{color:#fff9;flex:1 1;overflow:hidden;padding:0 var(--space-4);text-align:center;text-overflow:ellipsis}.cm-recipe-name,.cm-step-counter{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.cm-step-counter{color:#ffffff80}.cm-progress-track{background:#ffffff1a;flex-shrink:0;height:3px}.cm-progress-fill{background:var(--accent);border-radius:0 99px 99px 0;height:100%;transition:width .4s ease}.cm-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-6);justify-content:center;margin:0 auto;max-width:680px;padding:var(--space-8) var(--space-6) var(--space-6);width:100%}.cm-step-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-8);text-align:center;width:100%}.cm-step-badge{background:var(--accent);border-radius:99px;color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;margin-bottom:var(--space-5);padding:4px 14px;text-transform:uppercase}.cm-step-text{color:#ffffffeb;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:400;line-height:1.7;margin:0}.cm-nav{display:flex;gap:var(--space-3);justify-content:center;width:100%}.cm-nav-btn{border:none;border-radius:var(--radius);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:600;max-width:160px;padding:var(--space-4) var(--space-5);transition:all var(--transition)}.cm-nav-prev{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffb3}.cm-nav-prev:hover:not(:disabled){background:#ffffff24;color:#fff}.cm-nav-prev:disabled{cursor:not-allowed;opacity:.3}.cm-nav-next{background:var(--accent);color:#fff}.cm-nav-next:hover{background:var(--accent-hover);box-shadow:0 4px 16px #e8622a66;transform:translateY(-1px)}.cm-nav-done{background:var(--success);color:#fff;font-size:var(--text-lg)}.cm-nav-done:hover{filter:brightness(1.1)}.cm-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cm-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all var(--transition);width:8px}.cm-dot-done{background:#e8622a80}.cm-dot-active{background:var(--accent);transform:scale(1.4)}.cm-ing-drawer{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:var(--radius-lg);overflow:hidden;width:100%}.cm-ing-toggle{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-3);padding:var(--space-4) var(--space-5);text-align:left;transition:color var(--transition);width:100%}.cm-ing-toggle:hover{color:#fff}.cm-ing-count{background:#ffffff1f;border-radius:99px;font-size:var(--text-xs);margin-left:auto;padding:2px 10px}.cm-ing-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;padding:0 var(--space-4) var(--space-4)}.cm-ing-item{align-items:center;border-radius:var(--radius-sm);color:#fffc;cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background var(--transition)}.cm-ing-item:hover{background:#ffffff0f}.cm-ing-checked{color:#ffffff59;text-decoration:line-through}.cm-ing-check{align-items:center;border:1.5px solid #ffffff40;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;transition:all var(--transition);width:18px}.cm-ing-checked .cm-ing-check{background:var(--success);border-color:var(--success)}.cm-empty,.cm-loading{align-items:center;color:#ffffff80;gap:var(--space-4);justify-content:center}.cm-spinner-lg{animation:cm-spin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top:3px solid var(--accent);height:36px;width:36px}@keyframes cm-spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.520a5b7f.css.map*/