@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-base:#1a2332;--color-bg-mid:#0f1a27;--color-bg-deep:#162030;--color-glass-bg:#ffffff0f;--color-glass-border:#c9a96e40;--color-glass-shadow:#00000040;--color-header-bg:#0f1a27eb;--color-header-border:#c9a96e40;--color-text-primary:#e8dcc8;--color-text-secondary:#e8dcc8a6;--color-text-muted:#e8dcc859;--color-heading:#e8dcc8;--color-accent:#c9a96e;--color-accent-light:#dfc28e;--color-accent-dim:#c9a96e26;--color-btn-primary-bg:#c9a96e;--color-btn-primary-text:#0f1a27;--color-btn-primary-hover:#dfc28e;--color-btn-secondary-bg:#c9a96e1f;--color-btn-secondary-text:#c9a96e;--color-btn-danger-bg:#b43232b3;--color-btn-danger-hover:#c83c3ce6;--color-input-border:#c9a96e59;--color-input-focus:#c9a96eb3;--color-input-bg:#ffffff0a;--color-star-active:#c9a96e;--color-star-inactive:#e8dcc833;--color-wine-red:#8b1a2a;--color-wine-rose:#c4687a;--color-wine-white:#d4c4a0;--color-success:#b4d2a026;--color-success-text:#a8d090;--color-error:#b43232d9;--color-overlay-bg:#000000eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#162030;background-color:var(--color-bg-deep);color:#e8dcc8;color:var(--color-text-primary);line-height:1.6;min-height:100vh}body:before{background-blend-mode:screen;background-image:radial-gradient(ellipse 100% 80% at 50% 50%,#c9a96e1a 0,#16203066 50%,#0000 100%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3{color:#e8dcc8;color:var(--color-heading);font-family:Cormorant Garamond,serif;font-weight:500;letter-spacing:.03em;margin-bottom:1rem}h1{font-size:1.75rem;font-weight:400}h2{font-size:1.35rem;font-weight:500}h3{font-size:1.15rem}.glass-card h2:after{background:linear-gradient(90deg,#c9a96e,#0000);background:linear-gradient(90deg,var(--color-accent),#0000);content:"";display:block;height:1px;margin-bottom:4px;margin-top:6px;width:32px}.App{flex-direction:column;justify-content:space-between;min-height:100vh}.App,.glass-header{display:flex;width:100%}.glass-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f1a27eb;background:var(--color-header-bg);border-bottom:1px solid #c9a96e40;border-bottom:1px solid var(--color-header-border);border-radius:0 0 12px 12px;box-shadow:0 4px 24px #00000040;box-shadow:0 4px 24px var(--color-glass-shadow);height:60px;justify-content:center;padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.header-title{color:#e8dcc8;color:var(--color-text-primary);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;letter-spacing:.1em;line-height:1.2;margin:0;position:relative;text-align:center}.header-title:after{display:none}.header-back{color:#c9a96e;color:var(--color-accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;letter-spacing:.15em;opacity:.85;position:absolute;right:16px;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .2s}.header-back:hover{opacity:1}.glass-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0f;background:var(--color-glass-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:6px;box-shadow:0 4px 24px #00000040;box-shadow:0 4px 24px var(--color-glass-shadow);margin-bottom:1rem;max-width:600px;padding:1.5rem;width:100%}.glass-card.wine-entry-editable{position:relative}.glass-card.image-upload{margin-bottom:1rem;max-width:640px;padding:1.5rem;width:100%}.glass-alert{align-items:center;animation:fadeIn .3s ease-in-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0f;background:var(--color-glass-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:6px;box-shadow:0 4px 12px #00000040;box-shadow:0 4px 12px var(--color-glass-shadow);color:#e8dcc8;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:400;justify-content:center;padding:6px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}button{border:none;border-radius:4px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.08em;margin-bottom:1rem;max-width:200px;padding:.75rem 1.5rem;transition:background-color .25s ease,color .25s ease,opacity .25s ease;width:100%}button:last-child{margin-bottom:0}button:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background-color:#c9a96e;background-color:var(--color-btn-primary-bg);color:#0f1a27;color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background-color:#dfc28e;background-color:var(--color-btn-primary-hover)}.btn-secondary{background-color:#c9a96e1f;background-color:var(--color-btn-secondary-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);color:#c9a96e;color:var(--color-btn-secondary-text)}.btn-secondary:hover:not(:disabled){background-color:#c9a96e26;background-color:var(--color-accent-dim);border-color:#c9a96e;border-color:var(--color-accent)}.btn-outline{background-color:initial;border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);color:#e8dcc8;color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){border-color:#c9a96e;border-color:var(--color-accent);color:#c9a96e;color:var(--color-accent)}.footer-btn{align-self:stretch;background-color:#c9a96e;background-color:var(--color-btn-primary-bg);color:#0f1a27;color:var(--color-btn-primary-text);flex:1 1;font-size:.8rem;letter-spacing:.1em;margin-bottom:0;max-width:none;text-transform:uppercase}.footer-btn:hover:not(:disabled){background-color:#dfc28e;background-color:var(--color-btn-primary-hover)}.footer-btn.danger{background-color:#b43232b3;background-color:var(--color-btn-danger-bg);color:#e8dcc8;color:var(--color-text-primary)}.footer-btn.danger:hover:not(:disabled){background-color:#c83c3ce6;background-color:var(--color-btn-danger-hover)}input,select,textarea{background-color:#ffffff0a;background-color:var(--color-input-bg);border:1px solid #c9a96e59;border:1px solid var(--color-input-border);border-radius:4px;color:#e8dcc8;color:var(--color-text-primary);font-family:DM Sans,sans-serif;font-size:1rem;max-width:500px;padding:.75rem;transition:border-color .25s ease;width:100%}input::placeholder,textarea::placeholder{color:#e8dcc859;color:var(--color-text-muted)}select option{background-color:#0f1a27;background-color:var(--color-bg-mid);color:#e8dcc8;color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{border-color:#c9a96eb3;border-color:var(--color-input-focus);outline:none}.form-label{display:block;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.18em;margin-bottom:.4rem;text-transform:uppercase}.form-label,.required-star{color:#c9a96e;color:var(--color-accent)}.required-star{margin-left:2px}.text-accent-label{color:#c9a96e;color:var(--color-accent)}input[type=range]{accent-color:#c9a96e;accent-color:var(--color-accent);background:linear-gradient(90deg,#c9a96e26 0,#c9a96e);background:linear-gradient(to right,var(--color-accent-dim) 0,var(--color-accent) 100%);border:none;border-radius:4px;height:.5rem;margin:1rem 0}.category-tile{align-items:center;aspect-ratio:4/1;background-color:#ffffff0f;background-color:var(--color-glass-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:4px;color:#e8dcc8a6;color:var(--color-text-secondary);display:flex;font-family:DM Sans,sans-serif;font-size:.85rem;justify-content:center;letter-spacing:.05em;min-width:fit-content;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.category-tile.selected{background-color:#c9a96e26;background-color:var(--color-accent-dim)}.category-tile.selected,.category-tile:hover{border-color:#c9a96e;border-color:var(--color-accent);color:#c9a96e;color:var(--color-accent)}.bewertung-card .flex{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.6rem}.bewertung-card svg{height:28px;transition:fill .2s ease,stroke .2s ease;width:28px}.wine-entry{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .2s ease}.wine-entry:hover{border-color:#c9a96e66}.wine-color-stripe{align-self:stretch;border-radius:2px;flex-shrink:0;width:3px}.edit-icon,.view-icon{cursor:pointer;opacity:.55;position:absolute;right:1rem;transition:transform .2s ease,opacity .2s ease}.edit-icon{top:1rem}.view-icon{top:3rem}.edit-icon:hover,.view-icon:hover{opacity:1;transform:scale(1.2)}.upload-plus{align-items:center;background:#ffffff0f;background:var(--color-glass-bg);border:1px dashed #c9a96e40;border:1px dashed var(--color-glass-border);border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin:0 auto 1rem;min-height:96px;transition:border-color .2s,background .2s;width:100%}.upload-plus:hover{background:#c9a96e26;background:var(--color-accent-dim);border-color:#c9a96e;border-color:var(--color-accent)}.plus-symbol{color:#c9a96e;color:var(--color-accent);font-size:2.5rem;font-weight:300;line-height:1;opacity:.8;-webkit-user-select:none;user-select:none}.hidden-input{display:none}.image-preview,.image-upload img{border-radius:6px;box-shadow:0 4px 16px #00000040;box-shadow:0 4px 16px var(--color-glass-shadow);display:block;margin:1rem auto 0;max-width:200px;object-fit:contain;width:100%}.image-overlay{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#000000eb;background-color:var(--color-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-overlay img{border-radius:6px;box-shadow:0 8px 32px #00000080;height:auto;max-height:80vh;max-width:90vw;object-fit:contain;width:auto}.close-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#c9a96e26;border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:50%;color:#c9a96e;color:var(--color-accent);cursor:pointer;display:flex;font-size:1.25rem;font-weight:400;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s ease;width:36px}.close-button:hover{background-color:#c9a96e26;background-color:var(--color-accent-dim)}.loader{align-items:center;animation:spin .9s linear infinite;border:2px solid #c9a96e26;border-top:2px solid #c9a96e;border:2px solid var(--color-accent-dim);border-radius:50%;border-top-color:var(--color-accent);display:flex;height:44px;justify-content:center;margin:1rem auto;width:44px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.snackbar{animation:fadeInOut 2.5s ease-in-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;box-shadow:0 4px 20px #00000040;box-shadow:0 4px 20px var(--color-glass-shadow);color:#e8dcc8;color:var(--color-text-primary);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;left:50%;letter-spacing:.05em;max-width:80%;opacity:0;padding:14px 28px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}.snackbar.success{background:#b4d2a026;background:var(--color-success);border:1px solid #a8d09059;color:#a8d090;color:var(--color-success-text)}.snackbar.error{background:#b43232d9;background:var(--color-error);border:1px solid #c8505066}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-40%)}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f1a27eb;background:var(--color-header-bg);border-radius:12px 12px 0 0;border-top:1px solid #c9a96e40;border-top:1px solid var(--color-header-border);bottom:0;font-size:.75rem;padding:1rem 1.5rem;position:sticky;text-align:center;width:100%;z-index:10}.footer p{font-family:DM Sans,sans-serif;letter-spacing:.12em}.footer .version-text,.footer p{color:#e8dcc859;color:var(--color-text-muted)}.footer .version-text{font-size:.65rem;opacity:.5}.grid-cols-auto-fit{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.geschmack-card .grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.list-disc{list-style-type:disc;padding-left:1.5rem}.unterkategorie-label{grid-gap:.6rem;align-items:center;color:#e8dcc8a6;color:var(--color-text-secondary);display:grid;font-size:.95rem;gap:.6rem;grid-template-columns:auto 1fr;margin-bottom:.75rem}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.filter-section{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.filter-section.open{max-height:300px}.sort-btn{background:#ffffff0f;background:var(--color-glass-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:4px;color:#e8dcc8a6;color:var(--color-text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.06em;margin-bottom:0;max-width:none;padding:.45rem 1rem;transition:all .2s ease;width:auto}.sort-btn.active{background:#c9a96e26;background:var(--color-accent-dim);border-color:#c9a96e;border-color:var(--color-accent);color:#c9a96e;color:var(--color-accent)}.text-muted{color:#e8dcc859;color:var(--color-text-muted)}.text-accent{color:#c9a96e;color:var(--color-accent)}.error-message{background-color:#b43232d9;background-color:var(--color-error)}.wine-entry .bg-gray-200{background:#ffffff0f;background:var(--color-glass-bg);border:1px solid #c9a96e40;border:1px solid var(--color-glass-border);border-radius:4px;height:12rem;width:12rem}@media (max-width:640px){h1{font-size:1.4rem}h2{font-size:1.2rem}button{font-size:.85rem;padding:.7rem 1.2rem}button,input,select,textarea{max-width:100%;min-height:48px}input,select,textarea{font-size:1rem}.glass-card{border-radius:6px;margin-bottom:.75rem;padding:1.1rem}.glass-card.image-upload,main{padding:1rem}main{gap:1.5rem;overflow-y:auto}.wine-entry .bg-gray-200{height:10rem;width:10rem}.bewertung-card svg{height:32px;width:32px}.sort-btn{min-height:44px;padding:.5rem 1rem}}
/*# sourceMappingURL=main.a4daf0f5.css.map*/