@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/montserrat-300-C0R4aJ1n.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/montserrat-400-BdMzRefO.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/montserrat-500-DZarjTSE.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/montserrat-600-C0-6BeuA.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/montserrat-700-D4JCkd3k.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/montserrat-800-Cwewate7.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/montserrat-900-BvreqxJ7.ttf) format("truetype")}:root{--app-color-white: #FFFFFF;--app-color-black: #120D0C;--app-color-red: #C51230;--app-color-creme: #F7F2EC;--app-color-red-hover: #E23955;--app-color-red-active: #8C0D22;--app-color-red-tint: #FBE7EA;--app-color-creme-section: #F0E7DC;--button-radius: 10px;--tag-radius: 50px}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Montserrat,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{width:0;background:transparent}button{outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.screen-flex{display:flex}.screen-cream{background:var(--app-color-creme)}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.screen-layer{position:relative;z-index:1}.screen-fill-img{width:100%;height:100%;object-fit:cover}.screen-kicker{color:var(--app-color-red);font-weight:700;font-size:16px;letter-spacing:2.4px;text-transform:uppercase}.screen-title-dark{color:var(--app-color-black);font-weight:900;line-height:1}.screen-copy{color:var(--app-color-black);font-weight:300;font-size:18px}.welcome-screen{cursor:pointer}.welcome-content{text-align:center}.welcome-title{font-weight:900;font-size:clamp(4.5rem,9.5vw,8rem);line-height:.91;letter-spacing:-.025em;margin-bottom:1.6rem}.welcome-title-main{color:var(--app-color-white)}.welcome-title-accent{color:var(--app-color-red)}.welcome-subtitle{color:#ffffff6b;font-weight:300;font-size:clamp(1rem,2vw,1.6rem);letter-spacing:.16em;margin-bottom:3.2rem}.welcome-start{display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-start-label{color:#ffffff52;font-weight:700;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase}.scan-copy-panel{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:110px 5% 100px 8%}.scan-title{color:var(--app-color-white);font-weight:900;font-size:clamp(2.6rem,4.8vw,4rem);line-height:1;letter-spacing:-.015em;margin-bottom:1.2rem}.scan-copy{color:#ffffff75;font-weight:300;font-size:1.02rem;line-height:1.75;margin-bottom:2rem}.scan-viewfinder{position:relative;width:80%;max-width:520px;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:#ffffff05}.scan-area-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.scan-camera-preview{width:100%;height:100%;object-fit:cover}.scan-area-label{color:#ffffff4d;font-weight:500;font-size:.85rem;letter-spacing:.2em}.scan-line{position:absolute;top:0;left:0;right:0;height:1.5px;opacity:.9;background:linear-gradient(90deg,transparent 0%,var(--app-color-red) 15%,var(--app-color-red) 85%,transparent 100%)}.scan-bottle-panel{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.scan-bottle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0400068c}.scan-bottle-img{position:relative;z-index:1;height:90%;width:auto;object-fit:contain}.loading-spinner{margin-bottom:26px}.loading-spinner-cream{margin-bottom:24px}.loading-spinner,.loading-spinner-cream{position:relative;z-index:1}.loading-spinner-svg{width:68px;height:68px;animation:spin 1.1s linear infinite}.loading-track{width:220px;height:2px;background:#00000024;border-radius:2px;margin-bottom:20px}.loading-track-cream{position:relative;z-index:1}.loading-progress{height:100%;background:var(--app-color-red);border-radius:2px}.loading-status{color:#ffffffab;font-weight:600;font-size:18px;letter-spacing:1.722px;text-transform:uppercase}.loading-status-cream{color:#000000ab;position:relative;z-index:1}.bottle-confirm-title{color:var(--app-color-white);text-align:center;font-weight:900;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:2.2rem}.bottle-card{position:relative;width:320px;height:440px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0a000e99;margin-bottom:2rem}.bottle-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(196,18,48,.18) 0%,transparent 65%)}.bottle-card-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.bottle-actions{display:flex;gap:14px}.dish-category-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:100px 8% 78px}.dish-category-heading{text-align:center;margin-bottom:1.6rem}.dish-category-title{margin-bottom:9px;font-size:clamp(2.2rem,4.2vw,3.375rem);letter-spacing:-1.08px}.dish-category-subtitle{color:var(--app-color-black);font-weight:300;font-size:18px}.dish-category-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.dish-category-tile{position:relative;overflow:hidden;cursor:pointer;border-radius:10px;background:var(--app-color-black)}.dish-category-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.dish-category-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#08000ae6,#08000a0f 55%)}.dish-category-tile-label-wrap{position:absolute;right:0;bottom:0;left:0;padding:16px 20px}.dish-category-tile-label{color:var(--app-color-white);font-weight:800;font-size:18px;letter-spacing:1.47px;text-transform:uppercase}.dish-list-content{position:relative;z-index:1;flex:1;overflow-y:auto;padding:90px 22% 84px}.dish-list-heading{padding-top:90px;margin-bottom:1.6rem}.dish-list-kicker{margin-bottom:4px}.dish-list-title{font-size:clamp(2rem,3.4vw,3.375rem);letter-spacing:-.9px}.dish-list-items{display:flex;flex-direction:column;gap:10px}.dish-card{display:flex;align-items:stretch;overflow:hidden;cursor:pointer;background:var(--app-color-white);border:1px solid rgba(24,16,15,.05);border-radius:16px}.dish-card-thumb{width:357px;height:272px;flex-shrink:0;overflow:hidden}.dish-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:13px 16px}.dish-card-title{color:var(--app-color-black);font-weight:800;font-size:24px;line-height:22.95px}.dish-card-desc{max-width:549px;color:var(--app-color-black);font-weight:300;font-size:18px;line-height:22px}.dish-tag-list{display:flex;flex-wrap:wrap;gap:5px}.dish-tag{color:#8a7880;font-weight:600;font-size:10.2px;letter-spacing:.612px;border:1px solid rgba(24,16,15,.13);border-radius:var(--tag-radius);padding:3px 9px}.dish-card-arrow{flex-shrink:0;display:flex;align-items:center;color:var(--app-color-black);padding:0 28px}.wine-result-left{position:relative;flex:0 0 57%;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;background:var(--app-color-creme);padding:110px 7% 96px 9%}.wine-result-content{position:relative;z-index:1}.wine-producer{display:flex;align-items:center;gap:8px;margin-bottom:12px}.wine-producer-mark{width:10px;height:10px;flex-shrink:0;background:var(--app-color-red);border-radius:2px}.wine-producer-name{color:var(--app-color-red);font-weight:500;font-size:18px;letter-spacing:.552px}.wine-title{margin-bottom:8px;font-size:clamp(1.9rem,3.2vw,3.375rem);line-height:1.04;letter-spacing:-.675px}.wine-vintage{color:var(--app-color-red);font-weight:700;font-size:1.5rem;letter-spacing:-.24px;margin-bottom:4px}.wine-meta{color:var(--app-color-red);font-weight:500;font-size:18px;letter-spacing:.588px;margin-bottom:18px}.wine-description{max-width:558px;line-height:27.234px;margin-bottom:1.6rem}.wine-profile-title{color:var(--app-color-red);font-weight:700;font-size:16px;letter-spacing:2.052px;text-transform:uppercase;margin-bottom:16px}.wine-profile-list{display:flex;flex-direction:column;gap:16px}.wine-profile-row{display:flex;align-items:center;gap:12px}.wine-profile-label{width:68px;flex-shrink:0;color:var(--app-color-black);font-weight:400;font-size:16px}.wine-profile-label-right{width:80px;text-align:right}.wine-profile-track{position:relative;flex:1;height:4px;background:#18100f14;border-radius:2px}.wine-profile-fill{position:absolute;top:0;left:0;height:100%;background:var(--app-color-black);border-radius:2px}.wine-profile-dot{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--app-color-black);border:2px solid var(--app-color-white);border-radius:50%;box-shadow:0 1px 4px #0003}.wine-cta{padding-top:27px}.wine-result-right{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--app-color-black)}.wine-result-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 52%,rgba(196,18,48,.22) 0%,transparent 60%)}.wine-result-bottle{position:relative;z-index:1;height:88%;width:auto;object-fit:contain}.dish-detail-photo{position:relative;flex:0 0 37%;overflow:hidden}.dish-detail-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(97.5953deg,#4c0b0a8f 10.739%,#08000a00,#08000a00 93.4%)}.dish-detail-content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;background:var(--app-color-creme);padding:110px 6% 96px 8%}.dish-detail-body{position:relative;z-index:1}.dish-detail-kicker{margin-bottom:28px}.dish-detail-title{font-size:clamp(1.9rem,3vw,3.375rem);line-height:46.8px;letter-spacing:-.675px;margin-bottom:14px}.dish-detail-copy{max-width:803px;line-height:27px;margin-bottom:18px}.dish-detail-rule{height:1px;background:#18100f4d;margin-bottom:18px}.nutrition-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px}.nutrition-label{color:var(--app-color-red);font-weight:700;font-size:16px;letter-spacing:1.596px;text-transform:uppercase}.nutrition-value{color:var(--app-color-black);font-weight:400;font-size:18px}.dish-stats{display:flex;gap:110px;overflow:hidden;border-radius:10px;margin-bottom:24px}.dish-stat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px;padding:14px 16px}.dish-stat-value{color:var(--app-color-black);font-weight:700;font-size:18px;text-align:center}.dish-stat-label{color:#8a7880;font-weight:600;font-size:14px;letter-spacing:.93px;text-align:center;text-transform:uppercase}.summary-screen{align-items:center}.summary-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:96px 5.5% 80px}.summary-heading{text-align:center;margin-bottom:2rem}.summary-kicker{margin-bottom:10px}.summary-title{font-size:clamp(2rem,3.6vw,3.375rem);letter-spacing:-.96px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%;max-width:1950px;margin-bottom:32px}.summary-card{display:flex;flex-direction:column;height:630px;overflow:hidden;background:var(--app-color-white);border-radius:16px;box-shadow:0 4px 32px #18100f17,0 0 0 1px #18100f0a}.summary-card-header{padding:14px 20px 11px;border-bottom:1px solid rgba(24,16,15,.05)}.summary-card-label{color:var(--app-color-black);font-weight:700;font-size:16px;letter-spacing:1.836px;text-transform:uppercase}.summary-media-dark{position:relative;flex:0 0 445px;overflow:hidden;background:var(--app-color-black)}.summary-media-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,rgba(196,18,48,.22) 0%,transparent 62%)}.summary-bottle{position:absolute;z-index:1;top:10px;left:50%;width:270px;height:405px;object-fit:contain;opacity:.95;transform:translate(-50%)}.summary-media{flex:0 0 445px;overflow:hidden}.summary-card-body{flex:1;padding:24px 20px 18px}.summary-wine-producer{display:flex;align-items:center;gap:6px;margin-bottom:10px}.summary-producer-mark{width:8px;height:8px;flex-shrink:0;background:var(--app-color-red);border-radius:2px}.summary-producer-name{color:var(--app-color-black);font-weight:500;font-size:16px}.summary-item-title{color:var(--app-color-black);font-weight:800;font-size:24px;line-height:18.75px}.summary-accent{color:var(--app-color-red)}.summary-meta{color:var(--app-color-black);font-weight:400;font-size:16px;margin-top:10px}.summary-dish-category{color:var(--app-color-red);font-weight:700;font-size:16px;letter-spacing:1.08px;text-transform:uppercase;margin-bottom:5px}.summary-save-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px}.summary-qr-frame{padding:11px;margin-bottom:16px;background:var(--app-color-white);border:1px solid rgba(24,16,15,.08);border-radius:8px;box-shadow:inset 0 1px 3px #0000000a}.summary-save-copy{color:var(--app-color-black);font-weight:400;font-size:18px;text-align:center;margin-bottom:10px}.summary-save-title{color:var(--app-color-black);font-weight:800;font-size:18px;letter-spacing:.528px;text-align:center;text-transform:uppercase}.interaction-button{display:inline-flex;align-items:center;gap:10px;padding:16px 38px;cursor:pointer;border:0;border-radius:var(--button-radius);font-family:Montserrat,sans-serif;position:relative}.nav-btn{background:var(--app-color-red);color:var(--app-color-white);font-weight:600;font-size:13.5px;letter-spacing:.81px}.primary-btn,.light-btn{padding:16px 38px;font-weight:700;font-size:14.25px;letter-spacing:.855px}.primary-btn{background:var(--app-color-black);color:var(--app-color-white)}.light-btn{background:var(--app-color-white);color:var(--app-color-black)}.element-icon{width:100px;position:relative}.element-icon:before,.interaction-button.left-icon:before,.interaction-button.right-icon:after{content:"";width:15px;height:15px;background-image:url(/assets/wine-match-icons-p5PFT-y3.svg);background-size:165px 60px;background-position-y:0}.element-icon:before{display:block;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:3.6}.interaction-button.left-icon.nav-btn:before,.interaction-button.left-icon.primary-btn:before,.interaction-button.right-icon.nav-btn:after,.interaction-button.right-icon.primary-btn:after{background-position-y:-15px}.interaction-button.icon-arrow:before,.interaction-button.icon-arrow:after,.element-icon.icon-arrow:before{background-position-x:-120px}.interaction-button.icon-arrow:before{rotate:180deg}.interaction-button.icon-close:before,.interaction-button.icon-close:after{background-position-x:-135px}.interaction-button.icon-reload:before,.interaction-button.icon-reload:after{background-position-x:-150px}.app-header{position:absolute;z-index:10;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:30px 56px 0}.app-header-logo{filter:none;transition:filter .3s}.app-header-logo.dark{filter:brightness(0)}.app-header-progress{position:absolute;left:50%;transform:translate(-50%)}.app-footer{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 44px 32px;pointer-events:none}.app-footer-left{justify-self:start}.app-footer-center{display:flex;justify-self:center;gap:14px}.app-footer-right{justify-self:end}.app-footer-left,.app-footer-center,.app-footer-right{pointer-events:auto}.logo{position:relative;display:inline-grid;grid-template-columns:max-content;grid-template-rows:max-content;place-items:start;flex-shrink:0;line-height:0}.logo-wine{display:block;width:76.361px;height:21.4667px}.logo-match{display:block;width:75.7465px;height:14.691px;margin-top:2px;margin-left:.325px}.partner-slots{display:flex;align-items:center;gap:10px}.partner-slot{position:relative;display:flex;align-items:center;justify-content:center;width:109px;height:42px;border:1px solid var(--app-color-black);border-radius:4px}.partner-slots-light .partner-slot{border-color:#ffffff80}.partner-slot-label{color:var(--app-color-black);font-family:Montserrat,sans-serif;font-weight:600;font-size:9px;letter-spacing:1.26px}.partner-slots-light .partner-slot-label{color:#fff9}.progress-dots{display:flex;align-items:center;gap:6px}.progress-dot{height:8px;border-radius:4px}.dark-ambient{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--app-color-black)}.dark-ambient-glow{position:absolute;border-radius:50%}.dark-ambient-glow-primary{top:5%;left:-10%;width:60%;height:85%;background:radial-gradient(ellipse,rgba(196,18,48,.32) 0%,transparent 66%);filter:blur(70px)}.dark-ambient-glow-secondary{right:-6%;bottom:0;width:50%;height:58%;background:radial-gradient(ellipse,rgba(110,4,22,.28) 0%,transparent 66%);filter:blur(88px)}.cream-ambient{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cream-ambient-glow{position:absolute;border-radius:50%}.cream-ambient-glow-primary{top:5%;right:10%;width:42%;height:50%;background:radial-gradient(ellipse,rgba(196,18,48,.048) 0%,transparent 60%);filter:blur(55px)}.cream-ambient-glow-secondary{bottom:10%;left:5%;width:36%;height:46%;background:radial-gradient(ellipse,rgba(196,18,48,.035) 0%,transparent 60%);filter:blur(60px)}.qr-code{display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);width:186px;height:186px}.qr-code-large{width:285px;height:285px}.qr-cell-active{background:var(--app-color-black)}@custom-variant dark (&:is(.dark *));:root{--font-size: 15px;--background: #F7F2EC;--foreground: #18100F;--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #18100F;--primary-foreground: #F7F2EC;--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}.wine-match-icons{display:block;width:20px;height:20px;position:relative}.wine-match-icons.welcome-wine-glass{width:40px;height:60px}.wine-match-icons:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background-image:url(/assets/wine-match-icons-p5PFT-y3.svg);background-size:165px 60px;background-position-y:0}.wine-match-icons.welcome-wine-glass:before{width:40px;height:60px;background-position-x:0}.wine-match-icons.clock:before{background-position-x:-40px}.wine-match-icons.difficulty:before,.wine-match-icons.difficulty.level-0:before{background-position-x:-60px}.wine-match-icons.difficulty.level-1:before{background-position-y:-20px}.wine-match-icons.difficulty.level-2:before{background-position-y:-40px}.wine-match-icons.wine-glass:before{background-position-x:-100px}.wine-match-icons.star:before{background-position-x:-80px}}.wine-match-configuration-button{display:block;width:100px;height:250px;position:absolute;top:50%;left:0;translate:0 -50%;z-index:2;border:0;background:transparent;cursor:pointer}::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:backdrop-filter .5s}@starting-style{::backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);scale:.8}}dialog.app-configuration[open]{width:100%;max-width:964px;background-color:var(--app-color-creme);border:0;border-radius:var(--button-radius);opacity:1;scale:1;transition:opacity .5s,scale .5s}@starting-style{dialog.app-configuration[open]{opacity:0;scale:.8}}dialog.app-configuration .dialog-content{display:grid;grid-template-columns:1fr 60px;grid-template-rows:50px auto;grid-gap:1rem 2rem;padding:0}dialog.app-configuration button{width:100%;justify-content:center}dialog.app-configuration button.save-reference,dialog.app-configuration button.reload-app,dialog.app-configuration button.take-photo,dialog.app-configuration button.close-dialog{border:1px solid var(--app-color-black);padding-inline:0}dialog.app-configuration button.close-dialog{position:relative}dialog.app-configuration button.close-dialog:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;scale:1.7}dialog.app-configuration .dialog-content .tabs{grid-column:1 / 2;grid-row:1 / 2;width:auto;display:flex;gap:10px;justify-content:stretch;overflow:hidden}dialog.app-configuration button.close-dialog{text-indent:-9999px}dialog.app-configuration .dialog-content .tabs .config-tablinks.active{background-color:var(--app-color-black);color:var(--app-color-white)}dialog.app-configuration .dialog-content .config-tab-content{grid-column:1 / 3;grid-row:2 / 3;display:none}dialog.app-configuration .dialog-content .config-tab-content.active{display:contents}dialog.app-configuration .dialog-content .app-video{grid-column:1 / 3;grid-row:3 / 4;width:100%;aspect-ratio:4/3;border-radius:14px}dialog.app-configuration[data-state=tab-app-config] .dialog-content .app-video{display:none}dialog.app-configuration[data-state=tab-scan-reference] .dialog-content .app-video{grid-column:1 / 2}dialog.app-configuration .dialog-content .reference-buttons{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:row;justify-content:space-between;gap:1rem}dialog.app-configuration .dialog-content .reference-buttons button{width:100%}dialog.app-configuration .dialog-content .reference-data{grid-column:1 / 2;grid-row:4 / 5;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;color:var(--app-font-color);font-size:1.25rem}dialog.app-configuration .dialog-content .reference-preview{grid-column:2 / 3;grid-row:2 / 5;position:relative;height:100%;zoom:.57}dialog.app-configuration .dialog-content .reference-preview canvas{position:absolute;top:0}dialog.app-configuration .dialog-content .reference-preview .reference-frame{border:4px dotted red;position:absolute;left:-10px;z-index:1;width:calc(100% + 12px)}dialog.app-configuration .dialog-content .take-photo{grid-column:1 / 3}dialog.app-configuration .language-switch{grid-column:1 / 3;border:0;padding:0}dialog.app-configuration .language-options{display:flex;gap:1rem;margin-top:1rem}dialog.app-configuration .language-options button.active{background-color:var(--app-color-black);color:var(--app-color-white)}dialog.app-configuration .configuration-error{margin-top:1rem;color:#a00000}
