@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=DM+Sans:opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap");:root{--navbar-bg:rgba(19,17,16,.85);--mobile-nav-bg:rgba(19,17,16,.92);--bg:#131110;--bg-soft:#1b1816;--bg-card:#211d1a;--bg-hover:#2a2522;--surface:#fff;--accent:#e8590c;--accent-soft:#f08c00;--accent-glow:rgba(232,89,12,.35);--gold:#ffb545;--text:#f5efe6;--text-soft:#b8ada0;--text-muted:#7d7266;--text-invert:#1b1816;--border:#2e2824;--border-soft:#26211d;--shadow:0 8px 30px rgba(0,0,0,.45);--shadow-soft:0 4px 16px rgba(0,0,0,.3);--r-sm:10px;--r-md:16px;--r-lg:22px;--r-round:999px}[data-theme=light]{--navbar-bg:hsla(36,43%,93%,.9);--mobile-nav-bg:hsla(36,43%,93%,.94);--bg:#f5efe6;--bg-soft:#ece3d6;--bg-card:#fff;--bg-hover:#f0e8dc;--surface:#fff;--accent:#e8590c;--accent-soft:#cf5f0a;--accent-glow:rgba(232,89,12,.18);--gold:#b06300;--text:#221a12;--text-soft:#5c5146;--text-muted:#8a7b6c;--text-invert:#fff;--border:#d8ccbd;--border-soft:#e6dccf;--shadow:0 8px 30px rgba(90,70,50,.16);--shadow-soft:0 4px 16px rgba(90,70,50,.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15;letter-spacing:-.01em}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column}body,html{overflow-x:hidden}.app-main{max-width:1180px;margin:0 auto;padding:24px 20px 80px;width:100%;display:grid;grid-template-columns:minmax(200px,260px) minmax(0,560px) minmax(230px,300px);grid-gap:clamp(16px,2vw,28px);gap:clamp(16px,2vw,28px);align-items:start}.app-main>*{min-width:0}@media (max-width:1100px){.app-main{grid-template-columns:minmax(0,560px) 240px;justify-content:center}.app-main>.col-left{display:none}.nav-actions .nav-burger{display:flex}}@media (max-width:820px){.app-main{grid-template-columns:minmax(0,1fr);justify-content:center;padding:16px 12px calc(90px + env(safe-area-inset-bottom));gap:0}.app-main>.col-right{display:none}}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);transition:background .3s}.navbar-inner{max-width:1180px;margin:0 auto;padding:10px 20px;gap:20px}.nav-logo,.navbar-inner{display:flex;align-items:center}.nav-logo{gap:10px;font-family:Fraunces,serif;font-size:1.45rem;font-weight:700;color:var(--text);white-space:nowrap}.nav-logo .logo-emoji{font-size:1.6rem}.nav-logo .accent{color:var(--accent-soft);font-style:italic}.nav-search{flex:1 1;max-width:420px;position:relative;min-width:0}.nav-search input{width:100%;padding:10px 16px 10px 42px;border-radius:var(--r-round);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:.92rem;outline:none;transition:border-color .2s,background .2s}.nav-search input::placeholder{color:var(--text-muted)}.nav-search input:focus{border-color:var(--accent);background:var(--bg-card)}.nav-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-actions .nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-round);color:var(--text-soft);font-size:1.1rem;transition:background .2s,color .2s;position:relative}.nav-actions .nav-btn:hover{background:var(--bg-hover);color:var(--text)}.nav-badge{position:absolute;top:6px;right:6px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;width:17px;height:17px;border-radius:var(--r-round);display:flex;align-items:center;justify-content:center}.nav-avatar{border-radius:var(--r-round);border:2px solid var(--accent);font-size:1.3rem;background:var(--bg-card);margin-left:6px}.nav-avatar,.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.theme-toggle{border-radius:var(--r-round);background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);font-size:1.05rem;position:relative;overflow:hidden;transition:background .2s,transform .15s}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-toggle .theme-moon,.theme-toggle .theme-sun{position:absolute;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s}.theme-toggle .theme-sun{transform:translateY(0) rotate(0);opacity:1}.theme-toggle .theme-moon{transform:translateY(110%) rotate(90deg);opacity:0}.theme-toggle.is-light .theme-sun{transform:translateY(-110%) rotate(-90deg);opacity:0}.theme-toggle.is-light .theme-moon{transform:translateY(0) rotate(0);opacity:1}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px;z-index:50}.search-results h4{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 4px}.search-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);transition:background .15s}.search-item:hover{background:var(--bg-hover)}.search-item .sr-avatar{font-size:1.4rem}.search-item .sr-name{font-weight:600;font-size:.9rem}.search-item .sr-sub{font-size:.78rem;color:var(--text-muted)}.col-left{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.col-left::-webkit-scrollbar{display:none}.side-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:18px}.side-card h3{font-size:1.1rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}.side-nav{list-style:none}.side-nav li{margin-bottom:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-sm);font-size:.95rem;color:var(--text-soft);transition:background .15s,color .15s}.side-nav a:hover{background:var(--bg-hover);color:var(--text)}.side-nav .nav-icon{font-size:1.25rem;width:24px;text-align:center}.side-nav .active{color:var(--accent-soft);background:rgba(232,89,12,.1)}.trending-list{list-style:none}.trending-list li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:color .15s}.trending-list li:last-child{border-bottom:none}.trending-list li:hover{color:var(--accent-soft)}.trending-list .tag{font-weight:600;font-size:.9rem}.trending-list .count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.col-right{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.col-right::-webkit-scrollbar{display:none}.profile-card{text-align:center;padding-bottom:20px}.profile-cover{height:84px;margin:-18px -18px 14px;border-radius:var(--r-md) var(--r-md) 0 0;background:linear-gradient(135deg,#e8590c,#f08c00,#ffb545);position:relative;overflow:hidden}.profile-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 120%,hsla(0,0%,100%,.25),transparent 60%)}.profile-cover-emoji{position:absolute;bottom:-8px;right:8px;font-size:2.6rem;opacity:.5;transform:rotate(15deg)}.profile-avatar{width:72px;height:72px;margin:-38px auto 8px;border-radius:var(--r-round);background:var(--bg-card);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:2.4rem;position:relative;z-index:2}.profile-card h4{font-size:1.15rem}.profile-meta{font-size:.78rem;color:var(--text-muted);margin:2px 0 12px}.profile-stats{display:flex;justify-content:center;gap:28px;margin-top:12px;padding-top:14px;border-top:1px solid var(--border-soft)}.profile-stats .stat-num{font-family:Fraunces,serif;font-size:1.25rem;font-weight:700;color:var(--accent-soft)}.profile-stats .stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sugg-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.sugg-row:last-child{border-bottom:none}.sugg-avatar{font-size:1.7rem}.sugg-info{flex:1 1;min-width:0}.sugg-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugg-cuisine{font-size:.74rem;color:var(--text-muted)}.sugg-btn{font-size:.75rem;font-weight:700;color:var(--accent-soft);border:1px solid var(--accent-soft);padding:5px 12px;border-radius:var(--r-round);transition:background .15s,color .15s}.sugg-btn:hover{background:var(--accent-soft);color:var(--text-invert)}.stories{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:16px;overflow:hidden}.stories-track{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.stories-track::-webkit-scrollbar{display:none}.story-card{flex:0 0 78px;text-align:center;cursor:pointer;transition:transform .2s}.story-card:hover{transform:translateY(-3px)}.story-ring{width:62px;height:62px;margin:0 auto;background:conic-gradient(var(--accent),var(--accent-soft),var(--gold),var(--accent));padding:3px}.story-ring,.story-ring-inner{border-radius:var(--r-round);display:flex;align-items:center;justify-content:center}.story-ring-inner{width:56px;height:56px;background:var(--bg-card);font-size:1.9rem}.story-card.add .story-ring{background:var(--border)}.story-label{font-size:.72rem;color:var(--text-soft);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-add-plus{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:var(--r-round);background:var(--accent);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.composer{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:16px;margin-bottom:20px}.composer-top{display:flex;gap:12px;align-items:flex-start}.composer-avatar{width:46px;height:46px;border-radius:var(--r-round);background:var(--bg-soft);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.composer textarea{flex:1 1;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;color:var(--text);resize:none;min-height:44px;min-width:0;font-size:.95rem;outline:none;transition:border-color .2s}.composer textarea:focus{border-color:var(--accent)}.composer-divider{height:1px;background:var(--border-soft);margin:14px 0}.composer-bar{gap:10px}.composer-bar,.composer-opt{display:flex;align-items:center}.composer-opt{gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--text-soft);transition:background .15s,color .15s}.composer-opt:hover{background:var(--bg-hover);color:var(--text)}.composer-opt .opt-emoji{font-size:1.1rem}.composer-submit{margin-left:auto;background:var(--accent);color:#fff;font-weight:600;font-size:.88rem;padding:9px 20px;border-radius:var(--r-round);transition:background .2s,transform .1s}.composer-submit:hover{background:#f76707}.composer-submit:active{transform:scale(.97)}.composer-photo-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--text-soft);background:var(--bg-soft);border:1px dashed var(--border);transition:background .15s,color .15s,border-color .15s}.composer-photo-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.composer-photo-btn.has-photo{border-style:solid;border-color:var(--accent-soft);color:var(--accent-soft)}.composer-preview{position:relative;margin-top:12px;border-radius:var(--r-md);overflow:hidden;max-width:320px;border:1px solid var(--border)}.composer-preview img{width:100%;height:auto;max-height:220px;object-fit:cover;display:block}.preview-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:var(--r-round);background:rgba(0,0,0,.65);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,transform .1s}.preview-remove:hover{background:rgba(0,0,0,.85);transform:scale(1.08)}.composer-suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-chip{font-size:.8rem;padding:5px 12px;border-radius:var(--r-round);background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);transition:all .15s}.quick-chip:hover{border-color:var(--accent);color:var(--accent-soft)}.feed-col{min-width:0;gap:12px}.feed,.feed-col{display:flex;flex-direction:column}.feed{gap:16px}.feed-heading{font-size:1.3rem;margin-bottom:4px}.feed-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.post{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;transition:border-color .2s,box-shadow .2s;animation:fadeUp .5s ease both}.post:hover{border-color:var(--border);box-shadow:var(--shadow-soft)}.post-head{gap:12px;padding:16px 18px 8px}.post-avatar,.post-head{display:flex;align-items:center}.post-avatar{width:46px;height:46px;border-radius:var(--r-round);background:var(--bg-soft);border:2px solid var(--border);justify-content:center;font-size:1.5rem;flex-shrink:0}.post-author-link>div:not(.post-avatar){flex:1 1;min-width:0}.post-author{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:break-word}.post-author .verified{color:var(--accent-soft);font-size:.85rem}.post-time{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;min-width:0}.post-time>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-more{margin-left:auto;color:var(--text-muted);padding:6px;border-radius:var(--r-round);transition:background .15s}.post-more:hover{background:var(--bg-hover);color:var(--text)}.post-body{padding:6px 18px 12px;font-size:.95rem;color:var(--text)}.post-body .tag{color:var(--accent-soft);font-weight:500}.post-dish{position:relative;margin:0;padding:0 18px}.post-dish-banner{position:relative;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,#2a1f16,#3a2818,#1f1a16);box-shadow:inset 0 0 60px rgba(0,0,0,.4);display:flex;align-items:center;min-height:150px;padding:20px 24px;cursor:pointer;transition:transform .2s}.post-dish-banner:hover{transform:scale(1.005)}.dish-emoji{font-size:4.5rem;margin-right:20px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));animation:bob 4s ease-in-out infinite}.dish-info{flex:1 1}.dish-name{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:var(--text);overflow-wrap:break-word}.dish-cuisine{font-size:.78rem;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:4px}.dish-spice{margin-top:10px;display:flex;gap:4px}.post-photo{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--bg-soft)}.post-photo img{width:100%;max-height:420px;object-fit:cover;display:block}.photo-overlay{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.photo-overlay .dish-name{font-size:1.3rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.photo-overlay .dish-cuisine{color:var(--gold)}.post-sponsor{font-size:.7rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;background:hsla(0,0%,100%,.05);padding:3px 10px;border-radius:var(--r-round);margin-bottom:8px}.restaurant-chip{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;margin:2px 18px 14px}.restaurant-chip .r-emoji{font-size:1.4rem}.restaurant-chip .r-name{font-weight:600;font-size:.9rem;flex:1 1}.restaurant-chip .r-meta{font-size:.75rem;color:var(--text-muted)}.restaurant-chip .r-rating{color:var(--gold);font-weight:700}.post-actions{display:flex;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin:0 18px;padding:2px 0}.post-action{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 6px;font-size:.88rem;color:var(--text-soft);border-radius:var(--r-sm);transition:background .15s,color .15s;font-weight:500}.post-action:hover{background:var(--bg-hover);color:var(--text)}.post-action.liked{color:var(--accent-soft)}.post-action .pa-emoji{font-size:1.1rem}.post-stats{justify-content:space-between;gap:10px;padding:12px 18px 4px;font-size:.78rem;color:var(--text-muted)}.post-stats,.post-stats-info{display:flex;align-items:center;flex-wrap:wrap}.post-stats-info{gap:8px}.cook-count-wrap{position:relative;display:inline-flex}.cook-count-badge{font-weight:700;color:#2f9e44;background:rgba(47,158,68,.1);border:1px solid rgba(47,158,68,.35);border-radius:var(--r-round);padding:2px 10px;font-size:.74rem;cursor:default;transition:background .15s,border-color .15s}.cook-count-wrap:focus-within .cook-count-badge,.cook-count-wrap:hover .cook-count-badge{background:rgba(47,158,68,.18);border-color:rgba(47,158,68,.6)}.cook-hover-card{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);min-width:200px;max-width:250px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);padding:10px 12px;display:flex;flex-direction:column;gap:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s;z-index:60}.cook-count-wrap:first-child .cook-hover-card{left:0;transform:translateY(4px)}.cook-count-wrap:focus-within .cook-hover-card,.cook-count-wrap:hover .cook-hover-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.cook-count-wrap:first-child:focus-within .cook-hover-card,.cook-count-wrap:first-child:hover .cook-hover-card{transform:translateY(0)}.cook-hover-title{font-family:Fraunces,serif;font-weight:700;font-size:.85rem;color:var(--text);margin-bottom:2px}a.cook-hover-row{display:flex;align-items:center;gap:8px;padding:3px 4px;margin:0 -4px;border-radius:var(--r-sm);text-decoration:none;color:var(--text-soft);font-size:.82rem;transition:background .12s,color .12s}a.cook-hover-row:hover{background:var(--bg-hover);color:var(--text)}.cook-hover-avatar{font-size:1.15rem;line-height:1}.cook-hover-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cook-hover-more{font-size:.76rem;color:var(--text-muted);padding-top:2px}.dish-cook-row{margin-top:10px}.dish-cook-row,.feed-sentinel{display:flex;justify-content:center}.feed-sentinel{padding:8px 0 4px}.feed-show-more{font-family:inherit;font-size:.88rem;font-weight:600;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-round);padding:9px 22px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.feed-show-more:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.reaction-pile{display:flex;align-items:center;gap:2px;min-width:0}.reaction-pile .r-face{font-size:.95rem}.reaction-count{margin-left:6px}.post-comments{padding:8px 18px 16px}.comment-form{display:flex;align-items:center;gap:8px;margin-top:10px}.comment-form input{flex:1 1;min-width:0;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-round);padding:9px 16px;color:var(--text);font-size:.85rem;outline:none}.comment-form input:focus{border-color:var(--accent)}.comment-item{display:flex;gap:10px;margin-top:10px}.comment-avatar{width:34px;height:34px;border-radius:var(--r-round);background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}a.comment-avatar-link{display:inline-flex;flex-shrink:0;transition:transform .15s ease}a.comment-avatar-link:hover{transform:scale(1.08)}.comment-bubble{background:var(--bg-soft);border-radius:14px;padding:8px 14px;font-size:.84rem}.comment-author{font-weight:600;font-size:.82rem;margin-bottom:2px}a.comment-author-link{color:inherit;text-decoration:none;transition:color .15s}a.comment-author-link:hover{color:var(--accent-soft)}.comment-meta{display:flex;gap:12px;margin-top:6px;font-size:.72rem;color:var(--text-muted);cursor:pointer}.comment-meta span:hover{color:var(--accent-soft)}.recipe-toggle{margin:12px 18px 2px;text-align:center}.recipe-toggle button{font-size:.85rem;color:var(--accent-soft);font-weight:600;padding:8px 16px;border:1px solid var(--accent-soft);border-radius:var(--r-round);transition:background .2s,color .2s}.recipe-toggle button:hover{background:var(--accent-soft);color:var(--text-invert)}.recipe{margin:8px 18px 18px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.recipe h5{font-size:.78rem;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.recipe ol,.recipe ul{list-style-position:inside;font-size:.84rem;color:var(--text-soft)}.recipe li{margin-bottom:6px}.recipe-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}.recipe-meta span{display:flex;align-items:center;gap:5px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--r-md);font-size:.9rem}.view-more-comments{display:block;margin:8px auto 0;font-size:.8rem;color:var(--accent-soft);font-weight:600;padding:6px 14px;border-radius:var(--r-round);transition:background .15s}.view-more-comments:hover{background:rgba(232,89,12,.1)}.post-more.saved-active{color:var(--accent-soft)}.sugg-btn.sugg-following{background:var(--bg-soft);border-color:var(--border);color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 20% 10%,rgba(232,89,12,.12),transparent 45%),radial-gradient(circle at 85% 90%,rgba(255,181,69,.08),transparent 40%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow);animation:fadeUp .4s ease both}.auth-logo{text-align:center;margin-bottom:24px}.auth-emoji{font-size:2.6rem;display:block;margin-bottom:6px}.auth-logo h1{font-size:1.9rem}.auth-logo .accent{color:var(--accent-soft);font-style:italic}.auth-tagline{font-size:.85rem;color:var(--text-muted);margin-top:6px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-error{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.35);color:#ff8a94;font-size:.84rem;padding:9px 12px;border-radius:var(--r-sm)}[data-theme=light] .auth-error{color:#b02a37}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field>span{font-size:.78rem;font-weight:600;color:var(--text-soft);letter-spacing:.03em}.auth-field input,.auth-field select{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 14px;color:var(--text);font-size:.92rem;outline:none;transition:border-color .2s}.auth-field input:focus,.auth-field select:focus{border-color:var(--accent)}.auth-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.avatar-picker{display:flex;flex-wrap:wrap;gap:6px}.avatar-choice{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:var(--r-sm);background:var(--bg-soft);border:2px solid transparent;transition:border-color .15s,transform .1s}.avatar-choice:hover{transform:scale(1.06)}.avatar-choice.selected{border-color:var(--accent);background:rgba(232,89,12,.12)}.auth-submit{margin-top:6px;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;padding:12px 20px;border-radius:var(--r-round);transition:background .2s,transform .1s}.auth-submit:hover:not(:disabled){background:#f76707}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-switch{text-align:center;font-size:.86rem;color:var(--text-muted);margin-top:18px}.auth-link{color:var(--accent-soft);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-demo{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);text-align:center;font-size:.78rem;color:var(--text-muted)}.auth-demo code{display:inline-block;margin-top:4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 10px;color:var(--accent-soft);font-size:.78rem}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.9rem}.auth-loading-emoji{font-size:2.6rem;animation:bob 2s ease-in-out infinite}.nav-avatar.nav-logout{cursor:pointer;transition:border-color .2s,transform .15s}.nav-avatar.nav-logout:hover{border-color:#dc3545;transform:scale(1.05)}@media (max-width:480px){.auth-card{padding:24px 18px}.auth-row{grid-template-columns:1fr}}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--accent);color:#fff;font-weight:600;font-size:.88rem;padding:12px 24px;border-radius:var(--r-round);box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.34,1.56,.64,1);z-index:200}.toast.show{transform:translateX(-50%) translateY(0)}.mobile-nav{display:none}@media (max-width:820px){.navbar-inner{padding:8px 12px;gap:10px}.nav-logo{font-size:1.15rem;gap:6px}.nav-logo .logo-emoji{font-size:1.35rem}.nav-logo span:last-child{display:none}.nav-search input{font-size:.85rem;padding:9px 12px 9px 36px}.nav-search-icon{left:12px}.nav-actions .nav-btn{display:none}.nav-actions .keep-mobile,.nav-actions .nav-home{display:flex}.nav-actions .theme-toggle{width:36px;height:36px;font-size:.95rem}.nav-avatar{width:34px;height:34px;margin-left:2px}.feed-heading,.nav-avatar{font-size:1.15rem}.post-head{padding:12px 14px 6px;gap:10px}.post-avatar{width:38px;height:38px;font-size:1.25rem}.post-author{font-size:.88rem}.post-body{padding:4px 14px 10px;font-size:.9rem}.post-dish{padding:0 14px}.post-dish-banner{min-height:110px;padding:14px 16px}.dish-emoji{font-size:3rem;margin-right:14px}.dish-name{font-size:1.15rem}.restaurant-chip{margin:2px 14px 12px;padding:8px 12px;flex-wrap:wrap}.post-stats{padding:10px 14px 2px;font-size:.72rem}.post-action{font-size:.82rem;padding:10px 4px}.post-comments{padding:6px 14px 14px}.recipe{margin:8px 14px 14px;padding:14px}.recipe-grid{grid-template-columns:1fr}.composer{padding:12px}.composer-preview{max-width:100%}.composer-preview img{max-height:180px}.composer-photo-btn{padding:7px 10px;font-size:.8rem}.post-photo img{max-height:300px}.photo-overlay{padding:24px 14px 10px}.photo-overlay .dish-name{font-size:1.05rem}.composer-avatar{width:38px;height:38px;font-size:1.25rem}.composer textarea{min-height:40px;font-size:.9rem}.composer-bar{flex-wrap:wrap;gap:8px}.composer-opt{padding:6px 8px;font-size:.8rem}.composer-submit{width:100%;margin-left:0;order:10;padding:11px 20px}.quick-chip{font-size:.74rem;padding:5px 10px}.stories{padding:12px}.story-card{flex:0 0 68px}.story-ring,.story-ring-inner{width:54px;height:54px}.story-ring-inner{width:48px;height:48px;font-size:1.6rem}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);z-index:100;padding:6px 10px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;transition:background .3s}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;color:var(--text-muted);padding:6px 12px;border-radius:var(--r-sm)}.mobile-nav a.active{color:var(--accent-soft)}.mobile-nav .mn-emoji{font-size:1.3rem}.mobile-nav .mn-home{width:46px;height:46px;background:var(--accent);border-radius:var(--r-round);margin-top:-20px;box-shadow:0 4px 16px var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff}.mobile-nav .mn-home-wrap{color:var(--accent-soft)}}.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--r-round);color:var(--text-soft);font-size:1.3rem;line-height:1;transition:background .2s,color .2s}.nav-burger:hover{background:var(--bg-hover);color:var(--text)}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:140;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--bg);border-right:1px solid var(--border);box-shadow:var(--shadow);z-index:150;transform:translateX(-105%);visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s .28s;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.drawer.open{transform:translateX(0);visibility:visible;transition:transform .28s cubic-bezier(.32,.72,0,1)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}.drawer-title{font-family:Fraunces,serif;font-size:1.2rem;font-weight:700}.drawer-close{width:36px;height:36px;border-radius:var(--r-round);color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.drawer-close:hover{background:var(--bg-hover);color:var(--text)}@media (max-width:380px){.app-main{padding-left:8px;padding-right:8px}.dish-name{font-size:1rem}.dish-emoji{font-size:2.4rem;margin-right:10px}.post-dish-banner{min-height:92px;padding:12px}}.post-author-link{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.post-author-link:hover .post-author{color:var(--accent-soft)}.recipe-ingredients{list-style:none!important;padding:0}.ingredient-row{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px dashed var(--border);font-size:.84rem;color:var(--text-soft)}.ingredient-row:last-child{border-bottom:none}.ingredient-amount{flex-shrink:0;min-width:64px;font-weight:700;font-family:Fraunces,serif;color:var(--accent-soft);font-size:.8rem;white-space:nowrap}.ingredient-amount.no-amount{opacity:.35}.ingredient-item{flex:1 1}.recipe-total{margin-left:auto;font-weight:700;color:var(--accent-soft)}.composer-recipe-toggle{display:block;margin:10px 18px 0;font-size:.82rem;font-weight:600;color:var(--accent-soft);border:1px dashed var(--accent-soft);border-radius:var(--r-round);padding:7px 14px;transition:background .15s,color .15s}.composer-recipe-toggle.open,.composer-recipe-toggle:hover{background:var(--accent-soft);color:var(--text-invert)}.composer-recipe{margin:12px 18px 0;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;gap:16px}.composer-recipe,.cr-section{display:flex;flex-direction:column}.cr-section{gap:6px}.cr-label{font-size:.72rem;font-weight:700;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.08em}.cr-ing-row,.cr-step-row{display:flex;align-items:stretch;gap:6px}.cr-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:.82rem;padding:7px 10px;outline:none;min-width:0;resize:vertical}.cr-input:focus{border-color:var(--accent)}.cr-amount{width:84px;flex-shrink:0}.cr-item{flex:1 1}.cr-step-num{flex-shrink:0;width:24px;height:24px;margin-top:4px;border-radius:var(--r-round);background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cr-step-text{flex:1 1}.cr-remove{flex-shrink:0;width:30px;color:var(--text-muted);border-radius:var(--r-sm);font-size:.8rem;transition:color .15s,background .15s}.cr-remove:hover:not(:disabled){color:#ff6b6b;background:var(--bg-card)}.cr-remove:disabled{opacity:.3;cursor:default}.cr-add{align-self:flex-start;font-size:.78rem;font-weight:600;color:var(--accent-soft);padding:4px 10px;border-radius:var(--r-round);transition:background .15s}.cr-add:hover{background:var(--bg-card)}.cr-times{display:flex;gap:10px;flex-wrap:wrap}.cr-time-field{flex:1 1;min-width:100px;display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-muted)}.cr-time-field input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:.85rem;padding:7px 10px;outline:none;width:100%}.cr-time-field input:focus{border-color:var(--accent)}.profile-page{max-width:680px;width:100%;margin:0 auto;padding:24px 16px 90px;display:flex;flex-direction:column}.pf-hero{text-align:center;padding-bottom:22px;animation:fadeUp .4s ease both}.pf-avatar-row{display:flex;justify-content:center;margin-top:-44px}.pf-hero .profile-avatar{width:88px;height:88px;font-size:2.9rem}.pf-you-chip{display:inline-block;margin-top:14px;font-size:.72rem;font-weight:700;color:var(--accent-soft);border:1px solid var(--accent-soft);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:var(--r-round);padding:5px 14px;text-transform:uppercase;letter-spacing:.05em}.pf-name{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.pf-cuisine{color:var(--accent-soft);font-weight:600}.pf-bio{font-size:.88rem;color:var(--text-soft);max-width:420px;margin:8px auto 0;line-height:1.5}.pf-view-link{display:inline-block;font-size:.78rem;font-weight:600;color:var(--accent-soft);margin-bottom:4px}.pf-view-link:hover{text-decoration:underline}.pf-back-link{color:var(--accent-soft);font-weight:600;font-size:.9rem}.sugg-link{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}.sugg-link:hover .sugg-name{color:var(--accent-soft)}.nav-menu-wrap{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:350px;max-width:88vw;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 18px 44px rgba(0,0,0,.35);z-index:90;overflow:hidden;animation:fadeUp .18s ease both}.dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.dropdown-head h4{font-size:.9rem}.dropdown-hint{font-size:.72rem;color:var(--text-muted)}.dropdown-action{font-size:.75rem;font-weight:700;color:var(--accent-soft)}.dropdown-action:hover{text-decoration:underline}.dropdown-list{max-height:380px;overflow-y:auto}.msg-row,.notif-item{display:flex;gap:10px;align-items:center;width:100%;padding:11px 14px;border-bottom:1px solid var(--border-soft);transition:background .12s;position:relative;text-align:left}.msg-row:last-child,.notif-item:last-child{border-bottom:none}.msg-row:hover,.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 7%,transparent)}.msg-avatar,.notif-avatar{font-size:1.5rem;flex-shrink:0}.notif-body{flex:1 1;min-width:0}.notif-text{display:block;font-size:.82rem;color:var(--text-soft);line-height:1.35}.notif-text strong{color:var(--text)}.msg-preview{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-preview,.notif-time{display:block;color:var(--text-muted);margin-top:2px}.notif-time{font-size:.7rem}.notif-dot{width:8px;height:8px;border-radius:50%}.msg-unread-chip,.notif-dot{background:var(--accent);flex-shrink:0}.msg-unread-chip{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-round);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.empty-note{padding:24px 14px;text-align:center;color:var(--text-muted);font-size:.82rem}.thread-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-soft);font-size:.9rem}.thread-back{font-size:1rem;color:var(--text-muted);padding:4px 9px;border-radius:var(--r-sm);transition:background .12s,color .12s}.thread-back:hover{color:var(--text);background:var(--bg-hover)}.thread-body{height:380px;max-height:60vh;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:8px 12px;border-radius:14px;font-size:.84rem;line-height:1.4;word-break:break-word}.bubble.mine{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.bubble-time{display:block;font-size:.65rem;opacity:.75;margin-top:3px}.thread-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border-soft)}.thread-form input{flex:1 1;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-round);padding:9px 14px;color:var(--text);font-size:.85rem;outline:none;min-width:0}.thread-form input:focus{border-color:var(--accent)}.thread-send{width:38px;height:38px;border-radius:var(--r-round);background:var(--accent);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:filter .12s,transform .12s}.thread-send:hover:not(:disabled){filter:brightness(1.12);transform:scale(1.05)}.thread-send:disabled{opacity:.45;cursor:default}@media (max-width:480px){.nav-dropdown{position:fixed;top:62px;left:12px;right:12px;width:auto}.nav-actions .nav-home,.nav-actions .theme-toggle{display:none!important}.nav-search{min-width:70px}}.hover-wrap{position:relative;display:flex;min-width:0}.hover-card{position:absolute;top:calc(100% + 10px);left:0;width:280px;max-width:calc(100vw - 24px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 18px 44px rgba(0,0,0,.35);padding:16px;z-index:95;animation:fadeUp .15s ease both}@media (hover:none),(pointer:coarse){.hover-card{display:none!important}}.hover-card.align-right{left:auto;right:0}.hc-head{gap:12px}.hc-avatar,.hc-head{display:flex;align-items:center}.hc-avatar{width:56px;height:56px;border-radius:var(--r-round);background:var(--bg-soft);border:2px solid var(--accent);justify-content:center;font-size:1.8rem;flex-shrink:0}.hc-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem}.hc-name a:hover{color:var(--accent-soft)}.hc-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.hc-bio{font-size:.8rem;color:var(--text-soft);line-height:1.45;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hc-stats{display:flex;gap:16px;font-size:.75rem;color:var(--text-muted);margin:12px 0}.hc-stats b{color:var(--accent-soft);font-family:Fraunces,serif;font-size:.85rem}.hc-actions{display:flex;gap:8px}.hc-btn{flex:1 1;padding:7px 0;border-radius:var(--r-round);font-weight:700;font-size:.78rem;text-align:center;transition:background .15s,color .15s,filter .15s}.hc-follow{border:1px solid var(--accent-soft);color:var(--accent-soft)}.hc-follow.is-following,.hc-follow:hover:not(:disabled){background:var(--accent-soft);color:var(--text-invert)}.hc-message{background:var(--accent);color:#fff}.hc-message:hover{filter:brightness(1.1)}.chat-window{position:fixed;bottom:20px;right:20px;width:340px;max-width:calc(100vw - 24px);height:480px;max-height:70vh;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(0,0,0,.4);z-index:120;display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .2s ease both}.thread-close{margin-left:auto;font-size:.85rem;color:var(--text-muted);padding:4px 9px;border-radius:var(--r-sm);transition:background .12s,color .12s}.thread-close:hover{color:var(--text);background:var(--bg-hover)}.pf-actions{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:14px;flex-wrap:wrap}.pf-btn{padding:7px 18px!important;font-size:.82rem!important}@media (max-width:820px){.chat-window{bottom:calc(78px + env(safe-area-inset-bottom));right:12px}}@media (max-width:480px){.profile-page{padding:16px 10px 90px}.pf-name{font-size:1.25rem}.pf-hero .profile-avatar{width:76px;height:76px;font-size:2.5rem}.pf-avatar-row{margin-top:-38px}}.trending-hint{font-size:.7rem;color:var(--text-muted);margin:-6px 0 8px}.trending-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:var(--r-sm);transition:background .12s,border-color .12s;text-align:left}.trending-btn:hover{background:var(--bg-hover)}.trending-btn .count{flex-shrink:0}.trending-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}.tag-clickable,button.tag{cursor:pointer;transition:color .12s}.tag-clickable:hover,button.tag:hover{color:var(--accent-soft);text-decoration:underline}.tag-clear{display:inline-flex;align-items:center;gap:5px;margin-left:12px;vertical-align:middle;font-size:.72rem;font-weight:700;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-round);padding:4px 10px;transition:color .12s,border-color .12s}.tag-clear:hover{color:var(--accent-soft);border-color:var(--accent-soft)}.share-chip{color:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:var(--r-round)}.cooked-chip,.share-chip{font-size:.68rem;font-weight:700;padding:1px 8px;text-transform:uppercase;letter-spacing:.04em}.cooked-chip{color:#2f9e44;border:1px solid #2f9e44;border-radius:var(--r-round)}.shared-embed{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-top:2px}.embed-head{padding:10px 14px}.embed-author{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;flex-wrap:wrap;min-width:0}.embed-author b{color:var(--text);overflow-wrap:break-word}.embed-avatar{font-size:1.4rem}.embed-time{color:var(--text-muted);font-size:.75rem}.popular-dish-btn{width:100%;background:none}.dish-open-hint{color:var(--text-muted);font-size:.9rem;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}.popular-dish-btn:hover .dish-open-hint{opacity:1;transform:translateX(0)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{position:relative;width:min(600px,94vw);max-height:88vh;overflow-y:auto}.modal-box .post{animation:none;margin:0}.modal-close{position:absolute;top:10px;right:12px;z-index:5;width:32px;height:32px;border-radius:var(--r-round);background:rgba(0,0,0,.55);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:rgba(0,0,0,.8)}.dish-link{display:block;color:inherit}.dish-page{max-width:680px;width:100%;margin:0 auto;padding:24px 16px calc(90px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.cook-back{align-self:flex-start;background:none;border:none;cursor:pointer;padding:4px 2px;font-family:inherit}.dish-hero{padding:0 0 20px;overflow:hidden;animation:fadeUp .4s ease both}.dish-hero-media{position:relative;overflow:hidden}.dish-hero-media img{width:100%;max-height:380px;object-fit:cover;display:block}.dish-hero-banner{height:180px;background:linear-gradient(135deg,#2a1f16,#3a2818,#1f1a16);box-shadow:inset 0 0 60px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.dish-hero-emoji{font-size:5.5rem;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));animation:bob 4s ease-in-out infinite}.dish-hero-body{padding:18px 18px 0}.dish-title{font-size:1.9rem;overflow-wrap:break-word}.dish-cuisine-chip{display:inline-block;margin-top:8px;font-size:.72rem;font-weight:700;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.12em;background:rgba(232,89,12,.1);border:1px solid var(--accent-soft);border-radius:var(--r-round);padding:4px 14px}.dish-author-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-md);transition:border-color .15s,background .15s}.dish-author-row:hover{border-color:var(--accent-soft)}.dish-author-avatar{width:42px;height:42px;border-radius:var(--r-round);background:var(--bg-card);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.dish-author-info{display:flex;flex-direction:column;min-width:0}.dish-author-name{font-weight:600;font-size:.95rem;color:var(--text)}.dish-author-name .verified{color:var(--accent-soft);font-size:.85rem;margin-left:4px}.dish-author-sub{font-size:.76rem;color:var(--text-muted)}.dish-text{margin-top:14px;font-size:.95rem;color:var(--text);line-height:1.6}.dish-stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);font-size:.85rem;color:var(--text-muted)}.dish-section-title{font-size:1.15rem;margin-bottom:14px}.recipe-full{animation:fadeUp .4s ease both}.cook{display:flex;flex-direction:column;gap:14px}.cook-intro{font-size:.9rem;color:var(--text-soft);line-height:1.55}.cook-checklist{display:flex;flex-direction:column;gap:2px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:12px}.cook-check-label{font-size:.72rem;font-weight:700;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.08em;padding:2px 4px 8px}.check-row{position:relative;display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .12s;font-size:.88rem;color:var(--text-soft)}.check-row:hover{background:var(--bg-hover)}.check-row input{position:absolute;opacity:0;pointer-events:none}.check-box{flex-shrink:0;width:22px;height:22px;border-radius:7px;border:2px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.check-row.checked .check-box{background:var(--accent);border-color:var(--accent)}.check-row.checked .check-box:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.check-row.checked{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.check-row .ingredient-amount{min-width:56px;font-size:.78rem}.check-row .cr-step-num{margin-top:0}.cook-step-text{flex:1 1;line-height:1.45}.cook-done-btn,.cook-start-btn{background:var(--accent);color:#fff;font-weight:700;font-size:1rem;padding:14px 24px;border-radius:var(--r-round);transition:background .2s,transform .1s;box-shadow:0 4px 16px var(--accent-glow)}.cook-done-btn:hover,.cook-start-btn:hover{background:#f76707}.cook-done-btn:active,.cook-start-btn:active{transform:scale(.98)}.cook-done-btn{background:#2f9e44;box-shadow:0 4px 16px rgba(47,158,68,.3)}.cook-done-btn:hover{background:#37b24d}.cook-again-btn{align-self:flex-start;font-size:.85rem;font-weight:600;color:var(--text-soft);border:1px solid var(--border);border-radius:var(--r-round);padding:8px 16px;transition:color .15s,border-color .15s}.cook-again-btn:hover{color:var(--accent-soft);border-color:var(--accent-soft)}.cook-timer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cook-timer{display:block;font-family:Fraunces,serif;font-size:2.8rem;font-weight:700;color:var(--accent-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.cook-timer.paused{color:var(--gold)}.cook-timer-state{display:block;font-size:.8rem;color:var(--text-muted);margin-top:2px}.cook-pause-btn{font-size:.9rem;font-weight:700;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-round);padding:10px 20px;transition:background .15s,border-color .15s}.cook-pause-btn:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.cook-meta{font-size:.8rem;color:var(--text-muted)}.cook-meta b{color:var(--text)}.cook-progress{height:10px;border-radius:var(--r-round);background:var(--bg-soft);border:1px solid var(--border-soft);overflow:hidden}.cook-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:var(--r-round);transition:width .5s ease}.cook-done-card{display:flex;align-items:center;gap:14px;background:color-mix(in srgb,#2f9e44 10%,var(--bg-soft));border:1px solid rgba(47,158,68,.35);border-radius:var(--r-md);padding:14px 16px}.cook-done-emoji{font-size:2.4rem}.cook-done-card h4{font-size:1.05rem;margin-bottom:2px}.cook-log-confirm{margin-top:6px;font-size:.85rem;color:#2f9e44;font-weight:600}.cook-log-confirm a{color:#2f9e44;text-decoration:underline;text-underline-offset:3px}.cook-log-confirm.error{color:#e03131}.cook-photo-preview{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);max-width:380px}.cook-photo-preview img{width:100%;max-height:280px;object-fit:cover;display:block}.cook-photo-actions{display:flex;gap:10px;flex-wrap:wrap}.cook-photo-btn{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-soft);background:var(--bg-soft);border:1px dashed var(--border);border-radius:var(--r-sm);padding:10px 16px;transition:background .15s,color .15s,border-color .15s}.cook-photo-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.cook-hint{font-size:.75rem;color:var(--text-muted)}.post-action-cook{color:var(--accent-soft);font-weight:600;text-decoration:none}.cook-done-btn:disabled{background:var(--bg-hover);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.cook-blocked-hint{font-size:.78rem;color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:var(--r-sm);padding:8px 12px}.photo-ask{display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-soft));border:1px solid var(--accent-soft);border-radius:var(--r-md);padding:16px;animation:fadeUp .25s ease both}.photo-ask-emoji{font-size:1.8rem}.photo-ask-text{font-size:.92rem;font-weight:600;color:var(--text)}.photo-ask .cook-photo-actions{margin-top:2px}.cook-photo-btn.primary{background:var(--accent);border:none;color:#fff;font-weight:700;box-shadow:0 3px 12px var(--accent-glow)}.cook-photo-btn.primary:hover{background:#f76707;color:#fff}.photo-ask-skip{font-size:.82rem;font-weight:600;color:var(--text-muted);padding:8px 10px;border-radius:var(--r-sm);transition:color .15s,background .15s}.photo-ask-skip:hover{color:var(--text);background:var(--bg-hover)}.cooked-card{animation:fadeUp .4s ease both}.cooked-item{display:flex;align-items:flex-start;gap:12px;padding:10px;margin:0 -10px 2px;border-radius:var(--r-sm);transition:background .15s}.cooked-item:hover{background:var(--bg-hover)}.cooked-item:last-child{margin-bottom:0}.cooked-thumb{width:64px;height:64px;flex-shrink:0;border-radius:var(--r-sm);background:var(--bg-soft);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.cooked-thumb img{width:100%;height:100%;object-fit:cover}.cooked-thumb-emoji{font-size:1.8rem}.cooked-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.cooked-name{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.3}a.cooked-name:hover{color:var(--accent-soft)}.cooked-sub{font-size:.78rem;color:var(--text-muted)}.cooked-duration{font-size:.78rem;color:#2f9e44;font-weight:600}.cooked-note{margin-top:4px;font-size:.84rem;color:var(--text-soft);font-style:italic;line-height:1.45;overflow-wrap:break-word}.cook-note{display:flex;flex-direction:column;gap:6px}.cook-note-label{font-size:.88rem;font-weight:600;color:var(--text-soft)}.cook-note-input{width:100%;resize:vertical;min-height:70px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.5;outline:none;transition:border-color .15s,background .15s}.cook-note-input:focus{border-color:var(--accent-soft);background:var(--bg-card)}.cook-note-hint{font-size:.72rem;color:var(--text-muted)}.cooked-row .sugg-cuisine,.cooked-row .sugg-name{display:block}.logout-modal{width:min(360px,92vw);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;text-align:center;animation:fadeUp .2s ease both}.logout-modal-emoji{font-size:2.4rem;display:block;margin-bottom:8px}.logout-modal h4{font-size:1.2rem;margin-bottom:6px}.logout-modal p{font-size:.84rem;color:var(--text-muted);margin-bottom:18px}.logout-modal-actions{display:flex;gap:10px}.logout-cancel{flex:1 1;font-size:.88rem;font-weight:600;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-round);padding:10px 0;transition:background .15s,color .15s}.logout-cancel:hover{background:var(--bg-hover);color:var(--text)}.logout-confirm{flex:1 1;font-size:.88rem;font-weight:700;color:#fff;background:#dc3545;border-radius:var(--r-round);padding:10px 0;transition:filter .15s}.logout-confirm:hover{filter:brightness(1.1)}.cook-card{scroll-margin-top:84px}@media (max-width:480px){.dish-page{padding:14px 10px calc(90px + env(safe-area-inset-bottom))}.dish-title{font-size:1.5rem}.dish-hero-banner{height:140px}.dish-hero-emoji{font-size:4rem}.cook-timer{font-size:2.2rem}.cook-done-btn,.cook-start-btn{width:100%}.cook-pause-btn{flex:1 1;text-align:center}.cook-photo-btn{flex:1 1;justify-content:center}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.auth-field input:focus-visible,.comment-form input:focus-visible,.composer textarea:focus-visible,.cook-note-input:focus-visible,.nav-search input:focus-visible{outline:none}::selection{background:rgba(232,89,12,.35);color:var(--text)}[data-theme=light] ::selection{background:rgba(232,89,12,.22)}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width:1440px){.app-main,.navbar-inner{max-width:1288px}.feed-heading{font-size:clamp(1.45rem,1.9vw,1.7rem)}}.feed-heading{font-size:clamp(1.25rem,2.6vw,1.55rem);letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feed-sub{letter-spacing:.01em;max-width:52ch}.reaction-pile{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--r-round);padding:4px 12px 4px 6px}.post-stats .r-face{margin-right:-7px}[data-theme=light] .dish-hero-banner,[data-theme=light] .post-dish-banner{background:linear-gradient(135deg,#f8ecda,#f4decb,#f0e7d9);box-shadow:inset 0 0 60px rgba(176,99,0,.14)}.cooked-thumb-emoji,.dish-emoji,.dish-hero-emoji{filter:drop-shadow(0 6px 18px rgba(232,89,12,.28))}.nav-logo .logo-emoji{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover .logo-emoji{transform:rotate(-10deg) scale(1.15)}@media (max-width:820px){.toast{bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-nav a{padding:8px 14px;min-height:44px;justify-content:center}.post-head{padding:14px 14px 8px}.post-body{padding:4px 14px 10px}.post-actions{margin:0 14px}.composer{padding:14px}}