:root{--studio:40px}.testbar{position:sticky;top:0;height:40px;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;background:#292b28;color:#fff;font-size:12px}.testbar button{min-height:36px;color:#fff;padding-block:6px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:40px 20px}.auth-card{max-width:510px;width:100%;padding:38px;background:var(--surface);border:1px solid var(--line)}.auth-card h1{font:38px/1.15 var(--serif);font-weight:400}.auth-card p{color:var(--muted);font-size:14px}.auth-card form button,.auth-card>#openDemo{width:100%}.auth-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.sync-notice{position:relative;z-index:45;padding:18px 24px;background:#f2e6e9;color:#643345;border-bottom:1px solid #b88896}.sync-notice p{margin:0 0 10px}.sync-note{max-width:420px}.sync-note[data-state=error],.sync-note[data-state=conflict]{color:#643345}.photo-shell .ai-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-shell label:not(.ai-photo-consent){display:block;font-size:13px;margin:14px 0}.photo-shell input[type=file]{max-width:100%}.photo-shell select{display:block;width:100%;min-height:44px;margin-top:8px;font-size:16px}.photo-shell .photo-upload{padding:24px;border:1px dashed var(--line);background:var(--bg)}.photo-shell .photo-upload span,.photo-shell .photo-upload strong{display:block;margin-bottom:10px}.ai-photo-preview img{width:100%;max-height:300px;object-fit:contain}.ai-photo-consent{display:flex;gap:12px;margin:20px 0;font-size:14px;min-height:44px}.ai-photo-consent input{flex:0 0 20px;width:20px;height:20px}.photo-error{color:#643345}.reader-note{padding:18px;border-left:3px solid var(--gold);background:#f3eadb}.import-preview{padding:22px;border:1px solid var(--line);background:var(--surface);margin:20px 0}.import-preview li{font-size:13px}.file-box{border:1px dashed var(--line);padding:20px;margin-top:18px}.source-line{overflow-wrap:anywhere;font-size:12px;color:var(--muted);margin-top:20px}.table-panel td,.panel h2,.panel h3,.wish-card h2{overflow-wrap:anywhere;hyphens:auto}.currency-totals{display:flex;flex-wrap:wrap;gap:16px}.empty .actions{justify-content:center}.analysis-source{border-top:1px solid var(--line);padding-top:14px}.photo-shell details{margin-top:18px}.photo-shell summary{cursor:pointer;min-height:44px;padding-block:10px}.photo-shell details p{font-size:12px}.match-grid .panel{overflow-wrap:anywhere;hyphens:auto}.app-top [data-sync]{font-size:12px}#detail th,#detail td{font-size:12px;padding:10px}#detail .table-panel{overflow-x:auto}#detail .table-panel table{min-width:360px}.snapshot-input{max-width:100%}.page-head .stock-summary{max-width:none}.form-error{color:#643345}.status-line{margin-top:15px;color:var(--muted);font-size:13px}
@media(max-width:760px){.testbar{padding-inline:16px;font-size:11px}.testbar span{max-width:75%}.auth-card{padding:26px}.auth-card h1{font-size:32px}.photo-shell .ai-photo-grid{grid-template-columns:1fr}.photo-shell .actions{align-items:stretch}.photo-shell .actions button{width:100%}.app-top [data-sync]{max-width:180px;font-size:11px}.source-line{font-size:11px}#detail table,#detail tbody,#detail tr,#detail td{display:revert}#detail td:before{display:none}#detail thead{position:static;clip:auto;width:auto;height:auto;overflow:visible}#detail tr{border:0;padding:0}#detail td{border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.comparison-explanation{margin-top:24px}
.feature-top{flex-wrap:wrap}.wine-row{grid-template-columns:55px minmax(0,1fr) auto}.wine-row strong,.wine-row small{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){.stats{grid-template-columns:1fr 1fr}.stat:first-child{padding-left:15px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(min-width:761px) and (max-width:960px){.hero-grid,.lower-grid{grid-template-columns:1fr}}
@media(max-width:760px){.wine-row{grid-template-columns:45px minmax(0,1fr) auto}}