@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Onest,Segoe UI,Roboto,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-canvas: #f6f3ef;--color-surface: #fffdfa;--color-surface-container: #eee9e3;--color-surface-strong: #e3dcd5;--color-text: #282124;--color-text-secondary: #71676b;--color-text-tertiary: #756a6e;--color-border: #ded6d0;--color-border-strong: #c9bdb8;--color-primary: #711f41;--color-primary-strong: #53132f;--color-primary-container: #f1e1e7;--color-on-primary: #fffafa;--color-success: #356049;--color-success-container: #e3eee7;--color-warning: #765520;--color-warning-container: #f4ead8;--color-danger: #a13f3a;--color-danger-container: #f7e4e1;--color-scrim: rgba(31, 19, 24, .48);--color-glass: rgba(255, 253, 250, .92);--color-focus: rgba(113, 31, 65, .3);--color-shimmer: rgba(255, 255, 255, .58);--color-camera-text: #fff;--color-camera-bg: #120d0f;--color-camera-controls: rgba(20, 12, 15, .86);--color-camera-frame: rgba(255, 255, 255, .84);--color-camera-mask: rgba(0, 0, 0, .18);--color-gold-text: #6a4918;--color-gold-bg: #ead7ad;--color-silver-text: #514d4a;--color-silver-bg: #dedcda;--color-bronze-text: #704936;--color-bronze-bg: #ead2c5;--wine-red: #f3e6e9;--wine-red-border: #dfc8cf;--wine-white: #f4f0df;--wine-white-border: #ddd5b8;--wine-rose: #f6e5e7;--wine-rose-border: #e4c8cd;--wine-orange: #f4e8da;--wine-orange-border: #e0ccb7;--wine-sparkling: #e7efe8;--wine-sparkling-border: #cad9cc;--wine-fortified: #eee5dc;--wine-fortified-border: #d8c8ba;--wine-other: #ece9e7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--type-caption: .75rem;--type-label: .8125rem;--type-small: .875rem;--type-body: 1rem;--type-card-title: 1.0625rem;--type-section: 1.1875rem;--type-subtitle: 1.5rem;--type-rating: 1.875rem;--type-title: 2rem;--weight-normal: 400;--weight-medium: 600;--weight-bold: 700;--touch-target: 3rem;--content-width: 48rem;--nav-height: 5rem;--shadow-low: 0 1px 2px rgba(49, 30, 38, .05), 0 8px 24px rgba(49, 30, 38, .04);--shadow-medium: 0 14px 38px rgba(49, 30, 38, .12);--motion-fast: .16s}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-canvas: #181416;--color-surface: #211c1f;--color-surface-container: #2b2528;--color-surface-strong: #373033;--color-text: #f4ecef;--color-text-secondary: #c7bcc0;--color-text-tertiary: #a89da1;--color-border: #40383b;--color-border-strong: #594d52;--color-primary: #e6a5bf;--color-primary-strong: #f1bfd2;--color-primary-container: #4b2636;--color-on-primary: #351020;--color-success: #9acbad;--color-success-container: #233d2f;--color-warning: #e6c17f;--color-warning-container: #46371f;--color-danger: #f0aaa4;--color-danger-container: #4a2927;--color-glass: rgba(33, 28, 31, .94);--color-focus: rgba(230, 165, 191, .4);--color-shimmer: rgba(255, 255, 255, .08);--wine-red: #35252b;--wine-red-border: #5b3b47;--wine-white: #332f24;--wine-white-border: #58513a;--wine-rose: #39272c;--wine-rose-border: #60414a;--wine-orange: #382c23;--wine-orange-border: #5d4938;--wine-sparkling: #243129;--wine-sparkling-border: #3d5545;--wine-fortified: #342b25;--wine-fortified-border: #55463b;--wine-other: #2d292b;--color-scrim: rgba(0, 0, 0, .68);--shadow-low: 0 1px 2px rgba(0, 0, 0, .18), 0 10px 28px rgba(0, 0, 0, .12);--shadow-medium: 0 18px 42px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-canvas)}body{margin:0;min-width:20rem;min-height:100vh;color:var(--color-text);background:var(--color-canvas);line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{margin-bottom:var(--space-2);font-size:clamp(2rem,8vw,2.75rem);line-height:1.05;letter-spacing:-.045em;font-weight:var(--weight-bold)}h2{font-size:var(--type-section);line-height:1.25;letter-spacing:-.02em}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4))}.app-shell>main{width:100%}.topbar{height:3.75rem;padding:env(safe-area-inset-top) max(var(--space-4),env(safe-area-inset-right)) 0 max(var(--space-4),env(safe-area-inset-left));display:flex;align-items:center;gap:var(--space-3);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:var(--type-small);font-weight:var(--weight-medium)}.topbar{height:calc(3.75rem + env(safe-area-inset-top))}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--color-primary)}.page{width:min(100%,var(--content-width));margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-10)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-heading h1{margin-bottom:0}.cellar-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.cellar-heading>div:first-child{display:contents}.cellar-heading .eyebrow{grid-column:1 / -1;margin:0}.cellar-heading h1{font-size:var(--type-title)}.cellar-heading .heading-actions{gap:var(--space-2)}.cellar-heading .header-add{padding-inline:var(--space-3)}.wine-count{display:block;margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--type-label)}.heading-actions{display:flex;align-items:center;gap:var(--space-2)}.header-add{min-height:var(--touch-target);padding-inline:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--type-small);font-weight:var(--weight-bold);box-shadow:var(--shadow-low)}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--type-caption);line-height:1.2;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.14em}.page-lead{margin:0 0 var(--space-5);color:var(--color-text-secondary);line-height:1.6}.heading-icon,.icon-button,.round-button{width:var(--touch-target);height:var(--touch-target);flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-surface);cursor:pointer}.bottom-nav{position:fixed;inset:auto 0 0;z-index:50;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:var(--space-1) max(var(--space-2),env(safe-area-inset-left)) env(safe-area-inset-bottom) max(var(--space-2),env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border);background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav a{min-height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:var(--weight-medium)}.bottom-nav a.active{color:var(--color-primary)}.nav-icon{width:4rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-pill);transition:color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease}.bottom-nav a.active .nav-icon{background:var(--color-primary-container)}.bottom-nav a.primary .nav-icon{color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-low)}.bottom-nav a.primary:active .nav-icon{transform:scale(.96)}.view-switch{margin-bottom:var(--space-4);padding:var(--space-1);display:grid;grid-template-columns:repeat(2,1fr);border-radius:var(--radius-md);background:var(--color-surface-container)}.view-switch button{min-height:var(--touch-target);border:0;border-radius:calc(var(--radius-md) - .2rem);color:var(--color-text-secondary);background:transparent;font-size:var(--type-small);font-weight:var(--weight-bold);cursor:pointer}.view-switch button.active{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-low)}.embedded-ranking .page-lead{margin-top:var(--space-1)}.cellar-stats{margin-bottom:var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-container)}.cellar-stats div{min-height:4.75rem;padding:var(--space-3) var(--space-2);display:grid;align-content:center;gap:var(--space-1);text-align:center}.cellar-stats div+div{border-inline-start:1px solid var(--color-border)}.cellar-stats strong{color:var(--color-text);font-size:var(--type-subtitle);line-height:1;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.cellar-stats span{color:var(--color-text-secondary);font-size:var(--type-caption)}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.search-box,.url-import{min-height:3.25rem;padding-inline:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:var(--shadow-low)}.search-box:focus-within,.url-import:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.search-box svg,.url-import svg{flex:0 0 auto}.search-box input,.url-import input{width:100%;min-height:var(--touch-target);padding:0;border:0;outline:0;color:var(--color-text);background:transparent;font-size:var(--type-body);box-shadow:none}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-3);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{min-height:var(--touch-target);padding-inline:var(--space-4);flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--type-label);font-weight:var(--weight-medium);cursor:pointer}.chip.active{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.filters-panel{margin:0 0 var(--space-5);padding:var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-container)}.filter-title{display:flex;gap:var(--space-2);align-items:center;color:var(--color-primary);font-weight:var(--weight-bold);font-size:var(--type-small)}label{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-label);font-weight:var(--weight-medium)}input,select,textarea{width:100%;min-height:3.25rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);outline:none;font-size:var(--type-body)}input,select,textarea{font-weight:var(--weight-normal)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}textarea{min-height:7rem;resize:vertical;line-height:1.55}label small{color:var(--color-text-tertiary);font-weight:var(--weight-normal)}.wine-list{display:grid;gap:var(--space-3)}.wine-card{--card-bg: var(--wine-other);--card-border: var(--color-border);min-height:8.75rem;padding:var(--space-3);display:grid;grid-template-columns:6.25rem minmax(0,1fr);gap:var(--space-4);border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-low);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.wine-card.red{--card-bg: var(--wine-red);--card-border: var(--wine-red-border)}.wine-card.white{--card-bg: var(--wine-white);--card-border: var(--wine-white-border)}.wine-card.rose{--card-bg: var(--wine-rose);--card-border: var(--wine-rose-border)}.wine-card.orange{--card-bg: var(--wine-orange);--card-border: var(--wine-orange-border)}.wine-card.sparkling{--card-bg: var(--wine-sparkling);--card-border: var(--wine-sparkling-border)}.wine-card.fortified{--card-bg: var(--wine-fortified);--card-border: var(--wine-fortified-border)}.wine-card:active{transform:scale(.99)}.wine-card{border-inline-start-width:3px;background:color-mix(in srgb,var(--card-bg) 55%,var(--color-surface))}.wine-photo{min-height:7.25rem;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-surface)}.wine-photo img{width:100%;height:100%;padding:var(--space-1);object-fit:contain}.favorite-badge{position:absolute;inset:var(--space-2) var(--space-2) auto auto;width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-low)}.wine-card-body{min-width:0;padding-block:var(--space-1);display:flex;flex-direction:column}.wine-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.wine-card h2{margin:0;font-size:var(--type-card-title);line-height:1.3;font-weight:var(--weight-bold)}.wine-card p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--type-label)}.wine-card .original-title{font-size:var(--type-caption)}.rating-pill{flex:0 0 auto;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--type-label);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.wine-meta{margin-top:auto;padding-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1)}.wine-meta span{min-height:1.75rem;padding:var(--space-1) var(--space-2);display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:var(--color-glass);font-size:var(--type-caption);font-weight:var(--weight-medium)}.wine-meta .tried{color:var(--color-success);background:var(--color-success-container)}.wine-meta .wanted{color:var(--color-warning);background:var(--color-warning-container)}.empty-state{margin-top:var(--space-6);padding:var(--space-10) var(--space-6);text-align:center;border-radius:var(--radius-xl);background:var(--color-surface-container)}.empty-state.compact{margin-top:var(--space-8)}.empty-illustration{width:5rem;height:5rem;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:var(--radius-xl);color:var(--color-primary);background:var(--color-primary-container)}.empty-state h2{margin-bottom:var(--space-2);font-size:var(--type-subtitle)}.empty-state p,.no-results,.loading-list{color:var(--color-text-secondary);line-height:1.6}.loading-list,.no-results{padding:var(--space-8) 0;text-align:center}.loading-state{display:grid;gap:var(--space-3);padding-block:var(--space-4)}.loading-cards .skeleton-block{height:8.75rem}.loading-rows .skeleton-block{height:4.75rem}.loading-detail .skeleton-block{height:7rem}.loading-detail .skeleton-block:nth-child(2){height:17rem}.skeleton-block{display:block;overflow:hidden;position:relative;border-radius:var(--radius-lg);background:var(--color-surface-container)}.skeleton-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}.button{min-height:var(--touch-target);padding:var(--space-3) var(--space-5);display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);font-weight:var(--weight-bold);cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.primary-button{color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-low)}.secondary-button{color:var(--color-primary);background:var(--color-primary-container)}.wide{width:100%}.text-button{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);color:var(--color-primary);background:transparent;cursor:pointer;font-size:var(--type-small);font-weight:var(--weight-medium)}.small-button{min-height:var(--touch-target);padding-inline:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-container);font-size:var(--type-label);font-weight:var(--weight-bold);cursor:pointer}.back-button{min-height:var(--touch-target);margin:calc(var(--space-2) * -1) 0 var(--space-4) calc(var(--space-3) * -1);padding:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);border:0;border-radius:var(--radius-pill);color:var(--color-primary);background:transparent;cursor:pointer;font-weight:var(--weight-medium)}.error-card,.setup-note{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-danger-container);line-height:1.5}.error-card small{display:block;margin-top:var(--space-2)}.success-card{margin:0;padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-success);background:var(--color-success-container);line-height:1.5}.enrichment-card{padding:var(--space-4);display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;border-radius:var(--radius-lg);color:var(--color-primary);background:var(--color-primary-container)}.enrichment-card p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--type-label);line-height:1.5}.enrichment-card .button{grid-column:1 / -1;width:100%}.question-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-container)}.question-card h2{margin:var(--space-1) 0 var(--space-3);font-size:var(--type-card-title)}.question-options{display:grid;gap:var(--space-2)}.question-options button{min-height:var(--touch-target);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-surface);font-weight:var(--weight-bold)}.question-card .text-button{margin-top:var(--space-2)}.enrichment-sources{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-container);font-size:var(--type-label)}.enrichment-sources a{min-height:var(--touch-target);display:flex;align-items:center;gap:var(--space-1);color:var(--color-primary)}.form-message{color:var(--color-danger);font-size:var(--type-small);line-height:1.5;text-align:center}.form-message.success{color:var(--color-success)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ranking-list{margin:var(--space-4) 0 0;padding:0;display:grid;gap:var(--space-2);list-style:none}.ranking-list li a{min-height:5rem;padding:var(--space-3);display:grid;grid-template-columns:var(--touch-target) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-low)}.place{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-surface-container);font-weight:var(--weight-bold)}.place-1{color:var(--color-gold-text);background:var(--color-gold-bg)}.place-2{color:var(--color-silver-text);background:var(--color-silver-bg)}.place-3{color:var(--color-bronze-text);background:var(--color-bronze-bg)}.rank-copy{min-width:0;display:grid;gap:var(--space-1)}.rank-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy span{color:var(--color-text-secondary);font-size:var(--type-caption)}.rank-score{color:var(--color-primary);font-size:var(--type-section);font-variant-numeric:tabular-nums}.rank-score small{font-size:var(--type-caption)}.add-options{display:grid;gap:var(--space-3)}.add-option{width:100%;min-height:5.5rem;padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);text-align:start;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);cursor:pointer;box-shadow:var(--shadow-low)}.add-option{position:relative}.add-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.add-option:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.add-option span:last-child{display:grid;gap:var(--space-1)}.add-option small{color:var(--color-text-secondary);font-size:var(--type-label);font-weight:var(--weight-normal);line-height:1.45}.option-icon{width:3.25rem;height:3.25rem;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-container)}.primary-option{border-color:var(--color-primary);color:var(--color-on-primary);background:var(--color-primary)}.primary-option .option-icon{color:var(--color-primary);background:var(--color-on-primary)}.primary-option small{color:var(--color-on-primary);opacity:.78}.url-import{margin:var(--space-5) 0 var(--space-4)}.wine-form{margin-top:var(--space-5);display:grid;gap:var(--space-4)}.form-section{padding:var(--space-5) var(--space-4);display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.form-section h2{margin:0;font-size:var(--type-section)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.ocr-note{padding:var(--space-4);display:flex;gap:var(--space-3);border-radius:var(--radius-md);color:var(--color-warning);background:var(--color-warning-container)}.ocr-note p{margin:var(--space-1) 0 0;font-size:var(--type-label);line-height:1.5}.progress-toast{position:fixed;z-index:80;inset:auto var(--space-4) calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4));min-height:var(--touch-target);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--color-primary-strong);box-shadow:var(--shadow-medium);font-size:var(--type-label);font-weight:var(--weight-medium)}.candidate-list{margin:var(--space-4) 0;display:grid;gap:var(--space-2)}.candidate{width:100%;min-height:4.75rem;padding:var(--space-2);display:flex;align-items:center;gap:var(--space-3);text-align:start;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);cursor:pointer}.candidate img{width:3.5rem;height:3.5rem;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-container)}.candidate span{font-weight:var(--weight-medium);line-height:1.4}.camera-overlay{position:fixed;inset:0;z-index:200;overflow:hidden;color:var(--color-camera-text);background:var(--color-camera-bg)}.camera-overlay video{width:100%;height:100%;object-fit:cover}.camera-top{position:absolute;z-index:2;inset:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) auto;display:flex;align-items:center;gap:var(--space-3);text-shadow:0 1px 4px rgba(0,0,0,.65);font-size:var(--type-label)}.camera-top button{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:var(--radius-pill);color:var(--color-camera-text);background:var(--color-camera-controls)}.camera-frame{position:absolute;inset:18% 9% 22%;border:2px solid var(--color-camera-frame);border-radius:var(--radius-lg);box-shadow:0 0 0 999px var(--color-camera-mask);pointer-events:none}.camera-shutter{position:absolute;z-index:2;inset:auto auto max(var(--space-8),env(safe-area-inset-bottom)) 50%;width:4.75rem;height:4.75rem;transform:translate(-50%);display:grid;place-items:center;border:.375rem solid var(--color-camera-frame);border-radius:var(--radius-pill);color:var(--color-camera-bg);background:var(--color-camera-text);box-shadow:var(--shadow-medium)}.camera-shutter:disabled{opacity:.55}.camera-error,.camera-loading{position:absolute;z-index:3;inset:50% auto auto 50%;width:min(86%,25rem);transform:translate(-50%,-50%);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);text-align:center;background:var(--color-camera-controls);line-height:1.5}.wine-detail{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.detail-hero{height:clamp(17rem,44svh,22rem);position:relative;display:grid;place-items:center;overflow:hidden;color:var(--color-primary);background:var(--wine-other)}.detail-hero.red{background:var(--wine-red)}.detail-hero.white{background:var(--wine-white)}.detail-hero.rose{background:var(--wine-rose)}.detail-hero.orange{background:var(--wine-orange)}.detail-hero.sparkling{background:var(--wine-sparkling)}.detail-hero.fortified{background:var(--wine-fortified)}.detail-hero:not(:has(img)){height:12rem}.detail-hero img{width:72%;height:88%;object-fit:contain}.wine-gallery{width:100%;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.wine-gallery::-webkit-scrollbar{display:none}.wine-gallery-slide{min-width:100%;height:100%;display:grid;place-items:center;scroll-snap-align:start}.detail-hero .wine-gallery img{width:72%;height:88%;object-fit:contain}.gallery-hint{position:absolute;z-index:2;inset:auto auto var(--space-3) 50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text);background:var(--color-glass);font-size:var(--type-caption);white-space:nowrap}.detail-actions{position:absolute;z-index:2;inset:var(--space-4) var(--space-4) auto;display:flex;justify-content:space-between}.round-button{border:0;background:var(--color-glass);box-shadow:var(--shadow-low)}.detail-content{width:min(100%,var(--content-width));margin:calc(var(--space-6) * -1) auto 0;position:relative}.detail-title{padding:var(--space-6) var(--space-4) var(--space-5);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-canvas)}.detail-title>p:last-child,.detail-original{color:var(--color-text-secondary)}.detail-original{margin:calc(var(--space-1) * -1) 0 var(--space-2)}.detail-section{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.detail-section:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.detail-section h2{margin-bottom:var(--space-4)}.danger-zone{padding-top:var(--space-8);padding-bottom:max(var(--space-8),env(safe-area-inset-bottom));text-align:center}.delete-wine-button{min-height:var(--touch-target);padding:var(--space-3) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);background:transparent;font-weight:var(--weight-bold);cursor:pointer}.delete-wine-button:disabled{opacity:.55}.tasting-delete-button{width:100%;margin-top:var(--space-3)}.facts{margin:0;display:grid;gap:var(--space-3)}.facts div{display:grid;grid-template-columns:minmax(7.5rem,38%) 1fr;gap:var(--space-3)}.facts dt{color:var(--color-text-secondary);font-size:var(--type-label)}.facts dd{margin:0;font-size:var(--type-small);line-height:1.5}.scales{margin-bottom:var(--space-5);display:grid;gap:var(--space-3)}.scale-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--type-small)}.dots{display:flex;gap:var(--space-2)}.dots i{width:.75rem;height:.75rem;border-radius:var(--radius-pill);background:var(--color-surface-strong)}.dots i.filled{background:var(--color-primary)}.wine-description{font-size:var(--type-body);line-height:1.7}.compact-facts{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.source-link{min-height:var(--touch-target);margin-top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--type-label);font-weight:var(--weight-medium)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.tasting-empty{padding:var(--space-4) 0 var(--space-1);color:var(--color-text-secondary);text-align:center}.tasting-list{display:grid;gap:var(--space-3)}.tasting-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-container)}.tasting-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.tasting-head>div{display:grid;gap:var(--space-1)}.tasting-head strong{color:var(--color-primary);font-size:var(--type-card-title)}.tasting-head span{font-size:var(--type-label)}.tasting-edit{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-surface);cursor:pointer}.serving-badge{min-height:1.75rem;margin:var(--space-3) 0 0;padding:var(--space-1) var(--space-2);display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--type-caption)}.liked{color:var(--color-primary)}.not-liked{color:var(--color-text-secondary)}.tasting-card blockquote{margin:var(--space-4) 0 0;padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-primary);font-size:var(--type-body);line-height:1.65;white-space:pre-line}.sensation-grid{margin:var(--space-3) 0;display:grid;grid-template-columns:1fr;gap:var(--space-2)}.sensation-grid div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.sensation-grid small{color:var(--color-text-secondary)}.sensation-grid p{margin:var(--space-1) 0 0;font-size:var(--type-label);line-height:1.5}.tasting-meta,.tasting-date{margin:var(--space-2) 0 0;display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-label);line-height:1.5}.tasting-date{margin-top:var(--space-4)}.modal-backdrop{position:fixed;inset:0;z-index:100;padding-top:env(safe-area-inset-top);display:flex;align-items:flex-end;background:var(--color-scrim)}.tasting-modal,.library-modal{width:100%;max-height:92dvh;padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));position:relative;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-canvas);box-shadow:var(--shadow-medium)}.tasting-modal:before,.library-modal:before{content:"";width:2.5rem;height:var(--space-1);position:absolute;inset:var(--space-2) auto auto 50%;transform:translate(-50%);border-radius:var(--radius-pill);background:var(--color-border-strong)}.modal-header{margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-header h2{margin-bottom:0;font-size:var(--type-subtitle)}.tasting-modal form,.library-modal form{display:grid;gap:var(--space-4)}.modal-footer{position:sticky;bottom:calc((var(--space-6) + env(safe-area-inset-bottom)) * -1);padding-block:var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));margin-block-end:calc(var(--space-4) * -1);background:var(--color-canvas);border-top:1px solid var(--color-border)}.rating-control>span{color:var(--color-text-secondary);font-size:var(--type-label)}.rating-control strong{color:var(--color-primary);font-size:var(--type-rating);line-height:1;font-weight:var(--weight-bold)}.rating-control input{padding:0;accent-color:var(--color-primary);box-shadow:none}fieldset{margin:0;padding:0;border:0}legend,.tag-picker>span{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-label);font-weight:var(--weight-medium)}.choice-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.choice-row.three-choices{grid-template-columns:repeat(3,1fr)}.choice{min-height:var(--touch-target);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;font-size:var(--type-label)}.choice.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-container);font-weight:var(--weight-bold)}.optional-title{padding-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--type-label);text-align:center}.tag-picker .chip-row{flex-wrap:wrap;overflow:visible}.library-list{display:grid;gap:var(--space-3)}.library-card{padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.library-card.pinned{border-color:var(--color-primary);background:var(--color-primary-container)}.library-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.library-card-head>div:first-child{flex:1 1 10rem;min-width:0}.library-card-head .card-actions{margin-inline-start:auto}.library-card h2{margin:var(--space-1) 0 0}.library-card>p{margin:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--type-small);line-height:1.65}.entry-kind{color:var(--color-success);font-size:var(--type-caption);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em}.entry-kind.personal{color:var(--color-primary)}.card-actions{display:flex;gap:var(--space-2)}.card-actions button{width:var(--touch-target);height:var(--touch-target);display:grid;place-items:center;border:0;border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface-container);cursor:pointer}.card-actions button:last-child{color:var(--color-danger)}.card-actions .pin-active{color:var(--color-on-primary);background:var(--color-primary)}.library-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.library-tags span{color:var(--color-primary);font-size:var(--type-caption);font-weight:var(--weight-medium)}.profile-card{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface)}.profile-avatar{width:3.25rem;height:3.25rem;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--type-section);font-weight:var(--weight-bold)}.profile-card div:last-child{min-width:0;display:grid;gap:var(--space-1)}.profile-card strong{overflow:hidden;text-overflow:ellipsis}.profile-card span{color:var(--color-text-secondary);font-size:var(--type-label)}.settings-card{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface)}.settings-copy{display:flex;align-items:flex-start;gap:var(--space-3)}.settings-copy svg{flex:0 0 auto;color:var(--color-primary)}.settings-copy p{margin:var(--space-1) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--type-label);line-height:1.55}.logout-button{width:100%;min-height:var(--touch-target);margin-top:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;color:var(--color-danger);background:transparent;cursor:pointer}.photo-manager{display:grid;gap:var(--space-3)}.photo-manager .section-heading{display:grid;gap:var(--space-4)}.photo-manager .section-heading p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--type-small);line-height:1.6}.photo-manager .photo-add{width:100%}.photo-add{min-height:var(--touch-target);padding:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-container);cursor:pointer;font-weight:var(--weight-bold)}.photo-add{position:relative}.photo-add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-add:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.photo-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.photo-manager-item{padding:var(--space-2);position:relative;border-radius:var(--radius-md);background:var(--color-surface-container)}.photo-manager-item img{width:100%;height:9rem;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface)}.photo-manager-item>div{margin-top:var(--space-2);display:grid;gap:var(--space-2)}.photo-action{min-height:var(--touch-target);padding:var(--space-2);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border:0;border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-surface);cursor:pointer;font-size:var(--type-caption);font-weight:var(--weight-medium)}.photo-action.active{color:var(--color-on-primary);background:var(--color-primary)}.photo-action.danger{color:var(--color-danger)}.photo-cover{position:absolute;z-index:1;inset:var(--space-3) auto auto var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--type-caption)}.photo-empty{margin:0;color:var(--color-text-secondary);font-size:var(--type-label);text-align:center}.auth-page{min-height:100vh;padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));display:grid;place-items:center;background:linear-gradient(160deg,var(--color-primary-container),var(--color-canvas) 42%)}.auth-card{width:min(100%,26rem);text-align:center}.auth-emblem{width:4.5rem;height:4.5rem;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:var(--radius-xl);color:var(--color-on-primary);background:var(--color-primary);box-shadow:var(--shadow-medium)}.auth-intro{max-width:21rem;margin:0 auto var(--space-6);color:var(--color-text-secondary);line-height:1.6}.auth-form{padding:var(--space-5);display:grid;gap:var(--space-4);text-align:start;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-low)}.auth-form .text-button{text-align:center}.setup-note{display:flex;gap:var(--space-3);text-align:start;color:var(--color-warning);background:var(--color-warning-container)}.setup-note p{margin:var(--space-1) 0 0;font-size:var(--type-label)}.splash{min-height:100vh;display:grid;place-items:center;color:var(--color-primary);font-weight:var(--weight-medium)}@media(min-width:32.5rem){.filters-panel,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title{grid-column:1 / -1}.filters-panel label:last-child{grid-column:1 / -1}.sensation-grid{grid-template-columns:repeat(2,1fr)}.photo-manager-item>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:43.75rem){.page{padding-inline:var(--space-6)}.wine-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{inset-inline:50% auto;width:min(100%,32rem);transform:translate(-50%);border:1px solid var(--color-border);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.topbar{justify-content:center}.detail-hero{height:24rem}.tasting-modal,.library-modal{width:34rem;margin:auto;border-radius:var(--radius-xl);max-height:88dvh}.modal-backdrop{padding:var(--space-4);align-items:center}}@media(min-width:56.25rem){:root{--content-width: 54rem}.wine-card{grid-template-columns:7rem minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--color-border: var(--color-border-strong)}.wine-card,.form-section,.library-card,.auth-form{border-width:2px}}