*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf6ef;--surface: #fffdf9;--surface-alt: #f5ece0;--border: #e4d4c0;--border-focus: #c07845;--primary: #6b3d1e;--primary-hover: #8a5230;--primary-glow: rgba(107,61,30,.15);--accent: #b8682e;--accent-light: #fef3e8;--text: #2a180c;--text-muted: #7a5840;--starter: #2d6b4a;--starter-light: #eaf5f0;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 6px rgba(80,40,10,.06);--shadow: 0 2px 12px rgba(80,40,10,.09);--shadow-md: 0 4px 24px rgba(80,40,10,.13);--shadow-lg: 0 8px 40px rgba(80,40,10,.18);--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-script: "Caveat", cursive;--ease-spring: cubic-bezier(.22, 1, .36, 1)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}.app{max-width:660px;margin:0 auto;padding:0 16px calc(80px + env(safe-area-inset-bottom))}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes timelineIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px) scaleY(.95);transform-origin:top}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes shimmer{0%{left:-80%}to{left:120%}}@keyframes feedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:enter .45s var(--ease-spring) both}.header{padding:28px 0 22px;border-bottom:2px solid var(--border);margin-bottom:32px;-webkit-user-select:none;user-select:none}.header-wordmark{display:flex;flex-direction:column;gap:3px}.header-brand{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-.03em;line-height:1;transition:color .2s}.header:hover .header-brand{color:var(--accent)}.header-tagline{font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:14px;transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.01em;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6b3d1e4d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 16px #6b3d1e59;transform:translateY(-1px)}.btn-primary:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-18deg);pointer-events:none}.btn-primary:hover:not(:disabled):after{animation:shimmer .55s ease}.btn-secondary{background:var(--surface-alt);color:var(--primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border)}.btn-danger{background:#fff0f0;color:#b91c1c;border:1.5px solid #fca5a5}.btn-danger:hover:not(:disabled){background:#fde8e8}.btn-sm{padding:6px 13px;font-size:.8rem}.btn-icon{padding:5px 8px;font-size:1rem;min-width:32px}.btn-full{width:100%;margin-bottom:8px}.btn-lg{padding:15px 24px;font-size:1rem;font-weight:700;letter-spacing:.02em}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:7px}.form-input,.form-select{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:.93rem;transition:border-color .18s,box-shadow .18s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b8682e33}.form-row{display:flex;gap:12px;align-items:flex-end}.form-row>.form-group{flex:1;margin-bottom:0}.field-hint{font-size:.77rem;color:var(--text-muted);margin-top:6px;line-height:1.4}.unit-label{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.unit-toggle{flex:0 0 56px;padding:10px 0;font-size:.9rem;font-weight:700}.section-title{font-family:var(--font-display);font-style:italic;font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:16px;letter-spacing:0;padding-bottom:8px;border-bottom:1.5px solid var(--border)}.back-nav{display:inline-flex;align-items:center;gap:5px;margin-bottom:18px;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600;transition:color .15s,gap .15s}.back-nav:hover{color:var(--primary);gap:8px}h2{font-family:var(--font-display);font-style:italic;font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.15;margin-bottom:20px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recipe-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.recipe-card-info h3{font-family:var(--font-display);font-style:italic;font-size:1.05rem;font-weight:700;margin-bottom:3px}.recipe-card-info .meta{font-size:.78rem;color:var(--text-muted)}.recipe-card-actions{display:flex;gap:6px;flex-shrink:0}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-icon{margin-bottom:16px}.empty-state h3{font-family:var(--font-display);font-style:italic;font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:10px}.empty-state p{font-size:.9rem;margin-bottom:28px;max-width:280px;margin-inline:auto;line-height:1.6}.url-import-card{background:linear-gradient(135deg,var(--surface) 0%,var(--accent-light) 100%)}.url-import-row{display:flex;gap:8px;align-items:stretch}.url-import-row .form-input{flex:1}.steps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.steps-empty{text-align:center;color:var(--text-muted);font-size:.88rem;padding:28px 20px}.step-card{display:flex;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;box-shadow:var(--shadow-sm);overflow:hidden;animation:cardIn .35s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .04s);transition:box-shadow .2s,transform .2s}.step-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.step-card-accent{width:5px;flex-shrink:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);transition:width .2s}.step-card:hover .step-card-accent{width:7px}.step-card-body{flex:1;padding:16px}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.step-number{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-type-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.step-type-hint{font-size:.74rem;color:var(--text-muted);margin-top:10px;font-style:italic}.sf-card{background:linear-gradient(135deg,#f0f8fa,#e8f4f8);border-color:#4a7a8a44}.builder-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.fetch-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(107,61,30,.25);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a180c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);padding:28px;width:100%;max-width:580px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .35s var(--ease-spring) both}.modal h3{font-family:var(--font-display);font-style:italic;font-size:1.2rem;font-weight:700;margin-bottom:6px}.modal-sub{font-size:.85rem;color:var(--text-muted);margin-bottom:18px}.import-steps-list{display:flex;flex-direction:column;gap:8px}.import-step-row{display:flex;gap:8px;align-items:center;animation:feedIn .3s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .04s)}.import-step-num{width:22px;height:22px;background:var(--surface-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.radio-card{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);transition:border-color .18s,background .18s,transform .15s}.radio-card:hover{transform:translate(3px)}.radio-card.selected{border-color:var(--accent);background:var(--accent-light);transform:translate(3px)}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid;flex-shrink:0;transition:all .18s}.proof-card{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.85rem;background:var(--surface);transition:all .18s}.proof-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.proof-card.selected{border-color:var(--accent);background:var(--accent-light);color:var(--primary)}.toggle-row{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.toggle-checkbox{display:none}.toggle-switch{flex-shrink:0;width:42px;height:24px;border-radius:12px;background:var(--border);position:relative;transition:background .25s;margin-top:2px}.toggle-switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0003;transition:transform .3s var(--ease-spring)}.toggle-switch.on{background:var(--starter)}.toggle-switch.on:after{transform:translate(18px)}.starter-section{margin-top:20px;border-top:1px solid var(--border);padding-top:20px;animation:expandDown .3s var(--ease-spring) both}.starter-preview{margin-top:16px;display:flex;flex-direction:column;gap:10px}.warning-note{background:#fefce8;border:1.5px solid #fde047;border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;color:#78350f}.starter-feed-preview{background:var(--starter-light);border:1.5px solid #b2d8c4;border-radius:var(--radius-sm);padding:14px 16px;animation:feedIn .35s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .1s)}.sfp-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.sfp-label{font-size:.85rem;font-weight:700;color:var(--starter)}.sfp-time{font-size:.8rem;color:var(--text-muted)}.sfp-amounts{font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:4px}.sfp-sep{color:var(--border)}.sfp-peak{font-size:.78rem;color:var(--starter);font-weight:700;margin-top:6px}.adjustment-note{background:#fefce8;border:1.5px solid #fde68a;border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;color:#78350f;margin-bottom:14px}.tag{display:inline-block;padding:3px 9px;border-radius:100px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.criteria-chips{display:flex;flex-wrap:wrap;gap:6px}.criteria-chip{display:inline-flex;align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:100px;padding:4px 11px;font-size:.7rem;color:var(--text-muted);font-weight:500;letter-spacing:.04em}.start-card{background:linear-gradient(135deg,var(--primary) 0%,#3d1e08 100%);color:#fff;border-radius:var(--radius);padding:24px 26px;margin-bottom:28px;box-shadow:var(--shadow-md)}.start-card-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:8px}.start-card-time{font-family:var(--font-display);font-style:italic;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.start-card-sub{font-size:.83rem;opacity:.65;margin-top:8px}.timeline-header{margin-bottom:20px}.timeline-header h2{margin-bottom:4px}.timeline-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:12px}.timeline-section-label{font-family:var(--font-display);font-style:italic;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:16px;padding-bottom:8px;border-bottom:1.5px solid var(--border)}.timeline{margin-bottom:10px}.timeline-step{display:flex;align-items:flex-start;animation:timelineIn .45s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .07s)}.timeline-left{width:78px;flex-shrink:0;text-align:right;padding-top:5px;padding-right:12px}.timeline-time{font-size:.78rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.eat-time{color:var(--primary);font-size:.83rem}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:22px}.timeline-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:4px;border:2.5px solid var(--bg);transition:transform .2s}.timeline-step:hover .timeline-dot{transform:scale(1.2)}.eat-dot{width:16px;height:16px;background:var(--primary)!important}.timeline-line{width:2px;flex:1;background:var(--border);min-height:24px;margin-top:4px}.timeline-right{flex:1;padding-left:12px;padding-bottom:20px}.timeline-content{background:var(--surface);border:1.5px solid var(--border);border-left:4px solid;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.timeline-content:hover{box-shadow:var(--shadow);transform:translate(2px)}.eat-content{border-left-color:var(--primary)!important;background:var(--accent-light)}.eat-content h4{color:var(--primary);font-family:var(--font-display);font-style:italic;font-size:1.1rem}.timeline-content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:5px}.timeline-content h4{font-size:.95rem;font-weight:700;line-height:1.3}.timeline-duration{font-size:.78rem;color:var(--text-muted)}.adjusted-note{margin-left:6px;opacity:.75}.timeline-notes{margin-top:6px;font-size:.8rem;color:var(--text-muted);font-style:italic;line-height:1.5}.sf-event{display:flex;align-items:center;gap:10px;padding:6px 0 0;border-top:1px dashed var(--border);margin-top:8px;font-size:.82rem;color:var(--text-muted)}.sf-time{font-weight:700;color:#4a7a8a;flex-shrink:0}.starter-feed-amounts{font-size:.8rem;color:var(--text-muted);margin-top:4px;display:flex;flex-direction:column;gap:3px}.starter-peak{font-size:.78rem;color:var(--starter);font-weight:700;margin-top:7px}.ready-badge{display:inline-block;margin-left:8px;background:var(--starter);color:#fff;font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em}.timeline-actions{display:flex;gap:10px;margin-top:8px}@media print{.back-nav,.timeline-actions,.header-tagline,.btn{display:none!important}.app{max-width:100%;padding:0}.card,.timeline-content{box-shadow:none}*{animation:none!important;transition:none!important}}.app{max-width:660px;margin:0 auto;padding:0;padding-top:env(safe-area-inset-top);min-height:100dvh;display:flex;flex-direction:column}.screen-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.screen{padding:0 16px}.screen-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:28px 0 20px;border-bottom:1.5px solid var(--border);margin-bottom:20px}.screen-title{font-family:var(--font-display);font-style:italic;font-size:1.6rem;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1}.screen-title-brand{font-family:var(--font-display);font-style:italic;font-size:1.6rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.screen-title-sub{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-left:4px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:660px;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#faf6eff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:50}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .18s;padding:10px 4px 8px}.nav-tab:hover,.nav-tab--active{color:var(--primary)}.nav-tab--active svg{filter:drop-shadow(0 1px 3px var(--primary-glow))}.nav-tab-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.02em}.avatar--lg{width:68px;height:68px;font-size:22px}@keyframes feedItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.feed{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.feed-item-enter{animation:feedItemIn .4s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .06s)}.feed-card{background:var(--surface);border:none;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px #50280a14,0 0 0 1px #50280a0d;transition:box-shadow .28s var(--ease-spring),transform .28s var(--ease-spring)}.feed-card:hover{box-shadow:0 6px 28px #50280a21,0 0 0 1px #50280a0f;transform:translateY(-2px)}.feed-card--tip{background:#fffdf8}.feed-card-header{display:flex;align-items:center;gap:12px;padding:16px 18px 12px}.feed-card-meta{flex:1;min-width:0}.feed-card-name{display:block;font-size:.95rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.feed-card-sub{display:block;font-size:.73rem;color:var(--text-muted);margin-top:2px;letter-spacing:.01em}.feed-tag{flex-shrink:0;padding:3px 9px;border-radius:100px;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.feed-tag--bake{background:var(--accent-light);color:var(--accent)}.feed-tag--tip{background:#fef3c7;color:#92400e}.feed-card-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden}.feed-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-spring)}.feed-card:hover .feed-card-img{transform:scale(1.02)}.feed-card-body{padding:14px 18px 8px}.feed-recipe-label{font-family:var(--font-display);font-style:italic;font-size:1.15rem;font-weight:800;color:var(--primary);margin-bottom:6px;letter-spacing:-.02em}.feed-caption{font-size:.9rem;line-height:1.6;color:var(--text)}.feed-card-actions{display:flex;gap:2px;padding:6px 12px 14px;border-top:none;margin-top:8px}.feed-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-muted);transition:background .15s,color .15s,transform .1s}.feed-action-btn:hover{background:var(--surface-alt);color:var(--text)}.feed-action-btn:active{transform:scale(.94)}.feed-action-btn.active{color:#e11d48}.feed-action-btn.active.saved{color:var(--primary)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-nav-btn{width:36px;height:36px;border:1.5px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;font-size:1.2rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}.cal-nav-btn:hover{background:var(--surface-alt);color:var(--primary);transform:scale(1.08)}.cal-month-label{font-family:var(--font-display);font-style:italic;font-size:1.1rem;font-weight:700;color:var(--primary)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}.cal-weekday{text-align:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 0}.cal-day{aspect-ratio:1;border:none;border-radius:10px;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.85rem;font-weight:500;color:var(--text);position:relative;transition:background .15s,transform .15s}.cal-day:hover{background:var(--surface-alt);transform:scale(1.08)}.cal-day.today{font-weight:800;color:var(--primary)}.cal-day.today span{text-decoration:underline;text-underline-offset:2px}.cal-day.has-bake{background:var(--accent-light)}.cal-day.has-bake:hover{background:#fde8ca}.cal-day.selected{background:var(--primary);color:#fff}.cal-day.selected:hover{background:var(--primary-hover)}.cal-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.cal-day.selected .cal-dot{background:#ffffffb3}.cal-detail{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;animation:expandDown .3s var(--ease-spring) both}.cal-detail-date{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:1rem;color:var(--primary);margin-bottom:12px}.cal-detail-empty{font-size:.85rem;color:var(--text-muted)}.cal-entry{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.cal-entry:last-child{border-bottom:none}.cal-entry-name{font-size:.9rem;font-weight:600}.cal-entry-delete{background:none;border:none;cursor:pointer;font-size:.78rem;color:#b91c1c;font-weight:600;padding:4px 8px;border-radius:6px;transition:background .15s}.cal-entry-delete:hover{background:#fee2e2}.cal-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.88rem;line-height:1.6}.gallery-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@keyframes thumbIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gallery-thumb{aspect-ratio:1;border:none;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:var(--surface-alt);animation:thumbIn .35s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * .03s);transition:transform .2s var(--ease-spring),box-shadow .2s}.gallery-thumb:hover{transform:scale(1.04);box-shadow:var(--shadow-md);z-index:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-thumb--community{opacity:.7}.gallery-thumb--community:hover{opacity:1}.gallery-thumb-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#2a180cbf);color:#fff;font-size:.65rem;font-weight:700;padding:8px 6px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:540px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .35s var(--ease-spring) both}.photo-modal-img{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;display:block}.photo-modal-body{padding:18px 20px 8px}.photo-modal-caption{font-size:.92rem;line-height:1.55;margin-bottom:10px}.photo-modal-meta{display:flex;gap:8px;flex-wrap:wrap}.photo-modal-actions{display:flex;gap:10px;padding:12px 20px 20px;justify-content:flex-end}.gallery-chip{display:inline-flex;align-items:center;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:100px;padding:3px 10px;font-size:.74rem;color:var(--text-muted);font-weight:500}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 20px 20px;background:linear-gradient(180deg,#fdf0df 0%,var(--bg) 100%);border-radius:20px;margin-bottom:4px}.profile-hero-info{width:100%}.profile-name{font-family:var(--font-display);font-style:italic;font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.1;margin-top:10px}.profile-handle{font-size:.8rem;color:var(--text-muted);margin-top:3px;letter-spacing:.02em}.profile-location{font-size:.8rem;color:var(--text-muted);margin-top:4px}.profile-bio{font-size:.9rem;color:var(--text);margin-top:10px;line-height:1.55;max-width:280px;margin-left:auto;margin-right:auto}.stats-row{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 24px}.stat-block{flex:1;padding:18px 6px;text-align:center;border-right:1px solid var(--border);background:none;border-radius:0;transition:background .15s}.stat-block:last-child{border-right:none}.stat-block:hover{box-shadow:none;transform:none;background:#6b3d1e08}.stat-value{font-family:var(--font-display);font-style:italic;font-size:2.1rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:5px}.stat-label{font-size:.56rem;font-weight:300;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.friends-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.friend-card{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.friend-card:hover{box-shadow:var(--shadow);border-left:3px solid var(--accent)}.friend-card-info{flex:1;min-width:0}.friend-card-name{font-size:.92rem;font-weight:700}.friend-card-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.friend-card-bio{font-size:.8rem;color:var(--text-muted);margin-top:5px;line-height:1.45}.bakes-screen{min-height:calc(100dvh - 64px)}@keyframes onboardingIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:0}.onboarding{width:100%;max-width:660px;height:100dvh;display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative}.onboarding-progress{height:3px;background:var(--border);flex-shrink:0}.onboarding-progress-fill{height:100%;background:var(--primary);transition:width .5s var(--ease-spring);border-radius:0 2px 2px 0}.onboarding-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 32px 40px;text-align:center;animation:slideIn .45s var(--ease-spring) both;overflow-y:auto}.onboarding-profile{align-items:stretch;text-align:left}.onboarding-illustration{margin-bottom:32px;animation:onboardingIn .6s var(--ease-spring) both .1s}.onboarding-title{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-.03em;line-height:1.15;margin-bottom:14px;animation:onboardingIn .5s var(--ease-spring) both .18s}.onboarding-body{font-size:1rem;color:var(--text-muted);line-height:1.6;max-width:300px;margin:0 auto;animation:onboardingIn .5s var(--ease-spring) both .24s}.onboarding-dots{display:flex;gap:8px;margin-top:32px;margin-bottom:32px;animation:onboardingIn .5s var(--ease-spring) both .28s}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .25s,transform .25s var(--ease-spring),width .25s var(--ease-spring)}.onboarding-dot.active{background:var(--primary);width:22px;border-radius:4px}.onboarding-cta{width:100%;animation:onboardingIn .5s var(--ease-spring) both .32s}.onboarding-skip{margin-top:12px;font-size:.82rem;color:var(--text-muted);animation:onboardingIn .5s var(--ease-spring) both .36s}.onboarding-profile-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;letter-spacing:-.02em;transition:transform .3s var(--ease-spring);animation:onboardingIn .5s var(--ease-spring) both .1s}.onboarding-profile .onboarding-title{text-align:center}.onboarding-profile .onboarding-body{text-align:center;max-width:100%}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 40px;background:var(--bg)}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.auth-logo-mark{margin-bottom:10px;filter:drop-shadow(0 4px 12px rgba(200,169,110,.35))}.auth-brand-name{font-size:1.9rem;font-weight:800;color:var(--text);letter-spacing:-.03em}.auth-brand-sub{font-size:.88rem;color:var(--text-muted);margin-top:2px}.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:20px;padding:28px 24px;box-shadow:0 8px 40px #0000001f}.auth-tabs{display:flex;gap:4px;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:24px}.auth-tab{flex:1;padding:10px;border:none;background:transparent;border-radius:9px;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .18s,color .18s}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0000001a}.auth-form{display:flex;flex-direction:column}.auth-submit{width:100%;margin-top:4px}.auth-error{background:#dc503c14;border:1px solid rgba(220,80,60,.25);color:#c0392b;border-radius:10px;padding:10px 14px;font-size:.87rem;margin-bottom:16px}.auth-confirm{text-align:center;padding:8px 0 4px}.auth-confirm-icon{font-size:2.5rem;margin-bottom:12px}.auth-confirm-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.auth-confirm-sub{font-size:.9rem;color:var(--text-muted);line-height:1.5}.form-optional{font-weight:400;color:var(--text-muted);font-size:.82em}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg)}.app-loading-logo{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.app-loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feed-loading{padding:16px;display:flex;flex-direction:column;gap:12px}.feed-skeleton{height:140px;border-radius:16px;background:linear-gradient(90deg,var(--border) 25%,var(--surface) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.feed-empty-icon{display:none}.feed-empty-title{font-family:var(--font-display);font-style:italic;font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:8px}.feed-empty-sub{font-size:.88rem;color:var(--text-muted);line-height:1.55}.post-type-toggle{display:flex;gap:8px;margin-bottom:20px}.post-type-btn{flex:1;padding:10px;border:2px solid var(--border);border-radius:12px;background:transparent;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:border-color .18s,color .18s,background .18s}.post-type-btn.active{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb, 180,120,60),.06)}.form-textarea{resize:vertical;min-height:96px;font-family:inherit;line-height:1.5}.search-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.search-input{flex:1}.stat-block--clickable{cursor:pointer;transition:background .15s;border-radius:10px}.stat-block--clickable:hover{background:var(--bg)}.profile-hero{align-items:flex-start;gap:16px}.conflict-banner{display:flex;gap:12px;align-items:flex-start;background:#dc961e1a;border:1px solid rgba(220,150,30,.35);border-radius:14px;padding:14px 16px;margin-bottom:16px}.conflict-banner-icon{font-size:1.3rem;flex-shrink:0;margin-top:1px}.conflict-banner-body{font-size:.88rem;line-height:1.5;color:var(--text)}.conflict-hours{color:var(--text-muted)}.conflict-fix{margin-top:4px;color:var(--text-muted)}.step-warning{font-size:.78rem;font-weight:600;color:#b87200;background:#dc961e1a;border-radius:6px;padding:3px 8px;margin-bottom:6px;display:inline-block}.sf-event--warn{color:#b87200}.sf-warn-icon{margin-left:6px;font-size:.8rem}.comments-section{border-top:1px solid var(--border);padding:12px 0 4px;display:flex;flex-direction:column;gap:10px}.comments-empty{font-size:.83rem;color:var(--text-muted);text-align:center;padding:4px 0 8px}.comment-row{display:flex;gap:9px;align-items:flex-start}.comment-body{flex:1;font-size:.875rem;line-height:1.45}.comment-author{font-weight:600;color:var(--text)}.comment-text{color:var(--text)}.comment-time{font-size:.75rem;color:var(--text-muted);margin-top:2px}.comment-input-row{display:flex;gap:8px;align-items:center;padding-top:4px}.comment-input{flex:1;border:1px solid var(--border);border-radius:20px;padding:7px 14px;font-size:.875rem;background:var(--bg);color:var(--text);outline:none;transition:border-color .18s;font-family:inherit}.comment-input:focus{border-color:var(--primary)}.feed-header-clickable{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.feed-header-clickable:hover .feed-card-name{text-decoration:underline}.post-image-preview{border-radius:12px;overflow:hidden;position:relative;margin-bottom:12px}.post-image-preview img{width:100%;max-height:240px;object-fit:cover;display:block;border-radius:12px}.remove-image-btn{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border:none;border-radius:20px;padding:4px 10px;font-size:.78rem;cursor:pointer}.add-photo-btn{width:100%;margin-bottom:4px;border:1.5px dashed var(--border);border-radius:10px}.user-profile-modal{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:20px 20px 32px;position:relative;animation:slideUp .28s var(--ease-spring) both}.modal-overlay:has(.user-profile-modal){align-items:flex-end}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg);color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-modal-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.profile-modal-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:20px;padding:8px 36px 0 0}.profile-modal-name{font-family:var(--font-display);font-style:italic;font-size:1.4rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-top:10px}.profile-modal-handle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.profile-modal-detail{font-size:.82rem;color:var(--text-muted);margin-top:3px}.profile-modal-bio{font-size:.88rem;color:var(--text);margin-top:8px;line-height:1.5;max-width:260px}.profile-modal-stats{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.profile-modal-stat{flex:1;text-align:center;padding:14px 6px;border-right:1px solid var(--border);transition:background .15s}.profile-modal-stat:last-child{border-right:none}.profile-modal-stat.stat-block--clickable{cursor:pointer}.profile-modal-stat.stat-block--clickable:hover{background:#6b3d1e08}.follow-modal-btn{width:100%;margin-bottom:20px}.profile-modal-posts-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px}.profile-modal-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.profile-modal-post{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg)}.profile-modal-post img{width:100%;height:100%;object-fit:cover;display:block}.profile-modal-post-text{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.profile-modal-post-text p{font-size:.72rem;line-height:1.3;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.profile-post-time{font-size:.68rem;color:var(--text-muted)}@media (prefers-color-scheme: dark){:root{--bg: #130c07;--surface: #1e1208;--surface-alt: #271808;--border: #3a2210;--border-focus: #c07845;--primary: #d4956a;--primary-hover: #e0a87c;--primary-glow: rgba(212,149,106,.2);--accent: #d4924a;--accent-light: rgba(212,146,74,.12);--text: #f0e0cc;--text-muted: #9a7860;--starter: #5aaa7a;--starter-light: rgba(90,170,122,.12);--shadow-sm: 0 1px 6px rgba(0,0,0,.4);--shadow: 0 2px 12px rgba(0,0,0,.55);--shadow-md: 0 4px 24px rgba(0,0,0,.65);--shadow-lg: 0 8px 40px rgba(0,0,0,.75)}.auth-card,.card,.step-card,.feed-card,.modal,.user-profile-modal,.start-card,.auth-screen{background:var(--surface)}.auth-tabs,.comment-input,.search-input,.form-input,.form-select{background:var(--bg);color:var(--text)}.feed-skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface) 50%,var(--border) 75%)}img{filter:brightness(.92)}}.feed-mode-toggle{display:flex;gap:4px;background:var(--surface-alt);border-radius:12px;padding:4px;margin-bottom:16px}.feed-mode-btn{flex:1;padding:8px;border:none;background:transparent;border-radius:9px;font-size:.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .18s,color .18s}.feed-mode-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #00000014}.notif-btn{position:relative}.notif-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;background:#e53935;color:#fff;border-radius:9px;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}.notif-panel{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;padding:0 0 32px;animation:slideUp .28s var(--ease-spring) both}.modal-overlay:has(.notif-panel){align-items:flex-end}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.notif-panel-title{font-size:1rem;font-weight:700}.notif-list{padding:8px 0}.notif-row{display:flex;align-items:center;gap:12px;padding:12px 20px;transition:background .15s}.notif-row--unread{background:var(--accent-light)}.notif-row:hover{background:var(--surface-alt)}.notif-body{flex:1;min-width:0}.notif-text{font-size:.875rem;line-height:1.4}.notif-time{font-size:.75rem;color:var(--text-muted);margin-top:2px}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.post-menu-btn{font-size:1.1rem;color:var(--text-muted)}.post-menu-dropdown{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);min-width:130px;z-index:100;overflow:hidden}.post-menu-item{display:block;width:100%;padding:11px 14px;text-align:left;border:none;background:transparent;font-size:.88rem;cursor:pointer;color:var(--text)}.post-menu-item--danger{color:#c0392b}.post-menu-item:hover{background:var(--surface-alt)}.feed-card--deleting{opacity:.4;pointer-events:none}.profile-section-tabs{display:flex;gap:4px;background:var(--surface-alt);border-radius:12px;padding:4px;margin-top:20px}.profile-section-tab{flex:1;padding:9px;border:none;background:transparent;border-radius:9px;font-size:.88rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .18s,color .18s}.profile-section-tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #00000014}.saved-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px}.saved-post-card{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-alt)}.saved-post-img{width:100%;height:100%;object-fit:cover;display:block}.saved-post-text{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;overflow:hidden}.saved-post-text p{font-size:.72rem;line-height:1.3;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:4px}.avatar-upload-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.avatar-upload-wrap{position:relative;cursor:pointer;border-radius:50%;overflow:hidden}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:1.3rem;opacity:0;transition:opacity .18s;border-radius:50%}.avatar-upload-wrap:hover .avatar-upload-overlay{opacity:1}.share-bake-btn{margin:12px 0 4px;border:1.5px dashed var(--border);border-radius:12px}.starter-health-screen{padding-bottom:40px}.starter-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.starter-summary-card{background:var(--surface);border-radius:14px;padding:14px 10px;text-align:center;box-shadow:var(--shadow-sm)}.starter-summary-value{font-size:1.5rem;font-weight:800;color:var(--text)}.starter-summary-label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.starter-chart{background:var(--surface);border-radius:14px;padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.starter-chart-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.starter-chart-axis{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:4px}.activity-picker{display:flex;gap:6px;flex-wrap:wrap}.activity-btn{flex:1;min-width:56px;padding:8px 4px;border:2px solid var(--border);border-radius:10px;background:transparent;cursor:pointer;text-align:center;transition:border-color .18s,background .18s;display:flex;flex-direction:column;align-items:center;gap:2px}.activity-btn.active{border-color:var(--activity-color);background:color-mix(in srgb,var(--activity-color) 10%,transparent)}.activity-emoji{font-size:1.2rem}.activity-label{font-size:.68rem;font-weight:600;color:var(--text-muted)}.activity-btn.active .activity-label{color:var(--activity-color)}.starter-log-list{display:flex;flex-direction:column;gap:8px}.starter-log-row{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-sm)}.starter-log-activity{padding:4px 8px;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap;flex-shrink:0}.starter-log-details{flex:1;min-width:0}.starter-log-date{font-size:.85rem;font-weight:600}.starter-log-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.starter-log-notes{font-size:.8rem;color:var(--text-muted);margin-top:4px;font-style:italic}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.038;mix-blend-mode:multiply}.card{border-color:#d9c4a8}.screen-header{border-bottom:2px solid var(--border)}.timeline-section-label{font-family:var(--font-display);font-style:italic;font-size:.92rem;font-weight:700;color:var(--text-muted);text-transform:none;letter-spacing:0;padding:6px 0 8px;border-bottom:1px solid var(--border);margin-bottom:0}.starter-log-activity{border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent!important;border:1.5px solid currentColor}.activity-btn{border-radius:4px;border:1.5px solid var(--border);transition:border-color .15s,background .15s}.activity-btn.active{border-color:var(--activity-color, var(--primary));background:color-mix(in srgb,var(--activity-color, var(--primary)) 10%,transparent)}.activity-emoji{display:none}.activity-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.post-type-btn{border-radius:3px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.conflict-banner-icon{display:none}.bottom-nav{border-top:1.5px solid #d9c4a8}.tag[style]{border-radius:3px}.profile-section-tabs{border-radius:0;background:none;border-bottom:1.5px solid var(--border);padding:0;gap:0;margin-bottom:16px}.profile-section-tab{border-radius:0;background:none;border-bottom:2.5px solid transparent;padding:10px 18px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--text-muted);transition:color .15s,border-color .15s;margin-bottom:-1.5px}.profile-section-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:none;box-shadow:none}.feed-mode-toggle{border-radius:0;background:none;border-bottom:1.5px solid var(--border);padding:0;gap:0;margin-bottom:16px}.feed-mode-btn{border-radius:0;background:none;border-bottom:2.5px solid transparent;padding:8px 16px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:-1.5px}.feed-mode-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:none}.auth-confirm-icon{display:none}.handwritten{font-family:var(--font-script);font-size:1.1em;font-weight:500;letter-spacing:.01em}.stat-label{font-weight:300;letter-spacing:.14em;font-size:.58rem}.form-input,.form-select,.search-input,.comment-input{background:var(--bg)!important;box-shadow:inset 2px 2px 5px #8b5a3221,inset -2px -2px 5px #fffaf2d9;border-color:transparent!important}.form-input:focus,.form-select:focus,.search-input:focus,.comment-input:focus{box-shadow:inset 3px 3px 7px #8b5a3229,inset -3px -3px 7px #fffaf2e6,0 0 0 2px #c0784538;border-color:transparent!important}.friend-card{transition:box-shadow .28s var(--ease-spring),transform .28s var(--ease-spring),border-left .15s}.friend-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 28px #50280a24;border-left:1.5px solid var(--border)}.avatar{border-radius:58% 42% 46% 54%/52% 46% 54% 48%}.streak-scores{display:flex;gap:3px;justify-content:center;margin-top:5px}.streak-score-mark{width:1.5px;height:10px;background:var(--accent);border-radius:1px;transform:rotate(-18deg);opacity:.7}.nav-tab-label{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.screen-title{font-size:1.75rem}.starter-accent{font-family:var(--font-script);font-size:1rem;color:var(--starter);font-weight:500}.feed-card{transition:box-shadow .28s var(--ease-spring),transform .28s var(--ease-spring)}.feed-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #50280a1f}.app{padding:0 20px 88px}.screen-header{padding:32px 0 20px}.feed{gap:18px}.friend-card{border:none;border-radius:16px;box-shadow:0 2px 14px #50280a12,0 0 0 1px #50280a0d;padding:16px 18px}.friend-card:hover{border-left:1.5px solid var(--border);box-shadow:0 6px 24px #50280a1f,0 0 0 1px #50280a0f;transform:translateY(-4px) scale(1.01)}.friend-card-name{font-size:.97rem;letter-spacing:-.01em}.modal{border-radius:20px;border:none;box-shadow:0 8px 48px #50280a33}.user-profile-modal{border-radius:24px 24px 0 0;border:none;box-shadow:0 -4px 40px #50280a2e}.card{border-color:#50280a12;border-radius:18px;box-shadow:0 2px 14px #50280a12}.screen-title{font-size:1.85rem}.profile-section-tabs{margin-top:8px}.profile-hero .avatar{border-radius:46% 54% 52% 48%/50% 46% 54% 50%;width:88px;height:88px;font-size:32px;box-shadow:0 4px 20px #6b3d1e33}.starter-accent{font-size:1.05rem}.feed-action-btn{font-size:.82rem;padding:7px 14px;border-radius:100px;font-weight:600}.feed-action-btn:hover{background:var(--surface-alt)}.screen-header+*{margin-top:4px}.nav-tab-label{font-size:.62rem;letter-spacing:.06em}.app{padding-bottom:92px}.star-rating{display:flex;align-items:center;gap:4px;margin:6px 0 4px}.loaf-btn{display:inline-flex;align-items:center;cursor:pointer;color:var(--border);transition:color .12s,transform .1s;-webkit-user-select:none;user-select:none}.loaf-btn:hover{transform:scale(1.15)}.loaf-btn--filled{color:var(--primary)}.star-label{font-size:.72rem;color:var(--text-muted);margin-left:6px;font-weight:500}.star-clear{font-size:10px;color:var(--text-muted);margin-left:4px;cursor:pointer;opacity:.6}.stars-display{display:flex;align-items:center;gap:3px}.stars-display .loaf-btn{cursor:default}.stars-display .loaf-btn:hover{transform:none}.recipe-card .star-rating{margin:6px 0 0}.rankings-list{display:flex;flex-direction:column;gap:0;padding:0 16px;margin-top:8px}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.ranking-item:last-child{border-bottom:none}.ranking-number{font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:800;color:var(--primary);opacity:.35;min-width:36px;text-align:center;line-height:1}.ranking-item:nth-child(1) .ranking-number{opacity:1;font-size:2.4rem}.ranking-item:nth-child(2) .ranking-number{opacity:.7}.ranking-item:nth-child(3) .ranking-number{opacity:.55}.ranking-info{display:flex;flex-direction:column;gap:4px;flex:1}.ranking-name{font-family:var(--font-display);font-style:italic;font-size:1.05rem;font-weight:700;color:var(--text)}.ranking-count{font-size:.72rem;color:var(--text-muted);margin-left:6px}.feed-recipe-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-link-btn{font-family:var(--font-body);font-size:.72rem;font-weight:600;font-style:normal;color:var(--primary);text-decoration:none;border:1px solid var(--primary);border-radius:100px;padding:2px 10px;opacity:.75;transition:opacity .15s;white-space:nowrap}.recipe-link-btn:hover{opacity:1}.saved-post-img-wrap{position:relative;width:100%;aspect-ratio:1/1}.saved-post-img-wrap .saved-post-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.saved-post-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,#0000008c);color:#fff;font-family:var(--font-display);font-style:italic;font-size:.85rem;font-weight:700;border-radius:0 0 12px 12px}.saved-post-recipe{font-family:var(--font-display);font-style:italic;font-size:.95rem;font-weight:800;color:var(--primary);margin-bottom:6px;line-height:1.2}.saved-post-author{font-size:.72rem;color:var(--text-muted);margin-top:8px;font-style:italic}.saved-post-card{transition:transform .15s,box-shadow .15s}.saved-post-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b3d1e1f}.offline-banner{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:200;background:#c05a3a;color:#fff;text-align:center;font-size:.78rem;font-weight:600;padding:8px 16px;letter-spacing:.02em}.modal--tall{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.privacy-screen{padding:0 4px 24px}.privacy-body{font-size:.9rem;line-height:1.7;color:var(--text)}.privacy-body h3{font-family:var(--font-display);font-size:1rem;margin:20px 0 6px;color:var(--primary)}.privacy-body p{margin-bottom:8px}.profile-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0 8px;font-size:.78rem;color:var(--text-muted)}.profile-footer-link{background:none;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;text-decoration:underline;padding:0}.profile-footer-dot{opacity:.4}