:root{color:#23211d;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f0e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.page-content{width:min(100%,44rem)}.auth-shell,.app-shell{min-height:100vh;padding:1.25rem}.auth-shell{place-items:center;display:grid}.auth-card,.dashboard{background:#ffffffc2;border:1px solid #dcd6ca;border-radius:1rem;width:min(100%,70rem);box-shadow:0 1.5rem 4rem #2c271e14}.auth-card{max-width:29rem;padding:clamp(1.5rem,5vw,2.5rem)}.brand-mark{color:#f5f1e8;background:#181713;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:2rem;font-family:Georgia,Times New Roman,serif;font-size:.875rem;display:grid}.eyebrow{color:#746d60;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:700}h1{color:#181713;letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,9vw,4.5rem);font-weight:500;line-height:.95}.intro{color:#625d53;max-width:37rem;margin:1.25rem 0 2.5rem;font-size:1rem;line-height:1.65}.login-form{gap:1rem;display:grid}.field{color:#3b3832;gap:.45rem;font-size:.875rem;font-weight:700;display:grid}.field input{color:#181713;background:#fffefa;border:1px solid #cfc8ba;border-radius:.55rem;outline:none;width:100%;min-height:3rem;padding:.75rem .875rem}.field textarea{resize:vertical;color:#181713;background:#fffefa;border:1px solid #cfc8ba;border-radius:.55rem;outline:none;width:100%;padding:.75rem .875rem}.field textarea:focus{border-color:#625d53;box-shadow:0 0 0 3px #625d5324}.field-hint{color:#746d60;margin:0;font-size:.8rem;font-weight:400}.image-field input[type=file]{padding:.55rem}.image-preview{justify-items:start;gap:.75rem;display:grid}.image-preview img{aspect-ratio:4/3;object-fit:cover;border-radius:.65rem;width:min(100%,24rem)}.field input:focus{border-color:#625d53;box-shadow:0 0 0 3px #625d5324}.field input:disabled{cursor:not-allowed;opacity:.65}.primary-button,.secondary-button,.text-button,.danger-button{cursor:pointer;border-radius:.55rem;min-height:2.75rem;font-weight:700}.primary-button{color:#fffdf7;background:#181713;border:1px solid #181713}.secondary-button{color:#28251f;background:#fffefa;border:1px solid #bfb7a9;padding:.65rem 1rem}.text-button{color:#625d53;background:0 0;border:0}.danger-button{color:#852b21;background:#fff7f5;border:1px solid #b84739;padding:.65rem 1rem}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:wait;opacity:.6}.form-error,.notice{color:#852b21;border-radius:.55rem;font-size:.875rem;line-height:1.45}.form-error{margin:0}.notice{margin-bottom:1.25rem;padding:.8rem .9rem}.notice--error{background:#faeae7;border:1px solid #e5bdb7}.notice--success{color:#17643a;background:#e5f4e9;border:1px solid #b9dbc4}.auth-hint{color:#746d60;text-align:center;margin:1.5rem 0 0;font-size:.8rem}.loading-state{color:#625d53;justify-items:center;display:grid}.loading-spinner{border:2px solid #d8d1c5;border-top-color:#24221e;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.app-shell{place-items:start center;padding-top:clamp(1.25rem,8vw,5rem);display:grid}.dashboard{padding:clamp(1.25rem,5vw,2.5rem)}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.profile-panel{background:#faf8f3;border:1px solid #e1dbcf;border-radius:.75rem;gap:.85rem;margin-top:2.5rem;padding:1.25rem;display:grid}.profile-row{justify-content:space-between;gap:1rem;display:flex}.profile-row span{color:#746d60}.profile-row strong{overflow-wrap:anywhere;text-align:right}.empty-state{text-align:center;border:1px dashed #cfc8ba;border-radius:.75rem;margin-top:1rem;padding:2rem 1.25rem}.empty-state h2,.empty-state p{margin:0}.empty-state h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.empty-state p{color:#746d60;margin-top:.5rem}.empty-state .secondary-button{margin-top:1rem}.button-row{gap:.75rem;margin-top:1rem;display:flex}.blackbook-section{margin-top:2.5rem}.section-heading,.cocktail-card-heading,.form-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-heading h2,.form-heading h3,.cocktail-card h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}.section-heading h2{font-size:clamp(2rem,7vw,3.25rem)}.action-button{padding:.65rem 1rem}.search-panel{background:#faf8f3;border:1px solid #d9d2c6;border-radius:.75rem;gap:.55rem;margin-top:1.5rem;padding:1rem;display:grid}.search-panel>label{color:#3b3832;font-size:.875rem;font-weight:700}.search-input-row{gap:.75rem;display:flex}.search-input-row input{color:#181713;background:#fffefa;border:1px solid #cfc8ba;border-radius:.55rem;outline:none;width:100%;min-height:3rem;padding:.75rem .875rem}.search-input-row input:focus{border-color:#625d53;box-shadow:0 0 0 3px #625d5324}.search-result-count{color:#746d60;margin:0;font-size:.8rem}.cocktail-form{background:#faf8f3;border:1px solid #d9d2c6;border-radius:.8rem;gap:1.5rem;margin-top:1.5rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.form-heading p,.ingredient-hint{color:#746d60;margin:0;font-size:.875rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field--wide{grid-column:1/-1}.ingredient-fieldset{border:1px solid #d9d2c6;border-radius:.65rem;gap:1rem;min-width:0;margin:0;padding:1rem;display:grid}.ingredient-fieldset legend{padding:0 .4rem;font-weight:700}.ingredient-list,.cocktail-list{gap:1rem;display:grid}.ingredient-row{grid-template-columns:auto 7rem 7rem minmax(10rem,1fr) auto;align-items:end;gap:.75rem;display:grid}.ingredient-position{color:#625d53;background:#e7e1d6;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;margin-bottom:.65rem;font-size:.75rem;font-weight:700;display:grid}.remove-button{color:#852b21;cursor:pointer;background:0 0;border:0;min-height:3rem;font-weight:700}.list-status{color:#746d60;margin-top:1rem;padding:1.5rem 0}.cocktail-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.cocktail-card{background:#fffefa;border:1px solid #ded7ca;border-radius:.75rem;padding:1.25rem;overflow:hidden}.cocktail-photo{object-fit:cover;width:calc(100% + 2.5rem);height:13rem;margin:-1.25rem -1.25rem 1.25rem}.cocktail-card-heading p,.cocktail-card-heading time{color:#746d60;margin:.3rem 0 0;font-size:.8rem}.cocktail-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.cocktail-details div{min-width:0}.cocktail-details dt{color:#746d60;font-size:.75rem}.cocktail-details dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-weight:700}.recipe-list{border-top:1px solid #e6e0d5;gap:.35rem;margin:0;padding:1rem 0 0;list-style:none;display:grid}.recipe-list li{grid-template-columns:6rem 1fr;gap:.75rem;display:grid}.recipe-list span{color:#746d60}.cocktail-description{color:#625d53;margin:1rem 0 0;line-height:1.5}.cocktail-notes{color:#625d53;background:#f4f0e8;border-radius:.5rem;margin:.75rem 0 0;padding:.75rem;line-height:1.5}.cocktail-actions{border-top:1px solid #e6e0d5;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.status-list{gap:.75rem;display:grid}.status-card{background:#ffffffad;border:1px solid #dcd6ca;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.status-label,.status-detail{margin:0}.status-label{color:#25231f;font-weight:700}.status-detail{color:#746d60;margin-top:.25rem;font-size:.875rem;line-height:1.4}.status-badge{color:#5f594f;white-space:nowrap;background:#ebe7de;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.status-badge--connected{color:#17643a;background:#dff0e5}.status-badge--checking{color:#745a0b;background:#f4ebcf}.status-badge--error{color:#8b2f23;background:#f5dfdc}@media (width<=34rem){.status-card{flex-direction:column;align-items:flex-start}.dashboard-header,.profile-row,.section-heading,.form-heading{flex-direction:column;align-items:stretch}.profile-row{gap:.2rem}.profile-row strong{text-align:left}.form-grid,.cocktail-list{grid-template-columns:1fr}.search-input-row{flex-direction:column;align-items:stretch}.ingredient-row{border-bottom:1px solid #e1dbcf;grid-template-columns:auto 1fr 1fr;padding-bottom:1rem}.ingredient-name{grid-column:2/-1}.remove-button{grid-column:2/-1;justify-self:start;min-height:auto}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.6s}}