:root{--color-cream: #fcd7ad;--color-tan: #e8cdb5;--color-copper: #bc5d2e;--color-rust: #de9151;--color-brown: #3d2314;--color-dark-brown: #1a0f0a;--color-slate: #4f6272;--color-charcoal: #0f110c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-dark-brown);min-height:100vh;color:var(--color-cream);line-height:1.6}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;font-weight:600}a{text-decoration:none;color:inherit}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at center,rgba(60,35,20,.8) 0%,transparent 70%),var(--color-dark-brown)}.home-content{max-width:800px}.home h1{font-size:4rem;color:var(--color-cream);margin-bottom:.5rem;letter-spacing:-1px;line-height:1.1}.home .subtitle{font-size:1.25rem;color:var(--color-rust);letter-spacing:4px;text-transform:uppercase;margin-bottom:3rem;font-weight:300}.home-stats{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem;padding:2rem 0;border-top:1px solid rgba(252,215,173,.15);border-bottom:1px solid rgba(252,215,173,.15)}.home-stat{text-align:center}.home-stat .number{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;color:var(--color-copper);line-height:1}.home-stat .label{font-size:.8rem;color:var(--color-tan);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem;opacity:.8}.home-description{font-size:1.1rem;color:var(--color-tan);max-width:500px;margin:0 auto 3rem;line-height:1.8;opacity:.9}.btn-primary{display:inline-block;background:var(--color-copper);color:var(--color-cream);padding:1rem 2.5rem;border-radius:4px;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;border:2px solid var(--color-copper)}.btn-primary:hover{background:transparent;color:var(--color-copper)}.home-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-buttons .btn-secondary{border-color:#fcd7ad66}.collection-page{min-height:100vh;background:var(--color-brown)}.collection-header{background:var(--color-dark-brown);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(252,215,173,.1)}.collection-header .logo{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--color-cream);font-weight:600}.collection-nav{display:flex;gap:1.5rem;align-items:center}.collection-nav .nav-link,.collection-header .back-link{color:var(--color-rust);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;transition:color .2s}.collection-nav .nav-link:hover,.collection-header .back-link:hover{color:var(--color-cream)}.controls{background:var(--color-dark-brown);padding:1.25rem 2rem;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:center;border-bottom:1px solid rgba(252,215,173,.1)}.search-box{flex:0 1 320px;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(252,215,173,.2);border-radius:4px;font-size:.95rem;background:#ffffff0d;color:var(--color-cream);transition:all .2s}.search-box input::placeholder{color:#fcd7ad80}.search-box input:focus{outline:none;border-color:var(--color-copper);background:#ffffff14}.search-box:before{content:"🔍";position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:.9rem;opacity:.5}.filter-group{display:flex;gap:.5rem;align-items:center}.filter-group label{font-weight:500;color:var(--color-tan);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.7}.filter-group select{padding:.75rem 1rem;border:1px solid rgba(252,215,173,.2);border-radius:4px;font-size:.9rem;background:#ffffff0d;color:var(--color-cream);cursor:pointer;transition:all .2s}.filter-group select:focus{outline:none;border-color:var(--color-copper)}.filter-group select option{background:var(--color-dark-brown);color:var(--color-cream)}.collection-content{max-width:1400px;margin:0 auto;padding:2rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.bourbon-card{background:var(--color-dark-brown);border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;border:1px solid rgba(252,215,173,.08)}.bourbon-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#fcd7ad26}.bourbon-card .image-container{height:240px;background:linear-gradient(180deg,rgba(61,35,20,.5) 0%,var(--color-dark-brown) 100%),var(--color-brown);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bourbon-card .image-container img{max-height:85%;max-width:85%;object-fit:contain;transition:transform .3s}.bourbon-card:hover .image-container img{transform:scale(1.05)}.bourbon-card .placeholder-bottle{width:80px;height:180px;background:linear-gradient(180deg,var(--color-rust) 0%,var(--color-copper) 100%);border-radius:6px 6px 3px 3px;position:relative;opacity:.6}.bourbon-card .placeholder-bottle:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:24px;height:22px;background:var(--color-brown);border-radius:3px 3px 0 0}.bourbon-card .rating-badge{position:absolute;top:1rem;right:1rem;background:var(--color-copper);color:var(--color-cream);padding:.4rem .7rem;border-radius:3px;font-weight:600;font-size:.85rem}.bourbon-card .card-content{padding:1.25rem}.bourbon-card .distillery{font-size:.75rem;color:var(--color-copper);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.25rem}.bourbon-card h3{font-size:1.25rem;color:var(--color-cream);margin-bottom:.75rem;line-height:1.3}.bourbon-card .details{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.bourbon-card .detail-tag{background:#fcd7ad1a;padding:.3rem .6rem;border-radius:3px;font-size:.75rem;color:var(--color-tan)}.bourbon-card .review-preview{font-size:.9rem;color:var(--color-tan);font-style:italic;line-height:1.5;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a05e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--color-brown);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalIn .3s ease-out;border:1px solid rgba(252,215,173,.1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:#fcd7ad1a;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10;color:var(--color-cream)}.modal-close:hover{background:var(--color-copper)}.modal-image{height:280px;background:linear-gradient(180deg,rgba(61,35,20,.3) 0%,var(--color-brown) 100%),var(--color-dark-brown);display:flex;align-items:center;justify-content:center}.modal-image img{max-height:85%;max-width:85%;object-fit:contain}.modal-content{padding:2rem}.modal-content .distillery{font-size:.85rem;color:var(--color-copper);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.modal-content h2{font-size:2rem;margin-bottom:1.5rem;color:var(--color-cream)}.modal-details{display:flex;gap:2.5rem;margin-bottom:2rem;flex-wrap:wrap}.modal-detail{text-align:center}.modal-detail .value{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:600;color:var(--color-rust)}.modal-detail .label{font-size:.7rem;color:var(--color-tan);text-transform:uppercase;letter-spacing:1.5px;margin-top:.25rem;opacity:.7}.modal-section{margin-bottom:1.5rem}.modal-section h4{font-size:1rem;color:var(--color-cream);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.modal-section p{color:var(--color-tan);line-height:1.7;opacity:.9}.tasting-notes{display:flex;flex-wrap:wrap;gap:.5rem}.tasting-note{background:var(--color-copper);color:var(--color-cream);padding:.4rem .9rem;border-radius:3px;font-size:.85rem}.rating-display{display:flex;align-items:center;gap:1rem}.rating-score{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;color:var(--color-copper)}.rating-stars{font-size:1.5rem;color:var(--color-rust)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-tan)}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-cream)}.manage-page{min-height:100vh;background:var(--color-dark-brown)}.manage-header{background:var(--color-charcoal);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(252,215,173,.1)}.manage-header .logo{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--color-cream);font-weight:600}.manage-nav{display:flex;gap:1.5rem}.manage-nav .nav-link{color:var(--color-rust);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;transition:color .2s}.manage-nav .nav-link:hover{color:var(--color-cream)}.manage-content{max-width:1200px;margin:0 auto;padding:2rem}.manage-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.manage-title-bar h1{font-size:2rem;color:var(--color-cream)}.manage-actions{display:flex;gap:1rem}.btn-secondary{background:transparent;color:var(--color-tan);padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;border:1px solid rgba(252,215,173,.3);cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--color-cream);color:var(--color-cream)}.bourbon-form{background:var(--color-brown);border-radius:8px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(252,215,173,.1)}.bourbon-form h2{font-size:1.5rem;color:var(--color-cream);margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;color:var(--color-tan);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(252,215,173,.2);border-radius:4px;font-size:.95rem;background:#ffffff0d;color:var(--color-cream);font-family:inherit;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fcd7ad66}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-copper)}.form-group select option{background:var(--color-dark-brown);color:var(--color-cream)}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group label{flex-direction:row;align-items:center;gap:.75rem;cursor:pointer;text-transform:none;font-size:1rem}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-copper)}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(252,215,173,.1)}.bourbon-list{background:var(--color-brown);border-radius:8px;overflow:hidden;border:1px solid rgba(252,215,173,.1)}.list-header{display:grid;grid-template-columns:2fr 1.5fr .75fr .75fr 1.5fr;gap:1rem;padding:1rem 1.5rem;background:#0003;font-size:.75rem;color:var(--color-tan);text-transform:uppercase;letter-spacing:1px;font-weight:600}.list-row{display:grid;grid-template-columns:2fr 1.5fr .75fr .75fr 1.5fr;gap:1rem;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid rgba(252,215,173,.05);transition:background .2s}.list-row:hover{background:#ffffff08}.list-row:last-child{border-bottom:none}.col-name{color:var(--color-cream);font-weight:500;display:flex;align-items:center;gap:.5rem}.favorite-star{color:var(--color-copper)}.col-distillery{color:var(--color-tan);font-size:.9rem}.col-proof,.col-rating{color:var(--color-rust);font-weight:600}.col-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-edit,.btn-delete,.btn-confirm,.btn-cancel{padding:.4rem .8rem;border-radius:3px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-edit{background:#fcd7ad1a;color:var(--color-cream)}.btn-edit:hover{background:#fcd7ad33}.btn-delete{background:#c8323233;color:#e88}.btn-delete:hover{background:#c8323266}.btn-confirm{background:#c8323299;color:#fff}.btn-cancel{background:#fcd7ad1a;color:var(--color-tan)}.empty-list{padding:3rem;text-align:center;color:var(--color-tan)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.login-container h1{font-size:2rem;color:var(--color-cream);margin-bottom:2rem}.login-form{background:var(--color-brown);padding:2rem;border-radius:8px;width:100%;max-width:320px;border:1px solid rgba(252,215,173,.1)}.login-form .form-group{margin-bottom:1rem;text-align:left}.login-form .btn-primary{width:100%;margin-top:.5rem}.login-error{color:#e88;font-size:.9rem;margin-bottom:.5rem}.login-container .back-link{margin-top:1.5rem;color:var(--color-rust);font-size:.9rem}.login-container .back-link:hover{color:var(--color-cream)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;color:var(--color-tan)}.loading-state .spinner{width:40px;height:40px;border:3px solid rgba(252,215,173,.2);border-top-color:var(--color-copper);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-state{color:#e88}.error-state button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--color-copper);color:var(--color-cream);border:none;border-radius:4px;cursor:pointer}@media (max-width: 1024px){.gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.modal{max-width:90%}.home-stats{gap:3rem}}@media (max-width: 768px){.home{padding:1.5rem}.home h1{font-size:2.25rem;letter-spacing:-.5px}.home .subtitle{font-size:.9rem;letter-spacing:2px;margin-bottom:2rem}.home-stats{gap:2rem;padding:1.5rem 0;margin-bottom:2rem}.home-stat .number{font-size:2rem}.home-stat .label{font-size:.65rem}.home-description{font-size:1rem;margin-bottom:2rem;padding:0 .5rem}.home-buttons{flex-direction:column;width:100%;max-width:300px}.btn-primary{padding:1rem 2rem;width:100%;text-align:center}.collection-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem 1.25rem}.collection-header .logo{font-size:1.25rem}.collection-nav{gap:1rem;flex-wrap:wrap;justify-content:center}.collection-nav .nav-link{font-size:.75rem}.controls{flex-direction:column;align-items:stretch;padding:1rem 1.25rem;gap:1rem}.search-box{flex:1;max-width:none}.filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.filter-group select{width:100%}.collection-content{padding:1.25rem}.gallery{grid-template-columns:1fr;gap:1rem}.bourbon-card .image-container{height:200px}.bourbon-card .card-content{padding:1rem}.bourbon-card h3{font-size:1.1rem}.bourbon-card .details{gap:.5rem}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-close{top:.75rem;right:.75rem;width:36px;height:36px;font-size:1.25rem}.modal-image{height:200px}.modal-content{padding:1.25rem}.modal-content h2{font-size:1.5rem;margin-bottom:1rem}.modal-details{gap:1.25rem;justify-content:space-between}.modal-detail .value{font-size:1.2rem}.modal-section h4{font-size:.9rem}.tasting-notes{gap:.4rem}.tasting-note{font-size:.8rem;padding:.35rem .7rem}.rating-score{font-size:2.5rem}.rating-stars{font-size:1.25rem}.manage-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem 1.25rem}.manage-header .logo{font-size:1.2rem}.manage-nav{gap:1rem;flex-wrap:wrap;justify-content:center}.manage-content{padding:1.25rem}.manage-title-bar{flex-direction:column;text-align:center;gap:.75rem;margin-bottom:1.5rem}.manage-title-bar h1{font-size:1.5rem}.manage-actions{flex-direction:column;width:100%}.manage-actions button{width:100%}.bourbon-form{padding:1.25rem;margin-bottom:1.5rem}.bourbon-form h2{font-size:1.25rem;margin-bottom:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-buttons{flex-direction:column;gap:.75rem}.form-buttons button{width:100%;padding:.85rem 1rem}.list-header{display:none}.list-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.col-name{font-size:1.1rem}.col-distillery:before{content:"Distillery: ";color:var(--color-tan);opacity:.6}.col-proof:before{content:"Proof: ";color:var(--color-tan);opacity:.6;font-weight:400}.col-rating:before{content:"Rating: ";color:var(--color-tan);opacity:.6;font-weight:400}.col-actions{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(252,215,173,.1);justify-content:flex-start}.col-actions button{flex:1;max-width:120px}.empty-state,.empty-list{padding:2rem 1rem}}@media (max-width: 400px){.home h1{font-size:1.85rem}.home .subtitle{font-size:.75rem;letter-spacing:1.5px}.home-stat .number{font-size:2rem}.home-description{font-size:.9rem}.collection-header .logo,.manage-header .logo{font-size:1.1rem}.bourbon-card .image-container{height:180px}.modal-image{height:160px}.modal-content h2{font-size:1.3rem}.modal-details{flex-wrap:wrap}.modal-detail{flex:0 0 calc(50% - .75rem);text-align:left}}
