:root{--ink:#17231f;--muted:#5e6b65;--paper:#f5f0e6;--surface:#fffdf7;--forest:#173f35;--forest-light:#2a5b4d;--clay:#8f432e;--line:#d8d0c1;--focus:#d17a4d;--radius:.5rem;--shadow:0 1rem 3rem #17231f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark{font-family:Georgia,Times New Roman,serif}h1{letter-spacing:-.045em;font-size:clamp(2.25rem,7vw,5rem);line-height:.98}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--clay);letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:800}.wordmark{color:var(--forest);font-size:1.55rem;font-weight:700;text-decoration:none}.primary-button,.secondary-button,.small-button{border-radius:var(--radius);cursor:pointer;border:0;min-height:2.75rem;padding:.75rem 1rem;font-weight:750}.primary-button{color:#fff;background:var(--forest)}.primary-button:hover{background:var(--forest-light)}.primary-button:disabled{cursor:not-allowed;opacity:.52}.secondary-button,.small-button{color:var(--forest);border:1px solid var(--line);background:0 0}.small-button{min-height:2.3rem;padding:.45rem .75rem}.small-button.selected{color:#fff;background:var(--forest);border-color:var(--forest)}.button-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.landing-page{min-height:100vh;padding:1.25rem}.landing-nav,.app-header{justify-content:space-between;align-items:center;max-width:78rem;margin:0 auto;display:flex}.landing-content{align-items:center;gap:3rem;max-width:78rem;min-height:73vh;margin:0 auto;padding:4rem 0;display:grid}.landing-content>div:first-child{max-width:48rem}.landing-lede{max-width:40rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.landing-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.shelf-illustration{border-bottom:1.5rem solid #704935;justify-content:center;align-items:end;min-height:22rem;padding:2rem 1rem 0;display:flex}.shelf-illustration span{color:#fff;background:var(--forest);border:1px solid #fff3;justify-content:center;align-items:flex-start;width:3.4rem;height:15rem;padding-top:1rem;font-family:Georgia,serif;font-size:1.35rem;display:flex}.shelf-illustration span:nth-child(2){background:#9d523a;height:19rem}.shelf-illustration span:nth-child(3){background:#244d62;width:4rem;height:21rem}.shelf-illustration span:nth-child(4){background:#8a713c;height:17rem}.shelf-illustration span:nth-child(5){background:#694650;height:14rem}.how-it-works{border-top:1px solid var(--line);max-width:78rem;margin:0 auto;display:grid}.how-it-works article{border-bottom:1px solid var(--line);padding:2rem 0}.how-it-works strong{color:var(--clay)}.how-it-works h2{margin:.7rem 0}.how-it-works p{color:var(--muted)}.app-page{min-height:100vh}.app-header{border-bottom:1px solid var(--line);min-height:4.75rem;padding:0 1.25rem}.app-header nav{gap:1rem;display:flex}.app-header nav a{color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none}.user-chip{color:#fff;background:var(--clay);border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;font-weight:800;display:grid}.scanner-shell,.taste-shell{max-width:68rem;margin:0 auto;padding:3rem 1.25rem 5rem}.intro-copy{max-width:50rem}.intro-copy>p:last-child,.section-heading p{color:var(--muted);font-size:1.05rem;line-height:1.55}.capture-panel{background:var(--surface);border:1px solid var(--line);max-width:44rem;box-shadow:var(--shadow);margin-top:2.5rem;padding:1rem}.capture-target{cursor:pointer;text-align:center;border:2px dashed #b7ad9c;flex-direction:column;justify-content:center;align-items:center;min-height:16rem;padding:2rem;display:flex}.capture-target strong{margin:.8rem 0 .35rem;font-size:1.15rem}.capture-target span:last-child{color:var(--muted);font-size:.9rem}.camera-mark{color:#fff;background:var(--forest);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:2rem;display:grid}.capture-panel>.primary-button{width:100%;margin-top:1rem}.form-error{color:#8b2e20;margin:1rem 0 0;font-weight:650}.scan-progress{color:var(--muted);justify-content:center;align-items:center;gap:.65rem;margin:1rem 0 0;font-size:.88rem;display:flex}.scan-progress span,.page-loading span{background:var(--clay);border-radius:50%;width:.85rem;height:.85rem;animation:1s infinite alternate pulse}.photo-tips{color:var(--muted);flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;font-size:.82rem;display:flex}.photo-tips span:before{content:"✓";color:var(--forest);margin-right:.35rem;font-weight:800}.section-heading{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.section-heading h1{max-width:48rem}.recommendation-list,.catalog-results{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.recommendation-card{background:var(--surface);border:1px solid var(--line);grid-template-columns:4rem 1fr;min-height:14rem;display:grid;overflow:hidden}.book-spine{color:#fff;background:var(--forest);writing-mode:vertical-rl;place-items:center;font:700 1.45rem Georgia,serif;display:grid}.recommendation-copy{padding:1.3rem}.recommendation-copy h2{margin:.8rem 0 .2rem;font-size:1.55rem}.result-meta{color:var(--clay);text-transform:uppercase;flex-wrap:wrap;gap:.75rem;font-size:.74rem;font-weight:800;display:flex}.byline{color:var(--muted)}.reason-list{color:var(--muted);margin:1rem 0;padding-left:1.15rem;font-size:.9rem}.reason-list li{margin:.35rem 0}.feedback-row,.rating-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.unmatched-result,.empty-state{border:1px solid var(--line);background:#ece5d8;padding:2rem}.taste-count{align-items:baseline;gap:.5rem;display:flex}.taste-count strong{color:var(--forest);font:700 3rem Georgia,serif}.taste-count span{color:var(--muted)}.catalog-search{max-width:44rem;margin-bottom:2rem}.catalog-search>label,.auth-card label{margin-bottom:.5rem;font-weight:750;display:block}.catalog-search>div{gap:.5rem;display:flex}.catalog-search input,.auth-card input{width:100%;min-height:3rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .8rem}.catalog-results>li{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;display:flex}.catalog-results h2{margin-bottom:.35rem;font-size:1.35rem}.catalog-results p{color:var(--muted);margin-bottom:.4rem}.catalog-results span{color:var(--clay);font-size:.78rem;font-weight:700}.empty-note{color:var(--muted)}.auth-page{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,29rem);box-shadow:var(--shadow);padding:2rem}.auth-card h1{font-size:clamp(2rem,8vw,3.25rem)}.auth-card label{margin-top:1rem}.auth-card input{margin-top:.4rem;display:block}.google-auth-button{width:100%;min-height:3rem;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.7rem;margin-top:1.5rem;padding:.7rem 1rem;font-weight:750;display:flex}.google-auth-button:hover{background:#f8f5ed;border-color:#aaa08f}.google-auth-button:disabled{cursor:not-allowed;opacity:.52}.google-auth-button svg{flex:none;width:1.25rem;height:1.25rem}.auth-divider{color:var(--muted);align-items:center;gap:.8rem;margin:1.4rem 0 .2rem;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-card>.primary-button{width:100%;margin-top:1.25rem}.auth-switch{color:var(--muted);text-align:center;margin:1.25rem 0 0;font-size:.9rem}.page-loading,.error-page{text-align:center;place-content:center;min-height:100vh;padding:2rem;display:grid}.error-page h1{font-size:3rem}.error-page .primary-button{justify-self:center}@keyframes pulse{to{opacity:.3;transform:scale(.75)}}@media (min-width:48rem){.landing-page{padding:2rem 3rem}.landing-content{grid-template-columns:1.25fr .75fr}.how-it-works{grid-template-columns:repeat(3,1fr)}.how-it-works article{border-right:1px solid var(--line);padding:2rem}.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-start}.recommendation-card{grid-template-columns:5rem 1fr}.catalog-results>li{flex-direction:row;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}