@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&family=Inter:wght@400;500;600;700&display=swap";.recipe-card{border:1px solid var(--border);isolation:isolate;background:#fff;border-radius:22px;flex-direction:column;width:100%;max-width:380px;min-height:520px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000024,0 2px 8px #00000014}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000002e,0 4px 12px #0000001f}.recipe-image{background:#f3f3f3;flex-shrink:0;width:100%;height:50%;min-height:260px;max-height:280px;position:relative;overflow:hidden}.recipe-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.recipe-card:hover .recipe-image img{transform:scale(1.07)}.recipe-image:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 32%,#00000038 64%,#0000008c 100%);position:absolute;inset:0}.recipe-image .swiper{width:100%;height:100%}.recipe-image .swiper-slide{height:100%}.recipe-image .swiper-pagination{z-index:2;bottom:8px!important}.recipe-image .swiper-pagination-bullet{opacity:1;background:#ffffffb3;width:6px;height:6px}.recipe-image .swiper-pagination-bullet-active{background:#fff;border-radius:999px;width:14px}.recipe-image .swiper-button-prev,.recipe-image .swiper-button-next{--swiper-navigation-size:14px;background:#fffffff0;border:1px solid #0f172a14;border-radius:8px;box-shadow:0 2px 10px #0f172a24;color:#0f172a!important;width:32px!important;height:32px!important}.recipe-image .swiper-button-prev:after,.recipe-image .swiper-button-next:after{font-weight:800;font-size:14px!important}.recipe-image .swiper-button-prev:hover,.recipe-image .swiper-button-next:hover{background:#fff}.recipe-top-badges{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.top-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a1a;background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #00000024}.top-badge.dark{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff2e}.top-badge.spicy-badge{color:#fff;background:#ff2d55;border:none}.top-badge.cost-badge{color:#fff;background:#10b981}.recipe-content{z-index:3;color:#111;-webkit-backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #fff9;border-radius:22px 22px 0 0;flex-direction:column;flex:1;gap:10px;margin-top:-32px;padding:18px 16px 16px;display:flex;position:relative;box-shadow:0 -8px 24px #0000001f}.recipe-name{letter-spacing:-.02em;color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Fraunces,serif;font-size:1.22rem;font-weight:800;line-height:1.24;display:-webkit-box;overflow:hidden}.recipe-description{color:#5a5a5a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.84rem;line-height:1.5;display:-webkit-box;overflow:hidden}.recipe-meta{flex-wrap:wrap;gap:6px;display:flex}.meta-item{color:#333;white-space:nowrap;background:#f6f6f6;border:1px solid #e9e9e9;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.meta-item.spicy{color:#b91c1c;background:#ffe8ec;border-color:#fecaca}.recipe-ingredients{flex-direction:column;gap:6px;display:flex}.recipe-ingredients strong{letter-spacing:.07em;text-transform:uppercase;color:#888;font-size:.68rem;font-weight:700}.ingredients-list{flex-wrap:wrap;gap:6px;display:flex}.ingredient-tag{color:#333;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.view-recipe-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:999px;align-self:flex-start;padding:10px 18px;font-family:Inter,sans-serif;font-size:.84rem;font-weight:700;transition:transform .15s,background .15s,opacity .15s}.view-recipe-btn:hover{background:#222;transform:translateY(-1px)}.view-recipe-btn:active{transform:translateY(0)}@media (width<=768px){.recipe-card{border-radius:18px;max-width:100%;min-height:480px}.recipe-image{min-height:220px;max-height:240px}.recipe-name{font-size:1.14rem}.recipe-content{padding:14px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.chat-message{gap:10px;max-width:100%;animation:.18s slideIn;display:flex}.user-message{justify-content:flex-end;align-items:flex-start}.user-message .message-content{background:var(--primary);color:#fff;word-wrap:break-word;max-width:72%;box-shadow:var(--shadow-xs);border:1px solid var(--primary);border-radius:18px 18px 4px;padding:11px 15px;font-size:.92rem;font-weight:500;line-height:1.58}.assistant-message{justify-content:flex-start;align-items:flex-start}.assistant-message .message-content{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);max-width:78%;box-shadow:var(--shadow-xs);border-radius:18px 18px 18px 4px;padding:12px 15px;font-size:.92rem;font-weight:450;line-height:1.62}.message-avatar{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-tertiary);border-radius:999px;flex-shrink:0;place-items:center;font-size:.95rem;display:grid}.user-message .message-avatar{background:var(--primary);border-color:var(--primary);color:#fff;order:2;font-size:.85rem}.assistant-message .message-avatar{background:var(--surface);border-color:var(--border)}.message-body{flex-direction:column;flex:1;gap:10px;min-width:0;max-width:100%;display:flex}.user-message .message-body{align-items:flex-end}.recipes-container{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;margin-top:6px;display:grid}.recipes-container .recipe-card{width:100%;min-width:0;max-width:none}.recipes-container .recipe-image{height:140px}.recipes-container .recipe-content{gap:8px;padding:12px}.recipes-container .recipe-name{font-size:.96rem;line-height:1.25}.recipes-container .recipe-description{-webkit-line-clamp:2;font-size:.8rem}@media (width<=1400px){.recipes-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.recipes-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.recipes-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipes-container .recipe-image{height:132px}}@media (width<=480px){.recipes-container{grid-template-columns:1fr}.recipes-container .recipe-image{height:168px}}.typing-indicator{align-items:center;gap:4px;padding:4px 2px;display:flex}.typing-indicator span{background:var(--text-primary);opacity:.7;border-radius:50%;width:6px;height:6px;animation:1.3s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.typing-text{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}@media (width<=768px){.user-message .message-content,.assistant-message .message-content{max-width:86%;font-size:.9rem}.message-avatar{width:30px;height:30px;font-size:.9rem}}.suggestion-chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 0 8px;animation:.5s .12s both fadeIn;display:flex}.suggestion-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;color:var(--text-secondary);letter-spacing:-.01em;box-shadow:var(--shadow-xs);align-items:center;gap:7px;padding:9px 14px;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.suggestion-chip:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.suggestion-icon{background:var(--surface-2);border:1px solid var(--border-light);border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.82rem;display:grid}.suggestion-chip:hover .suggestion-icon{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.suggestion-chips{gap:8px;padding:6px 0}.suggestion-chip{padding:8px 12px;font-size:.8rem}}.chat-messages{z-index:1;background:var(--bg);flex-direction:column;flex:1;gap:16px;padding:28px 20px 18px;display:flex;position:relative;overflow:visible}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px 20px;animation:.5s fadeIn;display:flex}.empty-icon{background:var(--surface);width:72px;height:72px;color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:16px;place-items:center;display:grid;overflow:hidden}.empty-icon img{object-fit:cover;width:100%;height:100%;display:block}.empty-state h2{letter-spacing:-.03em;color:var(--text-primary);max-width:420px;margin:0;font-family:Fraunces,serif;font-size:1.7rem;font-weight:700;line-height:1.15}.empty-state h2 span{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px;text-decoration-thickness:3px}.empty-state p{color:var(--text-secondary);max-width:380px;margin:0;font-size:.92rem;line-height:1.62}@media (width<=768px){.chat-messages{padding:20px 14px 12px}.empty-state{padding:32px 16px 12px}.empty-icon{border-radius:14px;width:56px;height:56px;font-size:1.6rem}.empty-state h2{font-size:1.4rem}}.chat-bottom{z-index:15;-webkit-backdrop-filter:blur(16px)saturate(1.15);border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fdfcfbeb;position:sticky;bottom:0}@media (prefers-color-scheme:dark){.chat-bottom{background:#1c1917e0}}.chat-bottom-actions{justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto 10px;display:flex}.clear-chat-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.clear-chat-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text-secondary)}.clear-chat-btn:disabled{opacity:.5;cursor:not-allowed}.chat-powered{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;display:inline-flex}.chat-input-form{background:0 0;border:none;flex-shrink:0;position:relative}.chat-input-container{background:var(--surface);border:1px solid var(--border);max-width:720px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:flex-end;gap:8px;margin:0 auto;padding:6px 6px 6px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.chat-input-container:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--primary-glow), var(--shadow-sm)}.chat-textarea{color:var(--text-primary);resize:none;letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:110px;padding:9px 4px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:500;line-height:1.5}.chat-textarea::placeholder{color:var(--text-muted);font-weight:450}.send-button{background:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.send-button:hover:not(:disabled){background:var(--primary);opacity:.92}.send-button:active:not(:disabled){opacity:.88}.send-button:disabled{opacity:.42;cursor:not-allowed}@media (width<=768px){.chat-bottom{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.chat-bottom-actions{margin-bottom:8px}.chat-input-container{padding:4px 4px 4px 14px}.chat-textarea{font-size:.9rem}.send-button{width:38px;height:38px}}@media (width<=900px){.chat-bottom{z-index:45;-webkit-backdrop-filter:blur(16px)saturate(1.15);border-top:1px solid var(--border);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fdfcfbfa;position:sticky;bottom:0}.chatbot-container{padding-bottom:0}.chat-messages{padding-bottom:12px}}.chatbot-container{background:var(--bg);scroll-behavior:smooth;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden auto}.chatbot-container>*{z-index:1;position:relative}@media (width<=900px){.chatbot-container{height:100%;padding-bottom:0}}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--border);background:#ffffffd9;flex-direction:column;width:100%;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.topbar{border-bottom-color:var(--border);background:#0c0a09d1}}.topbar-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:1280px;min-height:60px;margin:0 auto;padding:12px 20px;display:grid}.topbar-inner .topbar-brand{justify-self:start}.topbar-inner .topbar-nav{justify-self:center}.topbar-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{background:var(--primary);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.brand-name{letter-spacing:-.03em;color:var(--text-primary);font-family:Fraunces,serif;font-size:1.28rem;font-weight:800}.brand-name:after{content:"™";vertical-align:super;color:var(--text-muted);margin-left:2px;font-family:Inter,sans-serif;font-size:.55rem}.topbar-nav{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.topbar-btn{color:var(--text-tertiary);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.topbar-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.topbar-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-xs)}.topbar-badge{background:var(--accent);color:var(--primary);text-align:center;border:1px solid #0000000a;border-radius:999px;min-width:18px;padding:2px 6px;font-size:.68rem;font-weight:750;line-height:1.2}.topbar-btn.active .topbar-badge{color:var(--primary);background:#fff}.topbar-toggle{display:none}.mobile-tip-btn{color:#9a3412;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1px solid #ffd6a7;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:600;display:none}.mobile-tip-btn:hover{background:#ffedd5}.topbar-dropdown{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;padding:12px 20px 14px;animation:.18s slideIn;display:flex}.topbar-dropdown-nav{flex-direction:column;gap:6px;display:flex}.dropdown-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.dropdown-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.dropdown-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dropdown-icon{background:var(--surface-2);border:1px solid var(--border-light);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.dropdown-btn.active .dropdown-icon{color:#fff;background:#ffffff29;border-color:#ffffff2e}.dropdown-label{flex:1}.dropdown-desc{color:var(--text-muted);font-size:.72rem}.dropdown-badge{background:var(--primary);color:#fff;border-radius:999px;padding:2px 7px;font-size:.68rem}.topbar-dropdown-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.sidebar-card-icon{background:var(--primary);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.sidebar-card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem;font-weight:750}.sidebar-card-text{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.sidebar{display:none!important}.mobile-nav{-webkit-backdrop-filter:blur(18px)saturate(1.2);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));z-index:40;background:#fffffff0;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.mobile-nav{background:#0c0a09eb}}.mob-btn{color:var(--text-tertiary);letter-spacing:.02em;text-transform:uppercase;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 8px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;display:flex;position:relative}.mob-btn.active{color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border)}.mob-badge{background:var(--primary);color:#fff;border-radius:999px;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.2;position:absolute;top:2px;right:14px}@media (width<=900px){.topbar-nav,.topbar-dropdown{display:none!important}.mobile-nav{display:flex}.mobile-tip-btn{display:inline-flex}.topbar-inner{grid-template-columns:1fr auto}}@media (width>=901px){.topbar-nav{display:flex}.mobile-nav,.mobile-tip-btn{display:none!important}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:10px;padding:10px 16px 12px;font-size:.78rem;display:flex}.footer-tip-btn{color:#9a3412;cursor:pointer;background:#fff7ed;border:1px solid #ffd6a7;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.footer-tip-btn:hover{background:#ffedd5;transform:translateY(-1px)}.footer-tip-icon{color:#fff;background:#f97316;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.footer-tip-dot{background:#f97316;border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse}.footer-hint{color:var(--text-muted);font-size:.7rem}.footer-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0f172a7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.footer-modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-xl);border-radius:20px;padding:20px 18px 16px;animation:.18s scaleIn;position:relative}.footer-modal-close{border:1px solid var(--border);background:var(--surface-2);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.footer-modal-header{text-align:center;margin-bottom:16px}.footer-modal-icon{color:#ea580c;background:#fff7ed;border:1px solid #ffd6a7;border-radius:50%;place-items:center;width:36px;height:36px;margin:0 auto 8px;display:grid}.footer-modal-header h3{font-size:1.12rem}.footer-modal-header p{color:var(--text-tertiary);margin-top:4px;font-size:.82rem}.footer-tips-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-tips-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;gap:12px;padding:12px;display:flex}.tip-n{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.76rem;font-weight:700;display:grid}.footer-tips-list li strong{font-size:.86rem}.footer-tips-list li p{color:var(--text-secondary);margin-top:4px;font-size:.82rem;line-height:1.5}.footer-tips-list li p code{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:.72rem}.tip-action{background:var(--primary);color:#fff;border:none;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}@media (width<=900px){.app-footer{display:none!important}.footer-modal{max-height:80vh;overflow-y:auto}}.explore{background:var(--bg);flex-direction:column;flex:1;gap:16px;padding:24px 20px 28px;display:flex;overflow-y:auto}.explore-hero{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-xs);border-radius:20px;padding:22px 20px 18px;position:relative;overflow:hidden}.explore-hero:after{content:"";pointer-events:none;background:radial-gradient(420px 280px at 70% 18%,#facc1529,#0000 62%);width:38%;height:100%;position:absolute;top:0;right:0}.hero-text{z-index:1;position:relative}.hero-text h2{letter-spacing:-.03em;color:var(--text-primary);font-family:Fraunces,serif;font-size:1.55rem;font-weight:700;line-height:1.2}.hero-text h2 span{background:var(--text-primary);color:#fff;vertical-align:baseline;border-radius:7px;padding:1px 8px;font-size:.95em}.hero-text p{color:var(--text-tertiary);margin-top:6px;font-size:.88rem;font-weight:500}.hero-stats{z-index:1;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex;position:relative}.hero-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.76rem;font-weight:600;display:inline-flex}.explore-toolbar{align-items:center;gap:10px;display:flex}.search-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;flex:1;align-items:center;gap:10px;padding:8px 14px;transition:all .18s;display:flex}.search-box:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.92rem;font-weight:500}.clear-q{background:var(--text-primary);color:#fff;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.filter-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-family:Inter,sans-serif;font-size:.84rem;font-weight:600;display:inline-flex}.filter-toggle.open{background:var(--primary);color:#fff;border-color:var(--primary)}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.filters-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.filter-row label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:7px 12px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.pill:hover{border-color:var(--border-strong)}.pill.on{background:var(--primary);color:#fff;border-color:var(--primary)}.range{width:100%;accent-color:var(--primary)}.check{color:var(--text-secondary);align-items:center;gap:7px;font-size:.84rem;font-weight:500;display:inline-flex}.clear-filters{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}.results-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:500;display:flex}.results-meta .link{color:var(--text-primary);background:0 0;border:none;font-weight:600;text-decoration:underline}.recipe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.chat-like-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));place-items:start center;gap:18px;display:grid}.chat-like-grid .recipe-card{width:100%;max-width:380px}@media (width<=1400px){.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-like-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.grid-skeleton .skeleton-card{background:var(--surface-2);border:1px solid var(--border)}.empty-grid{background:var(--surface);border:1px solid var(--border)}@media (width<=768px){.explore{padding:16px 12px 22px}.recipe-grid{grid-template-columns:1fr 1fr;gap:10px}.grid-img{height:136px}}@media (width<=520px){.recipe-grid{grid-template-columns:1fr}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0a096b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(680px,100%);max-height:88vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:20px;flex-direction:column;animation:.24s scaleIn;display:flex;overflow:hidden}.modal-close{z-index:3;border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);box-shadow:var(--shadow-xs);border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-img{background:var(--surface-2);flex-shrink:0;height:250px;position:relative;overflow:hidden}.modal-img img{object-fit:cover;width:100%;height:100%}.modal-img-gradient{background:linear-gradient(#0000 30%,#0c0a09b8 100%);position:absolute;inset:0}.modal-img-top{gap:8px;display:flex;position:absolute;top:12px;left:12px}.modal-cuisine{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:700}.modal-diff{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:700}.modal-diff.easy{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.modal-diff.medium{color:#92400e;background:#fffbeb;border-color:#fde68a}.modal-title{color:#fff;text-shadow:0 2px 16px #0000005c;font-family:Fraunces,serif;font-size:1.55rem;font-weight:700;position:absolute;bottom:14px;left:14px;right:14px}.modal-body{flex-direction:column;gap:16px;padding:18px 18px 20px;display:flex;overflow-y:auto}.modal-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.62}.modal-stats span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.modal-stats .spicy-stat{color:#991b1b;background:#fef2f2;border-color:#fecaca}.modal-actions{gap:10px;display:flex}.btn-fav{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-fav.on{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-share{background:var(--text-primary);color:#fff;border:1px solid var(--text-primary);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.modal-section h3{color:var(--text-primary);font-family:Fraunces,serif;font-weight:700}.ing-grid{flex-wrap:wrap;gap:7px;display:flex}.ing-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:6px 11px;font-size:.8rem;font-weight:500}.steps li{background:var(--surface-2);border:1px solid var(--border-light);color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:.88rem;display:flex}.step-n{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.74rem;font-weight:700;display:grid}.modal-tip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;padding:12px 14px;font-size:.84rem}.field{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.64rem;font-weight:800}.field-value{color:var(--text-primary);word-break:break-word;font-size:.82rem;font-weight:600}.field-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.modal-stats{flex-wrap:wrap;gap:8px;display:flex}.modal-img .swiper-button-prev,.modal-img .swiper-button-next{--swiper-navigation-size:15px;background:#fffffff0;border:1px solid #0f172a14;border-radius:8px;box-shadow:0 2px 10px #0f172a24;color:#0f172a!important;width:34px!important;height:34px!important}.modal-img .swiper-button-prev:after,.modal-img .swiper-button-next:after{font-weight:800;font-size:15px!important}.modal-img .swiper-button-prev:hover,.modal-img .swiper-button-next:hover{background:#fff}.modal-img .swiper-pagination-bullet{opacity:1;background:#ffffffb3}.modal-img .swiper-pagination-bullet-active{background:#fff}@media (width<=600px){.modal-overlay{align-items:end;padding:8px}.modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh}}:root{--primary:#171717;--primary-dark:#0a0a0a;--primary-light:#333;--primary-lighter:#525252;--primary-glow:#17171714;--primary-glow-bright:#1717171f;--accent:#facc15;--accent-light:#fde047;--accent-glow:#facc1538;--accent-dark:#eab308;--teal:#0d9488;--teal-light:#14b8a6;--teal-glow:#0d94881f;--bg:#fdfcfb;--bg-warm:#f5f5f3;--surface:#fff;--surface-2:#f9f9f8;--surface-hover:#f2f2f0;--surface-active:#e7e5e4;--text-primary:#0c0a09;--text-secondary:#57534e;--text-tertiary:#78716c;--text-muted:#a8a29e;--text-on-dark:#fff;--border:#e7e5e4;--border-strong:#d6d3d1;--border-light:#f5f5f4;--shadow-xs:0 1px 2px #0c0a090d;--shadow-sm:0 4px 12px #0c0a090f;--shadow-md:0 8px 24px #0c0a0914;--shadow-lg:0 16px 40px #0c0a091a;--shadow-xl:0 24px 56px #0c0a091f;--shadow-primary:0 8px 20px #0c0a0924;--shadow-accent:0 8px 20px #facc1547;--radius-sm:12px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-pill:999px;--header-bg:#fff;--header-bg-2:#fff;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.36s cubic-bezier(.16, 1, .3, 1);--blur-sm:blur(8px);--blur-md:blur(14px);--blur-lg:blur(20px)}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--bg-warm:#1c1917;--surface:#1c1917;--surface-2:#292524;--surface-hover:#44403c;--surface-active:#57534e;--text-primary:#fafaf9;--text-secondary:#d6d3d1;--text-tertiary:#a8a29e;--text-muted:#78716c;--border:#292524;--border-strong:#44403c;--border-light:#1c1917;--shadow-xs:0 1px 3px #0006;--shadow-sm:0 4px 12px #00000073;--shadow-md:0 8px 24px #0000008c;--header-bg:#0c0a09;--header-bg-2:#1c1917}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:700;line-height:1.18}h1{font-size:1.95rem}h2{font-size:1.6rem}h3{font-size:1.32rem}h4{font-size:1.1rem}h5{font-family:Inter,sans-serif;font-size:1rem;font-weight:600}h6{text-transform:uppercase;letter-spacing:.06em;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}p{color:var(--text-secondary);line-height:1.65}small{color:var(--text-muted);font-size:.875rem}strong{color:var(--text-primary);font-weight:600}a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:all var(--transition-fast)}a:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}#root{width:100%;min-height:100dvh}.app{background:var(--bg);width:100%;min-height:100vh;display:flex}.app-shell{background:var(--bg);flex-direction:column;width:100%;min-height:100dvh;display:flex}.app-main{background:var(--bg);border-left:1px solid #0000;border-right:1px solid #0000;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;margin:0 auto;display:flex;overflow:hidden}.app-view{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=1281px){.app-main{border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);margin:0 auto;overflow:hidden}.app-shell{padding:0}}@media (width<=1280px){.app-main{border-left:none;border-right:none}}@media (width<=900px){.app-main{padding-bottom:72px}}button,.btn{cursor:pointer;border-radius:var(--radius-pill);letter-spacing:-.01em;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:8px;display:flex}input,textarea{font-family:Inter,sans-serif;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],textarea{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:11px 16px}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,textarea:hover{border-color:var(--border-strong)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);transition:background var(--transition-fast);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::selection{background:var(--primary);color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.pulse{animation:2s ease-in-out infinite pulse}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}