@tailwind base;@tailwind components;@tailwind utilities;:root{--cotto-charcoal: #171A1C;--cotto-porcelain: #F5F6F7;--cotto-terra-cotta: #C76642;--cotto-sage: #7BA58A;--cotto-saffron: #F2B357;--cotto-ink: #2B2F33;--cotto-app-background: #FFFFFF}@layer base{html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{font-family:Lato,sans-serif;color:var(--cotto-ink);background-color:var(--cotto-app-background)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:root{--safe-bottom-inset: clamp(0px, env(safe-area-inset-bottom, 0px), 14px);--app-dock-height: 86px;--app-dock-clearance: calc(var(--app-dock-height) + 12px)}main{text-align:center;vertical-align:center;line-height:100vh}.main-content{flex:1;min-height:0;padding:0}.main-content.no-padding-bottom{padding-bottom:0}.app-container{min-height:100vh;display:flex;flex-direction:column}.page-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.list-unstyled{list-style-type:none;padding-left:0}.list-inline li{display:inline;margin-right:1rem}.btn{display:inline-block;background-color:#007bff;color:#fff;text-align:center;vertical-align:middle;border:1px solid transparent;padding:.3rem .8rem;font-size:1rem;line-height:1.5;border-radius:.25rem;text-decoration:none;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;margin:.5rem .2rem}.btn:hover{background-color:#0069d9;color:#fff}.btn-remove{margin-left:10px;background-color:#db0037}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:700;margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.5rem;font-size:1rem;line-height:1.5;border:1px solid #ced4da;border-radius:.25rem}.form-control:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-control-textarea{min-height:100px;resize:vertical}.recipe-hero{position:relative;width:100%;height:300px;overflow:hidden}.recipe-hero img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover}.mosaic{padding-top:50px}#popup-scroll-container{max-height:70vh;overflow-y:auto;background-color:#fff;padding-top:0}.tag{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;padding:5px 10px;margin:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.tag.selected{background-color:#d0d0d0}.recipe-tile .tags{margin-top:10px}.recipe-tile .tag{display:inline-block;margin-right:5px;background-color:#e0e0e0;padding:3px 8px;border-radius:3px;font-size:.8rem}.search-bar,.tags-container{margin-bottom:10px;padding:0 15px}#tags-select{padding:.4rem}#tags-select-label{top:-.6rem}.filters-container{display:block;justify-content:flex-start;align-items:center;padding:0 15px;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch}}.search-bar{padding:0 15px;margin-bottom:10px}.search-input{width:100%}.multi-select,.prep-time-select{flex:0 0 auto;min-width:150px;width:48%}.multi-select{margin-right:4%!important}.sticky{position:sticky;top:0;z-index:1000;background-color:#fff;padding:10px 0;border-bottom:1px solid #ddd}.MuiChip-root{height:1.4rem!important}#prep-time-select{padding:.34rem;height:1.6rem}#prep-time-select-label{top:-.6rem}.icon{width:24px;height:24px;fill:#b0bec5}.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;padding:1.5rem}.recipe-tile{background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:300px}.recipe-image{width:100%;height:200px;object-fit:cover}.recipe-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.recipe-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.recipe-content p{margin:0}.recipe-description{font-size:.9rem}.recipe-link{text-decoration:none;color:inherit}.search-bar{padding:1rem;display:flex;justify-content:center}.search-input{width:100%;max-width:600px;padding:.5rem 1rem;font-size:1rem;border:1px solid #dcdfe6;border-radius:4px}.topbar,.bottombar{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.bottombar{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding-bottom:var(--safe-bottom-inset)}.topbar{display:none}.fab-button{position:fixed!important;right:20px;bottom:calc(70px + var(--safe-bottom-inset));z-index:1010}@media (min-width: 768px){.bottombar{display:none}.topbar{display:flex}.fab-button{bottom:20px}}:root{--auth-terracotta: var(--cotto-terra-cotta, #C76642);--auth-terracotta-hover: #B65B39;--auth-terracotta-soft: #F0D7D0;--auth-ink: var(--cotto-ink, #2B2F33);--auth-charcoal: var(--cotto-charcoal, #171A1C);--auth-porcelain: var(--cotto-porcelain, #F5F6F7);--auth-sage: var(--cotto-sage, #7BA58A);--auth-saffron: var(--cotto-saffron, #F2B357);--auth-muted: #646A70;--auth-line: #D8DDE1}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at 12% 18%,rgba(199,102,66,.16) 0,rgba(199,102,66,0) 38%),radial-gradient(circle at 86% 84%,rgba(123,165,138,.16) 0,rgba(123,165,138,0) 42%),linear-gradient(150deg,var(--auth-porcelain) 0%,#ffffff 100%)}.auth-backdrop{position:absolute;width:540px;height:540px;border-radius:50%;filter:blur(3px);background:linear-gradient(145deg,rgba(199,102,66,.16),rgba(242,179,87,.22));top:-180px;right:-160px;pointer-events:none}.auth-layout{position:relative;z-index:1;width:100%;max-width:460px}.auth-card{--auth-card-pad-x: 28px;background:rgba(255,255,255,.95);border:1px solid #DEE3E7;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px var(--auth-card-pad-x) 24px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 48px #3e291c1f}.auth-header{margin:0 calc(var(--auth-card-pad-x) * -1) 26px;border-bottom:1px solid #E7EBEE;padding:0 var(--auth-card-pad-x) 11px}.auth-header-title{margin:0;color:#4f5660;font-size:1rem;font-weight:500;letter-spacing:0;text-align:center}.auth-google-wrap{margin-bottom:18px}.auth-google-wrap,.auth-divider,.auth-form,.auth-switch-copy{width:100%;max-width:400px;margin-left:auto;margin-right:auto}.google-oauth-wrapper{display:block;width:100%}.google-oauth-wrapper>div{display:flex;width:100%}.google-oauth-wrapper iframe{border-radius:999px!important}.auth-divider{position:relative;margin-top:0;margin-bottom:20px;text-align:center}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--auth-line)}.auth-divider span{position:relative;z-index:1;background-color:#fffffff2;color:var(--auth-muted);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:0 12px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.85rem;font-weight:500;color:#59524d}.auth-input{height:46px;width:100%;border:1px solid var(--auth-line);border-radius:11px;padding:0 14px;font-size:.96rem;color:var(--auth-ink);background:#ffffff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.auth-input:focus{outline:none;border-color:var(--auth-terracotta);box-shadow:0 0 0 4px #c7664224}.auth-submit-btn{margin-top:8px;width:100%;min-height:46px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--auth-terracotta) 0%,var(--auth-terracotta-hover) 100%);color:#fff;font-size:.96rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease}.auth-submit-btn:hover{background:var(--auth-terracotta-hover);box-shadow:0 12px 24px #7a4a3342;transform:translateY(-1px)}.auth-submit-btn:active{transform:translateY(0)}.auth-switch-copy{margin-top:18px;margin-bottom:0;text-align:center;color:var(--auth-muted);font-size:.9rem}.auth-switch-link{color:var(--auth-terracotta-hover);font-weight:600;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.auth-info-message{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#FFF7EA;border:1px solid #F0D7AC;color:#8f5d12;font-size:.88rem}.auth-invite-copy{width:100%;max-width:400px;margin:0 auto 12px;color:var(--auth-muted);font-size:.94rem;line-height:1.45;text-align:center}.auth-invite-intended{margin-top:-2px;margin-bottom:16px;color:#59626b;font-size:.88rem}.auth-status-msg{width:100%;max-width:400px;margin:0 auto 16px;padding:12px 14px;border-radius:12px;font-size:.9rem;line-height:1.4}.auth-status-msg-success{background:#eef8f1;border:1px solid #cae8d1;color:#256a34}.auth-status-msg-error{background:#fff2f0;border:1px solid #f2ceca;color:#9f3a2f}.auth-action-row{width:100%;max-width:400px;margin:6px auto 0;display:flex;gap:10px}.auth-link-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-secondary-btn{width:100%;min-height:46px;border:1px solid var(--auth-line);border-radius:11px;background:#ffffff;color:var(--auth-ink);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.auth-secondary-btn:hover{border-color:#bcc4ca;background:#f8fafb}.auth-action-row .auth-submit-btn,.auth-action-row .auth-secondary-btn,.auth-action-row .auth-link-btn{flex:1;margin-top:0}@media (max-width: 560px){.auth-page{padding:14px}.auth-card{--auth-card-pad-x: 18px;padding:18px var(--auth-card-pad-x) 20px}}