:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#143d4b;background:#f4f8fa;font-synthesis:none;font-size:16px;line-height:1.5;--blue:#075d73;--line:#cfdee3}*{box-sizing:border-box}body{margin:0}header{max-width:1120px;padding:25px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-size:1.2rem;font-weight:750;text-decoration:none;display:flex;align-items:center;gap:10px}.brandmark{background:var(--blue);color:white;border-radius:12px;font-size:2rem;width:43px;height:43px;text-align:center;line-height:1.1}.branddetail{font-weight:450;color:#4b6974}main{max-width:940px;margin:55px auto 70px;padding:0 30px;min-height:60vh}h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em;line-height:1.13;margin:16px 0}h2{font-size:1.25rem;letter-spacing:-.02em;margin:0}p{color:#476470}.eyebrow{font-size:.8rem;letter-spacing:.13em;font-weight:750;color:var(--blue)}button,input,textarea{font:inherit}button,a.primary{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:12px 18px;background:white;color:var(--blue);font-weight:650;text-decoration:none}button:hover{background:#eaf3f6;border-color:#8baebc}button:disabled{opacity:.5;cursor:default}.primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px}.primary:hover{background:#03485c!important}.quiet{padding:8px 10px;background:transparent;border-color:transparent;font-size:.9rem}label{display:block;font-weight:650;margin-bottom:8px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #abc3cd;background:#fff;color:#143d4b;border-radius:9px;padding:13px 14px;min-height:50px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--blue)}:focus-visible{outline:3px solid #e9b83e;outline-offset:3px}.hint{font-size:.875rem;color:#526e78;margin:8px 0}.optional{font-size:.875rem;font-weight:400;color:#526e78;margin-left:8px}.bottle{background:#fff;border:1px solid var(--line);border-radius:16px;margin:22px 0;padding:24px;box-shadow:0 3px 0 #e7eff2}.bottletop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.bottlecontent{display:grid;grid-template-columns:1fr 245px;gap:30px;align-items:start}.pick{min-height:118px;display:flex;align-items:center;text-align:left;gap:12px;background:#f2f8fa;width:100%}.pick img{width:75px;height:75px;object-fit:contain;background:white;border-radius:8px}.pick strong,.pick small{display:block}.pick small{font-size:.875rem;font-weight:450;margin-top:7px}.add{width:100%;border-style:dashed;background:transparent;margin:0 0 28px}.bottom,.actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px}.bottom>span{font-size:.9rem;color:#526e78}footer{border-top:1px solid var(--line);text-align:center;padding:25px;color:#526e78;font-size:.875rem}.login{max-width:510px;margin:70px auto}.login h1{font-size:clamp(2.5rem,6vw,4rem)}.login>p{margin:25px 0}.login form{margin-top:35px}.login .primary{width:100%;margin-top:15px}.alert{padding:16px 20px;background:#fff4da;color:#754d05;border:1px solid #e5c67c;border-radius:10px;margin-bottom:25px}dialog{width:min(880px,94vw);max-height:88vh;border:0;border-radius:18px;padding:28px;color:#143d4b;background:#f8fbfc;box-shadow:0 25px 100px #082c4a55}dialog::backdrop{background:#0a2c43a6}.dialogtop{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.dialogtop h2{font-size:1.7rem;margin-top:6px}.searchbar{display:flex;gap:10px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.animal{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.9rem;overflow-wrap:anywhere}.animal img{width:100%;height:110px;object-fit:contain;background:white}.animal[aria-pressed=true]{border:3px solid var(--blue);background:#dfedf2}.animal[hidden],[hidden]{display:none!important}#results{font-size:.875rem}.reviewlist{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.reviewrow{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:12px;background:white;padding:16px;min-width:0}.reviewrow img{width:85px;height:85px;object-fit:contain}.reviewrow strong{display:block;font-size:1.35rem;overflow-wrap:anywhere;white-space:pre-wrap}.reviewrow span{color:#526e78}.check{display:flex;gap:12px;align-items:flex-start;margin-top:30px}.check input{width:21px;height:21px;flex-shrink:0;accent-color:var(--blue)}@media(max-width:650px){header{padding:18px}.branddetail{font-size:.95rem}main{padding:0 18px;margin-top:35px}.bottle{padding:18px}.bottlecontent{grid-template-columns:1fr;gap:15px}.pick{min-height:95px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:20px}.reviewlist{grid-template-columns:1fr}.bottom,.actions{align-items:stretch;flex-direction:column}.bottom .primary,.actions .primary{justify-content:center}.login{margin:45px auto}.dialogtop h2{font-size:1.35rem}}@media(prefers-reduced-motion:no-preference){button,a.primary{transition:background .15s,border-color .15s}}

#selected{display:flex;align-items:center;gap:12px}.selected-thumb{width:52px;height:52px;object-fit:contain;background:white;border-radius:8px}

.delete-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#8a3440}.delete-button:hover{background:#fff0f1;border-color:#e5bdc3}.login h1{font-size:clamp(2rem,5vw,3.2rem)}
