@font-face{font-family:Onest;src:url(/assets/onest-0.woff2) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-1.woff2) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-2.woff2) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Onest;src:url(/assets/onest-3.woff2) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display V2;src:url(/assets/v2/PlayfairDisplay-VariableFont_wght.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c2a28;background:#fdf9ed;font-synthesis:none;--wine:#8f3d42;--wine-dark:#723135;--wine-soft:#f3e5e1;--paper:#fefdfa;--cream:#fdf9ed;--ink:#2c2a28;--muted:#746e68;--line:#d7d4d2;--soft:#f5f0ed;--serif:"Playfair Display V2",Georgia,serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc7779;outline-offset:3px}.app-shell{min-height:100dvh;background:radial-gradient(circle at 8% 0%,rgb(143 61 66 / 7%),transparent 28rem),linear-gradient(180deg,#fffdf6 0,var(--cream) 34rem)}.app{width:100%;height:100dvh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--paper)}.app-content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.app .page,.app .camera-page{min-height:100%;max-width:480px;margin:0 auto}.page{display:flex;flex-direction:column;padding:18px 22px 26px;color:var(--ink)}.brand{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:4px 0 0}.brand:not(.v2-brand){font-size:25px;font-weight:700;letter-spacing:-1.4px;color:var(--wine)}.brand:not(.v2-brand) span{color:#bd8d76}.v2-logo{display:block;width:102px;height:40px;object-fit:contain;object-position:left center}.quiet-badge{padding:5px 8px;border-radius:6px;background:#f1edf1;color:#796b76;font-size:9px;font-weight:500}.hero{position:relative;min-height:316px;margin:0 -22px;overflow:hidden;background:linear-gradient(135deg,#fff 38%,#f4ecf1)}.hero>div{position:relative;z-index:2;max-width:215px;padding:47px 0 0 22px}.hero h1{margin:0 0 17px;font-size:31px;line-height:1.06;letter-spacing:-1.35px}.hero p{max-width:180px;margin:0;color:#7c6d76;font-size:12px;line-height:1.6}.hero>img{position:absolute;z-index:1;width:205px;height:320px;right:-35px;top:8px;object-fit:contain;transform:rotate(9deg)}.mascot-scene{position:relative;flex:none;margin:12px -12px 0;overflow:hidden;pointer-events:none}.mascot-scene img{display:block;width:100%;height:auto;object-fit:contain}.hero>.mascot-scene{position:absolute;z-index:1;right:-42px;bottom:-34px;width:min(70%,280px);margin:0}.mascot-scene-walk{margin:8px -16px 6px}.mascot-scene-counter{margin:auto -20px 0}.mascot-scene-browse{margin:auto -18px 8px}.mascot-scene-offline{margin:8px -16px 4px}.mascot-scene-walk img,.mascot-scene-counter img,.mascot-scene-offline img{max-height:210px}.mascot-scene-browse img{max-height:230px}.actions{display:grid;gap:8px;margin-top:11px}.primary,.secondary,.text-button{width:100%;min-height:50px;padding:13px 15px;border:1px solid var(--wine);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600}.primary{background:var(--wine);color:#fff}.primary:active,.scan-button:active{transform:translateY(1px);background:var(--wine-dark)}.secondary{background:#f9f2ef;color:var(--wine);border-color:#e5cfd0}.text-button{border-color:transparent;background:transparent;color:#776e72;font-weight:500}.scan-button{min-height:78px;display:grid;grid-template-columns:39px minmax(0,1fr) 24px;gap:12px;padding:15px 13px;text-align:left;border-radius:18px;box-shadow:0 6px 14px #742c4618}.scan-button>svg:first-child{width:20px;height:20px;padding:9px;box-sizing:content-box;border:1px solid #ffffff35;border-radius:12px;background:transparent}.scan-button>svg:last-child{width:18px;height:18px;justify-self:end;stroke-width:1.55}.scan-button>span{display:grid;min-width:0;overflow-wrap:anywhere;gap:4px}.scan-button b{font-size:12px}.scan-button small{font-size:10px;color:#e1bbc9}.split-actions{display:flex;gap:0;margin:4px -5px 0}.split-actions button{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 4px;border:0;background:transparent;color:#605762;font-size:10px;white-space:normal;overflow-wrap:anywhere;min-width:0}.split-actions button+button{border-left:1px solid #eee8ec}.split-actions svg{flex:none;width:17px;height:17px}.tip{display:flex;align-items:center;gap:12px;margin:20px 0 21px}.tip>.tip-icon{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#f6f3f6;color:#978592}.tip-icon svg{width:19px;height:19px;stroke-width:1.65}.tip-copy{min-width:0}.tip-copy strong{font-size:11px;font-weight:500;line-height:1.5}.tip-copy p{margin:3px 0 0;color:#6d626b;font-size:10px;line-height:1.5}.top{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;margin:-6px -6px 18px;text-align:center}.top button{width:48px;height:48px;border:0;border-radius:50%;background:transparent}.top svg{width:21px;height:21px}.top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.top-with-action{grid-template-columns:48px minmax(0,1fr) 92px}.top .save-header-action{display:flex;width:92px;height:48px;min-width:92px;align-items:center;justify-content:flex-end;gap:5px;padding:0;border:0;border-radius:0;background:transparent;color:var(--wine);font-size:11px;font-weight:600;white-space:nowrap}.top .save-header-action svg{width:21px;height:21px}.page h2{margin:3px 0 12px;font-size:29px;line-height:1.12;letter-spacing:-1px}.page>p,.camera-page>p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.state-icon{width:54px;height:54px;margin:7px 0 19px;display:grid;place-items:center;border-radius:16px;background:#f3ebf0;color:#8c5c74}.state-icon svg{width:28px;height:28px}.camera-page{height:100dvh;min-height:0!important;max-height:100dvh;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0 18px;background:#211d23;color:#fff}.camera-header .top{margin:4px -6px 5px}.camera-header>p{margin:0 0 10px;color:#d0c6cf;font-size:12px;line-height:1.45}.camera-preview{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.camera-page .viewfinder{position:relative;min-height:0;margin:0;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 44%,#b0a7a7,#655d62)}.viewfinder video{width:100%;height:100%;min-height:0;object-fit:cover}.camera-frame{position:absolute;inset:24px;border:2px solid #fff;border-radius:18px;pointer-events:none}.camera-preview>.neighbor-hint{display:block;margin:0;padding:7px 10px;color:#fff;text-align:center;font-size:11px;line-height:1.4}.camera-actions{display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;gap:8px;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.shutter{width:66px;height:66px;margin:0;border:2px solid #fff;border-radius:50%;background:transparent;padding:4px}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.camera-actions .text-button,.light-tip{min-width:0;min-height:44px;padding:6px;border:0;background:transparent;color:#eadde7;font-size:11px}.light-tip{color:#eadde7}.photo{position:relative;width:100%;min-height:250px;padding:0;display:grid;place-items:center;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(130deg,#f1edef,#e2dce2)}.photo img{width:100%;height:250px;object-fit:contain}.photo span{position:absolute;bottom:12px;left:12px;border-radius:7px;background:#ffffffd9;padding:5px 8px;color:#80737f;font-size:9px}.photo.compact{min-height:88px;margin:6px 0 12px}.photo.compact img{height:96px}.photo-dialog{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#21181edb}.photo-dialog img{max-width:min(720px,94vw);max-height:85dvh;object-fit:contain;border-radius:18px;background:#eee5ea}.photo-dialog .dialog-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--wine)}.dialog-actions{position:absolute;bottom:22px;display:flex;gap:10px}.dialog-actions button{min-height:48px;padding:10px 16px;border:0;border-radius:14px;background:#fff;color:var(--wine);font-weight:600}.scan-line{height:2px;margin:-126px 10px 121px;background:#9b4168;box-shadow:0 0 20px 4px #a34b6830;animation:scan 1.6s ease-in-out infinite alternate}.status{text-align:center!important;color:#8b6d7d!important;font-weight:600}.bottom{margin-top:auto}.candidate-list{display:grid;gap:12px}.candidate-list button{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;min-height:106px;padding:10px;border:1px solid #e5dde3;border-radius:16px;background:#fff;text-align:left}.candidate-list button:hover{border-color:#a87087;background:#fdf9fb}.candidate-list img{width:64px;height:86px;object-fit:contain;border-radius:10px;background:#f2edef}.candidate-list span{display:grid;gap:5px}.candidate-list small{font-size:10px;color:#8c7e88}.candidate-list b{font-size:14px;line-height:1.25;font-weight:600}.missing-image{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#f2edef;color:#806b78;font-size:9px;text-align:center}.missing-image svg{width:22px;height:22px}.candidate-list+.secondary{margin-top:16px}.result-hero{display:grid;grid-template-columns:44% minmax(0,1fr);align-items:center;min-height:270px;margin:0 -22px;padding:19px 15px 15px 0;background:linear-gradient(135deg,#f4edf1,#fbf9fa)}.result-hero>img,.result-hero>.missing-image{width:100%;height:230px;min-height:230px;object-fit:contain;border-radius:0;background:transparent}.result-hero>div:last-child{display:grid;gap:7px}.result-hero h2{margin:0;font-size:25px;line-height:1.12;letter-spacing:-.8px}.result-hero small{font-size:10px;color:#8d7b88}.result-hero p{margin:0;font-size:12px}.demo-label{display:flex;align-items:center;gap:5px;color:#856c7d;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.demo-label svg{width:15px;height:15px}.correction{align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:43px;border:0;background:transparent;color:#8e6c7e;font-size:11px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e9e0e7}.tabs button{min-height:43px;border:0;border-bottom:2px solid transparent;background:transparent;color:#968694;font-size:12px}.tabs button[aria-selected=true]{border-color:var(--wine);color:var(--wine);font-weight:600}dl{margin:8px 0}dl div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eee6eb;font-size:12px}dt{color:#91828d}dd{margin:0;text-align:right}.tab-copy{font-size:13px;line-height:1.6}.tab-copy h3{font-size:16px}.tab-copy a{color:var(--wine)}.result-actions{display:grid;gap:8px;margin-top:auto;padding-top:18px}.storage-notice{margin:8px 0;color:#6c5d67;font-size:12px;text-align:center}.search-field{display:grid;grid-template-columns:minmax(0,1fr) 52px;min-width:0;overflow:hidden;border:1px solid #e9dfe6;border-radius:13px;background:#f6f1f5}.search-field input{min-width:0;height:52px;border:0;border-radius:0;outline:0;background:transparent;padding:0 13px;color:#4a3543;font-size:14px}.search-field button{display:grid;min-width:48px;min-height:48px;place-items:center;border:0;border-radius:0;background:transparent;color:#8b5a75}.search-field button svg{width:21px;height:21px}.search-field button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #e7cdd1}#UI-008 form{margin:18px 0 16px;display:grid;gap:8px}form label{font-size:12px;font-weight:600}.catalog-error{padding:16px 0}.empty-catalog{padding:30px 0;text-align:center;color:var(--muted)}.saved-heading{padding:12px 0 18px}.saved-heading h2{margin-bottom:6px}.saved-heading p{margin:0;color:var(--muted)}.saved-empty{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.saved-empty>svg{width:42px;height:42px;color:#b79baa}.saved-empty h3{margin:18px 0 6px}.saved-empty p{max-width:280px;margin:0 0 20px;color:var(--muted)}.bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:480px;margin:0 auto;padding:5px 8px max(6px,env(safe-area-inset-bottom));border-top:1px solid #eee5e2;background:#fff;box-shadow:0 -7px 24px #3e25340c;z-index:5}.bottom-nav button{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#81747d;font:500 10px/1.2 Onest,sans-serif}.bottom-nav button[aria-current=page]{color:var(--wine)}.bottom-nav svg{width:22px;height:22px;stroke-width:1.7}.product-footer{margin-top:auto;padding:28px 0 0;color:#766772;text-align:center;font-size:11px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes scan{0%{transform:scaleX(.55);opacity:.45}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.scan-line{animation:none}.primary:active,.scan-button:active{transform:none}}@media(max-width:390px){.page{padding-right:18px;padding-left:18px}.hero{margin-right:-18px;margin-left:-18px}.hero>div{padding-left:18px}.hero>.mascot-scene{right:-44px}}@media(max-width:360px){.scan-button{grid-template-columns:36px minmax(0,1fr) 24px;gap:9px;padding:15px 12px}.scan-button b{font-size:12px}.scan-button small{font-size:10px}.hero{min-height:278px}.hero h1{font-size:29px}.hero>.mascot-scene{width:68%;bottom:-22px}}@media(max-height:600px){.hero{min-height:240px}.hero>div{padding-top:32px}.hero>.mascot-scene{width:58%;bottom:-30px}.mascot-scene-walk img,.mascot-scene-counter img,.mascot-scene-offline img{max-height:170px}}@media(min-width:768px){.page{padding-top:28px;padding-bottom:28px}}@media(max-height:500px)and (orientation:landscape){.camera-page{grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) 92px;grid-template-rows:minmax(0,1fr);gap:8px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.camera-header{align-self:start}.camera-header .top{margin:0 0 4px}.camera-header>p{font-size:11px;margin:4px 0}.camera-frame{inset:12px}.camera-actions{grid-template-columns:1fr;grid-template-rows:1fr 66px 1fr;padding:0;align-self:stretch}.camera-actions .text-button,.camera-actions .light-tip{font-size:11px;min-height:40px}}@media(min-width:1024px){.app-shell{--device-screen-height:min(820px, calc(100dvh - 100px) );display:grid;place-items:center;min-height:100dvh;padding:40px}.app-shell>.app{width:410px;height:calc(var(--device-screen-height) + 20px);min-height:0;border:10px solid #29262b;border-radius:46px;overflow:hidden;scrollbar-width:none;box-shadow:0 0 0 2px #bfb9c0,0 24px 70px #3923332b}.app-shell>.app::-webkit-scrollbar{display:none}.app-shell>.app .page{width:100%;max-width:none;min-height:var(--device-screen-height);padding:24px 22px}.app-shell>.app .camera-page{width:100%;max-width:none;height:var(--device-screen-height);max-height:var(--device-screen-height);min-height:0;padding:0 18px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:0}.app-shell>.app .camera-actions{grid-template-columns:1fr 66px 1fr;grid-template-rows:auto;align-self:auto;padding:8px 0}}#UI-001 .welcome-intro{margin:-18px -22px 0;padding:18px 22px 0;background:#fbf6ec}.brand.v2-brand{min-height:56px;margin-top:12px;padding:10px 12px;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.v2-logo{width:128px;height:34px}#UI-001 .hero{display:flex;flex-direction:column;align-items:center;min-height:0;margin:0;background:#fbf6ec;overflow:visible;text-align:center}#UI-001 .hero>div{position:relative;z-index:2;width:100%;max-width:none;padding:28px 22px 10px}#UI-001 .hero h1{width:100%;margin:0 0 14px;font-family:var(--serif);font-size:36px;font-weight:650;line-height:1.08;letter-spacing:-1px;text-align:center;text-wrap:balance}#UI-001 .hero p{max-width:none;margin:0;color:#6c625b;font-size:14px;line-height:1.5;text-align:center}#UI-001 .hero>img{display:none}#UI-001 .hero>.mascot-scene{position:relative;right:auto;bottom:auto;width:100%;height:260px;margin:6px 0 0;background:transparent;mix-blend-mode:normal}#UI-001 .hero>.mascot-scene img{width:100%;height:100%;object-fit:contain;object-position:center bottom}#UI-001 .welcome-tip{display:block;margin-top:14px;margin-bottom:15px;padding:12px 14px;border:1px solid #eadfd4;border-radius:14px;background:#fcf7ef;text-align:center;text-wrap:balance}#UI-001 .welcome-tip strong{color:var(--ink);font-size:11px;font-weight:500;line-height:1.5}@media(max-width:390px){#UI-001 .welcome-intro{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}#UI-001 .hero>div{padding:24px 18px 10px}}@media(max-width:360px){#UI-001 .hero h1{font-size:32px}#UI-001 .hero>.mascot-scene{width:100%;height:220px}}@media(max-height:600px){#UI-001 .hero>div{padding-top:20px;padding-bottom:8px}#UI-001 .hero>.mascot-scene{height:160px}#UI-001 .welcome-tip{margin-top:10px;margin-bottom:8px}.actions{margin-top:6px}}@media(min-width:768px){#UI-001 .welcome-intro{margin-top:-28px;padding-top:28px}}@media(min-width:1024px){#UI-001 .welcome-intro{margin-top:-24px;padding-top:24px}}@media(min-width:1024px)and (max-height:760px){#UI-001 .brand.v2-brand{min-height:48px;margin-top:5px;padding-top:7px;padding-bottom:7px}#UI-001 .hero>div{padding-top:18px;padding-bottom:8px}#UI-001 .hero>.mascot-scene{height:170px}#UI-001 .welcome-tip{margin-top:8px;margin-bottom:6px}#UI-001 .product-footer{padding-top:14px}}.page h2{font-family:var(--serif);font-weight:650;letter-spacing:-.8px}.page>p{color:#746e68}.state-icon{background:#f3e5e1;color:var(--wine)}.secondary{background:#fcf7ef;border-color:#eadfd4}.search-field{border-color:#eadfd4;background:#fcf7ef}.search-field:focus-within{border-color:#bc7779;box-shadow:0 0 0 2px #bc7779}.search-field button{color:var(--wine)}.candidate-list button{border-color:#e8dfd2}.candidate-list button:hover{border-color:#b78b8c;background:#fffdf9}.result-hero{background:linear-gradient(135deg,#f8f0eb,#fffdf9)}.tabs{border-color:#e8dfd2}.tabs button{color:#887b75}.tabs button[aria-selected=true]{color:var(--wine);border-color:var(--wine)}#UI-007 .recommendations{margin-top:22px;padding-top:18px;border-top:1px solid #e8dfd2}#UI-007 .recommendations h3{margin:0 0 12px;font-family:var(--serif);font-size:20px;font-weight:650;line-height:1.15}#UI-007 .recommendations>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.recommendation-list{display:grid;gap:10px}.recommendation-list button{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;min-height:96px;padding:8px;border:1px solid #e8dfd2;border-radius:16px;background:#fffdf9;text-align:left}.recommendation-list button:hover{border-color:#b78b8c;background:#fff}.recommendation-list img,.recommendation-list .missing-image{width:64px;height:78px}.recommendation-list span{display:grid;gap:5px}.recommendation-list small{color:#8c7e88;font-size:10px}.recommendation-list b{font-size:14px;line-height:1.25;font-weight:600}.recommendation-error p{margin:0 0 10px;color:var(--muted);font-size:12px}.recommendation-error .secondary{min-height:48px}#UI-009 .mascot-scene-counter{margin:0 -20px -12px}#UI-009 .missing-actions{display:grid;gap:10px}#UI-009 .missing-actions .primary,#UI-009 .missing-actions .secondary{min-height:56px;border-radius:16px;text-align:center}.bottom-nav{gap:4px;padding:8px 12px max(10px,env(safe-area-inset-bottom));border-top-color:#e9dfd3;background:#fefdfa}.bottom-nav button{min-height:48px;gap:4px;border-radius:12px;color:#746e68;font:500 11px/1.2 Onest,sans-serif}.bottom-nav svg{width:22px;height:22px}.bottom-nav button[aria-current=page]{background:#f5e8df;color:#8f3d42}.bottom-nav button:focus-visible{outline:3px solid #d7a1a2;outline-offset:1px}.leader-list{gap:12px}.leader-list button{grid-template-columns:56px minmax(0,1fr);min-height:114px;align-items:center;padding:8px;border-radius:16px;background:#fefdfa}.leader-list button.candidate-leader{grid-template-columns:76px minmax(0,1fr);min-height:148px;border-color:#b78b8c;background:#fdf9ed}.leader-list img,.leader-list .missing-image{width:56px;height:98px;min-height:98px;object-fit:contain;background:#f7eee5}.leader-list span{min-width:0;gap:5px}.leader-list b{overflow-wrap:anywhere;font-size:14px;line-height:1.3;white-space:normal}.leader-list .candidate-leader b{font-size:18px;line-height:1.2}.leader-list small{overflow-wrap:anywhere;white-space:normal;color:#746e68;font-size:12px;line-height:1.35}.leader-list em{min-width:0;max-inline-size:100%;padding:3px 7px;border-radius:999px;background:#f1dfd6;color:#8f3d42;font-size:10px;font-style:normal;font-weight:600;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.leader-list button:focus-visible{outline:3px solid #8f3d42;outline-offset:2px}.demo-disclosure{display:grid;gap:4px;margin:4px 0 14px;padding:11px 12px;border:1px solid #d9bd9d;border-radius:12px;background:#fdf5e8;color:#5f4730;font-size:12px;line-height:1.4}.demo-disclosure strong{font-size:12px}.demo-disclosure span{color:#695747}#UI-008 .search-field{grid-template-columns:minmax(0,1fr) 52px}#UI-008 .search-field.has-clear{grid-template-columns:minmax(0,1fr) 44px 52px}#UI-008 .search-field .clear-search{min-width:44px;min-height:44px;background:transparent;color:#74636d;font-size:25px;line-height:1}#UI-008 .catalog-status{min-height:24px;padding:5px 0;color:#74636d;font-size:12px;line-height:14px}#UI-008 .catalog-error{padding:4px 0 16px}#UI-008 .empty-catalog{padding:18px 0 24px}#UI-008 .empty-catalog p{margin:0;color:#74636d;text-align:center;font-size:13px;line-height:1.5}#UI-008 .empty-catalog p+p{margin-top:4px}#UI-007.page{padding-top:calc(8px + var(--safe-area-top,env(safe-area-inset-top,0px)))}#UI-007 .top{display:flex;flex-wrap:wrap;min-height:48px;margin-bottom:12px;flex-shrink:0}#UI-007 .top>button:first-child{flex:0 0 48px}#UI-007 .top b{flex:1;min-width:min-content;overflow:visible;white-space:normal;overflow-wrap:normal;font-size:.75rem;line-height:1.25}#UI-007 .top .save-header-action{width:auto;min-width:92px;min-height:48px;margin-left:auto;white-space:nowrap;font-size:.6875rem;line-height:1.25}#UI-007 .save-header-action svg{flex-shrink:0}#UI-007 .result-hero{min-height:254px;padding:14px 15px 14px 0;background:#fff;flex-shrink:0}#UI-007 .result-hero>img,#UI-007 .result-hero>.missing-image{height:216px;min-height:216px;background:#fff;object-fit:contain;mix-blend-mode:normal}#UI-007 .result-hero>div:last-child{min-width:0;overflow-wrap:anywhere}#UI-007 .result-hero h2{font-size:1.5625rem;overflow-wrap:anywhere}#UI-007 .result-hero small{font-size:.625rem}#UI-007 .result-hero p{font-size:.75rem}.candidate-list button,.candidate-list button:hover,.leader-list button.candidate-leader,.candidate-list img,.candidate-list .missing-image{background:#fff}.leader-list em{justify-self:start}@media(max-width:390px){#UI-007 .result-hero{margin-left:-18px;margin-right:-18px}}@media(min-width:1024px){#UI-007.page{padding-top:calc(14px + var(--safe-area-top,env(safe-area-inset-top,0px)))}}.photo-feedback{margin:16px 0;padding:16px;background:#f7eef3;border:1px solid #dfc9d4;border-radius:18px;display:grid;gap:12px}.photo-feedback h3,.photo-feedback p{margin:0}.photo-feedback>p{font-size:12px;line-height:1.5;color:var(--muted)}.photo-feedback label{font-size:12px;font-weight:600}.photo-feedback textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #cbbbc4;border-radius:12px;padding:12px;background:#fff;color:inherit;font:inherit}.feedback-actions,.feedback-correction{display:grid;gap:8px}.feedback-correction{gap:10px;padding-top:4px;border-top:1px solid var(--line)}.feedback-catalog{max-height:260px;overflow:auto;display:grid;gap:7px}.feedback-catalog>button{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;padding:7px}.feedback-catalog img{width:48px;height:62px;object-fit:contain}.feedback-catalog span,.feedback-target span,.feedback-success span{display:grid;gap:3px}.feedback-catalog small,.feedback-target small,.feedback-success small{font-size:10px;color:var(--muted)}.feedback-target{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.feedback-target .text-button{width:auto;min-height:40px}.feedback-success{display:flex;gap:10px;align-items:center;color:#30663d;background:#edf8ef;border:1px solid #bcd9c2;border-radius:12px;padding:12px}.feedback-success svg{font-size:22px}.feedback-error{color:#9a243d!important;font-weight:600}:root{--paper: #fefdfa;--cream: #fbf6ec;--soft: #f5ede4;--wine: #8f3d42;--wine-dark: #723135;--ink: #2c2a28;--muted: #746a65;--line: #ece5de;--primary-label-family: Onest, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-label-size: 16px;--primary-label-weight: 600;--primary-label-line-height: 1.25}body{background:#f3f0e9}.app-shell,.app{background:var(--paper)}.app .page{padding:24px 26px max(28px,env(safe-area-inset-bottom))}.page h2{font-weight:500;line-height:1.13;letter-spacing:-.025em}.page>p{font-size:14px;line-height:1.55}.primary,.secondary,.text-button{box-shadow:none;font-weight:500}.primary{min-height:56px;border-radius:13px;font-family:var(--primary-label-family);font-size:var(--primary-label-size);font-weight:var(--primary-label-weight);line-height:var(--primary-label-line-height)}.primary b{font:inherit}.secondary{min-height:52px;background:transparent;border-color:var(--line)}.text-button{min-height:48px;font-weight:400}.primary svg,.secondary svg,.text-button svg{width:25px;height:25px;stroke-width:1.35}.top{min-height:48px;margin:-4px -12px 23px;color:#685d56}.top b{font-size:13px;font-weight:500}.top button:first-child{color:#826e65}.top svg{width:25px;height:25px;stroke-width:1.3}.bottom-nav{position:relative;gap:0;height:calc(62px + env(safe-area-inset-bottom,0px));min-height:calc(62px + env(safe-area-inset-bottom,0px));padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px));background:#fefdfaf5;border-top:1px solid #eee8e1;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav .nav-slider{position:absolute;z-index:0;top:5px;bottom:calc(5px + env(safe-area-inset-bottom,0px));left:12px;width:calc((100% - 24px) / 3);height:auto;border-radius:12px;background:linear-gradient(180deg,#f4e7dc,#f8efe8);transform:translate(0);transition:transform .32s cubic-bezier(.22,.8,.3,1);pointer-events:none;will-change:transform}.bottom-nav[data-section=search] .nav-slider{transform:translate(100%)}.bottom-nav[data-section=saved] .nav-slider{transform:translate(200%)}.bottom-nav button{position:relative;z-index:1;min-height:51px;gap:3px;color:var(--muted);font-size:10px;font-weight:400;line-height:14px}.bottom-nav button span{line-height:14px}.bottom-nav svg{width:26px;height:26px;stroke-width:1.3}.bottom-nav button[aria-current=page]{background:transparent;color:#895c54}#UI-001.page{padding:0 26px 28px;background:linear-gradient(180deg,#fbf6ec 0% 59%,#fefdfa 94%)}#UI-001 .welcome-intro{margin:0 -26px;padding:0 26px;background:transparent}#UI-001 .brand.v2-brand{height:95px;min-height:95px;margin:0;padding:28px 2px 10px}#UI-001 .v2-logo{width:140px;height:46px}#UI-001 .hero{display:flex;flex-direction:column;height:auto;min-height:537px;margin:0 -26px;background:transparent;overflow:hidden}#UI-001 .hero>div:first-child{width:100%;max-width:none;padding:26px 26px 0}#UI-001 .hero h1{max-width:350px;margin:0 auto;font-size:39px;font-weight:500;line-height:1.14;letter-spacing:-.025em}#UI-001 .hero p{max-width:285px;margin:19px auto 0;color:var(--muted);font-size:14px;line-height:1.65}#UI-001 .hero>.mascot-scene{display:flex;flex:1 0 435px;align-items:flex-end;justify-content:center;width:100%;height:435px;margin:16px 0 -10px;overflow:hidden}#UI-001 .hero>.mascot-scene img{flex:none;width:auto;max-width:none;height:415px;object-fit:contain;object-position:center bottom;transform:none}#UI-001 .actions{position:relative;gap:0;margin:0;padding-top:0}#UI-001 .scan-button{min-height:66px;grid-template-columns:30px minmax(0,1fr) 30px;gap:12px;padding:12px 24px;border-radius:14px;text-align:center}#UI-001 .scan-button>svg:first-child,#UI-001 .scan-button>svg:last-child{width:27px;height:27px;padding:0;border:0;border-radius:0;background:none;stroke-width:1.3}#UI-001 .scan-button b{font:inherit}#UI-001 .scan-button small{display:none}#UI-001 .split-actions{justify-content:center;gap:24px;margin:8px 0 0}#UI-001 .split-actions button{flex:0 1 auto;min-height:50px;gap:9px;padding:0;color:#746258;font-size:13px;font-weight:400}#UI-001 .split-actions button+button{border-left:0}#UI-001 .split-actions svg{width:25px;height:25px;stroke-width:1.3}#UI-006 h2{max-width:370px;margin:1px 0 13px;font-size:34px}#UI-006>p{margin-bottom:21px}.air-comparison{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:84px;padding:0 0 19px;border-bottom:1px solid var(--line)}.air-comparison .photo.compact{display:grid;grid-template-columns:52px max-content;justify-content:start;justify-self:start;gap:8px;width:max-content;max-width:100%;min-width:0;min-height:66px;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--muted);text-align:left}.air-comparison .photo.compact img{width:52px;height:66px;border-radius:7px;object-fit:cover}.air-comparison .photo.compact span{position:static;align-self:center;padding:0;background:none;color:var(--muted);font-size:12px}.air-comparison-actions{display:flex;align-items:center;gap:4px}.air-photo-action{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;padding:0;border:0;border-radius:50%;background:none;color:#895c54}.air-photo-action:hover,.air-photo-action:focus-visible{background:#f5eee6}.air-photo-action svg{width:30px;height:30px;stroke-width:1.25}.candidate-list,.leader-list{gap:0}.candidate-list button,.candidate-list button:hover,.leader-list button.candidate-leader,.recommendation-list button{position:relative;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.candidate-list button:hover,.recommendation-list button:hover{background:#fbf6ec99}.candidate-list button{grid-template-columns:62px minmax(0,1fr) 20px;gap:18px;min-height:142px;padding:21px 0}.candidate-list .air-candidate-arrow{width:18px;height:18px;justify-self:center;color:#a28a7c}.candidate-list img,.candidate-list .missing-image,.leader-list img,.leader-list .missing-image{width:56px;height:98px;min-height:98px;margin:auto;border:0;border-radius:0;background:transparent;object-fit:contain}.candidate-list span{gap:5px;min-width:0}.candidate-list b{overflow-wrap:anywhere;color:var(--ink);font-size:16px;font-weight:500;line-height:1.35}.candidate-list small{overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}.leader-list button.candidate-leader{grid-template-columns:78px minmax(0,1fr) 20px;width:calc(100% + 52px);min-height:207px;margin-inline:-26px;padding:23px 26px 28px;border-inline:0;border-radius:0;background:linear-gradient(105deg,#f3e6da,#fbf6ee 68%,#fefdfa)}.leader-list .candidate-leader img,.leader-list .candidate-leader .missing-image{width:76px;height:132px;min-height:132px}.leader-list .candidate-leader b{font-size:20px;font-weight:500;line-height:1.3}.leader-list em{width:fit-content;max-width:100%;margin-bottom:0;padding:0;border-radius:0;background:none;color:var(--wine);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}#UI-006 .candidate-list{margin-top:0}#UI-006 .candidate-list+.secondary{margin-top:15px}#UI-006>.text-button{margin-top:0}#UI-007.page{padding-top:max(15px,calc(8px + var(--safe-area-top,env(safe-area-inset-top,0px))));font-family:Onest,sans-serif}#UI-007 .top{margin-bottom:13px}#UI-007 .top .save-header-action{color:var(--wine);font-weight:500}#UI-007 .result-hero{display:flex;flex-direction:column;align-items:center;min-height:0;margin:0 -26px;padding:0 26px 11px;text-align:center;background:radial-gradient(ellipse at 41% 35%,#f6ecde99,transparent 70%)}#UI-007 .result-shelf{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,42%);align-items:center;gap:11px;width:100%;min-height:270px}#UI-007 .result-shelf>img,#UI-007 .result-shelf>.missing-image{display:block;width:100%;height:255px;min-height:255px;margin:0;background:transparent;object-fit:contain}#UI-007 .result-facts{display:grid;align-content:center;gap:33px;min-width:0;margin:0;padding-left:5px;text-align:left}#UI-007 .result-fact{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-width:0;padding:0;border:0;overflow-wrap:anywhere}#UI-007 .result-fact dt{flex:0 0 22px;width:22px;height:22px;color:var(--wine)}#UI-007 .result-fact svg{display:block;width:22px;height:22px;opacity:.9}#UI-007 .result-fact dd{min-width:0;margin:0;color:var(--ink);text-align:left;font-size:22px;line-height:1.25;letter-spacing:-.025em;font-variant-numeric:tabular-nums}#UI-007 .result-fact--region dd{color:var(--muted);font-size:18px}#UI-007 .result-fact--region svg{opacity:.72}#UI-007 .demo-label{justify-content:center;font-size:9px}#UI-007 .result-winery{width:100%;margin:14px 0 8px;color:var(--muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}#UI-007 .result-hero h2{width:100%;max-width:380px;margin:0;font-family:Onest,sans-serif;font-size:clamp(29px,8vw,40px);font-weight:500;line-height:1.13;letter-spacing:-.035em;overflow-wrap:anywhere}#UI-007 .result-source{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:9px;color:var(--wine);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}#UI-007 .result-source span{margin-left:7px;font-size:17px;text-decoration:none}#UI-007 .result-source:focus-visible{outline:2px solid var(--wine);outline-offset:3px}#UI-007 .result-overview{margin:19px 0 0}#UI-007 .result-overview div{display:flex;align-items:center;min-height:56px;gap:14px;padding:13px 0;border-bottom:0;font-size:13px}#UI-007 .result-overview div:not(:last-child){border-bottom:1px solid var(--line)}#UI-007 .result-overview dt{flex:0 0 auto;color:var(--muted)}#UI-007 .result-overview dd{min-width:0;overflow-wrap:anywhere}#UI-007 .result-description{margin-top:18px;border-top:1px solid var(--line);color:var(--muted)}#UI-007 .result-description summary{display:flex;align-items:center;justify-content:space-between;min-height:55px;color:var(--ink);font-size:14px;cursor:pointer}#UI-007 .result-description summary:after{content:"+";color:var(--wine);font-size:20px;font-weight:300}#UI-007 .result-description[open] summary:after{content:"−"}#UI-007 .result-description p{margin:0 0 18px;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}#UI-007 .recommendations{margin-top:24px;padding-top:20px;border-color:var(--line)}#UI-007 .recommendations h3{font-family:Onest,sans-serif;font-weight:500}#UI-007 .recommendation-list{--gutter: 26px;grid-auto-rows:1fr}#UI-007 .recommendation-list button,#UI-007 .recommendation-list button.candidate-leader{grid-template-columns:62px minmax(0,1fr) 20px;gap:12px;width:100%;min-height:142px;margin-inline:0;padding:16px 0}#UI-007 .recommendation-list button.candidate-leader{z-index:0;background:transparent}#UI-007 .recommendation-list button.candidate-leader:before{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * var(--gutter));background:linear-gradient(105deg,#f8eee7,#fbf7f1 72%,#fefdfa);pointer-events:none}#UI-007 .recommendation-list .candidate-leader b{font-size:16px;line-height:1.35}#UI-007 .recommendation-list img,#UI-007 .recommendation-list .missing-image{width:56px;height:98px;min-height:98px}#UI-007 .result-actions{padding-top:24px}#UI-008 h2{max-width:360px;font-size:36px}#UI-008 form{margin:26px 0 14px;gap:8px}#UI-008 form label{color:var(--muted);font-size:12px;font-weight:400}#UI-008 .search-field{min-height:60px;overflow:visible;border:0;border-bottom:1px solid #c8b8aa;border-radius:0;background:transparent;box-shadow:none}#UI-008 .search-field:focus-within{border-bottom-color:var(--wine);box-shadow:0 1px 0 var(--wine)}#UI-008 .search-field input{height:60px;padding-left:0;color:var(--ink);font-size:16px}#UI-008 .search-field button{min-height:48px;min-width:48px;align-self:center;border-radius:50%;background:transparent;color:var(--wine)}#UI-008 .search-field button svg{width:25px;height:25px;stroke-width:1.3}#UI-008 .search-field .clear-search{color:var(--muted)}#UI-008 .manual-empty{display:flex;flex-direction:column;min-height:320px}#UI-008 .manual-empty>p{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}#UI-008 .air-search-mascot,#UI-008 .manual-empty .mascot-scene-browse{height:220px;margin:20px -10px 0}#UI-008 .air-search-mascot .mascot-scene-browse{height:100%;margin:0}#UI-008 .manual-empty .mascot-scene-browse img{width:100%;height:100%;max-height:none;object-fit:contain}#UI-008 .manual-empty .secondary{min-height:44px;margin-top:12px;border:0;background:transparent;color:var(--wine);font-size:13px;font-weight:400}#UI-008 .manual-empty+.text-button,#UI-008>.text-button{margin-top:14px}#UI-008 .candidate-list{margin-top:8px}#UI-008 .catalog-status{color:var(--muted)}#UI-008 .empty-catalog{border-bottom:1px solid var(--line)}#UI-016 .saved-heading{padding:0 0 18px}#UI-016 .saved-heading h2{font-size:34px}#UI-016 .saved-empty{min-height:440px}#UI-016 .mascot-scene-saved{width:100%;height:270px;margin:0 auto 8px}#UI-016 .mascot-scene-saved img{width:100%;height:100%;object-fit:contain}.app.camera-open .app-content{overflow:hidden;background:#403128}.app .camera-page{position:relative;isolation:isolate;width:100%;max-width:none;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 20px max(10px,env(safe-area-inset-bottom));background:#403128;color:#fff}.camera-header{position:relative;z-index:2}.camera-header .top{margin:-2px -8px 4px;color:#fff}.camera-header .top button:first-child{color:#fff;background:#1c151252}.camera-header .top b{font-size:15px;font-weight:500}.camera-header>p{margin:0;color:#fff;font-size:13px;line-height:1.4;text-align:center;text-shadow:0 1px 10px rgb(0 0 0 / 70%)}.camera-preview{position:absolute;z-index:0;inset:0;display:block;min-height:0;overflow:hidden}.camera-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(20 14 11 / 78%) 0%,transparent 34%,transparent 55%,rgb(20 14 12 / 88%) 100%);pointer-events:none}.camera-page .viewfinder{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;background:radial-gradient(ellipse at 50% 35%,#c7b39d,#6f5a52);box-shadow:none}.camera-page .viewfinder video{display:block;width:100%;height:100%;object-fit:cover}.camera-frame{z-index:1;inset:24% 12% 23%;border:0;border-radius:0;background:linear-gradient(#fff,#fff) left top / 28px 2px no-repeat,linear-gradient(#fff,#fff) left top / 2px 28px no-repeat,linear-gradient(#fff,#fff) right top / 28px 2px no-repeat,linear-gradient(#fff,#fff) right top / 2px 28px no-repeat,linear-gradient(#fff,#fff) left bottom / 28px 2px no-repeat,linear-gradient(#fff,#fff) left bottom / 2px 28px no-repeat,linear-gradient(#fff,#fff) right bottom / 28px 2px no-repeat,linear-gradient(#fff,#fff) right bottom / 2px 28px no-repeat;pointer-events:none}.camera-actions{position:relative;z-index:2;grid-row:3;display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;justify-items:center;padding:8px 0 12px}.camera-actions .shutter{width:88px;height:88px;margin:0;border:3px solid #fff;border-radius:50%;background:transparent;padding:5px}.camera-actions .shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.camera-actions .camera-gallery-action{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgb(255 255 255 / 40%);border-radius:50%;background:#2219165c;color:#fff}.camera-actions .camera-gallery-action svg{width:27px;height:27px;stroke-width:1.5}#UI-004{overflow-anchor:none}#UI-004 h2{max-width:380px;min-height:2.26em;font-size:33px}#UI-004 .mascot-scene-walk{height:230px;margin:16px -18px 0}#UI-004 .mascot-scene-walk img{height:100%;max-height:none;object-fit:contain}#UI-004 .air-waiting-discovery{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;min-height:170px;margin:5px 0 14px}#UI-004 .air-waiting-photo{position:relative;width:130px;height:150px;transform:rotate(-6deg)}#UI-004 .air-waiting-photo .photo{width:130px;min-height:150px;height:150px;margin:0;border:3px solid #fffaf4;border-radius:9px;box-shadow:0 11px 24px #4f31251e}#UI-004 .air-waiting-photo .photo img{width:100%;height:100%;object-fit:cover}#UI-004 .air-waiting-photo .photo span{display:none}#UI-004 .air-scan-viewport{position:absolute;z-index:2;inset:3px;overflow:hidden;border-radius:6px;pointer-events:none}#UI-004 .scan-line{position:absolute;inset:0;width:auto;height:auto;margin:0;background:linear-gradient(#fff,#fff) center 6% / calc(100% - 18px) 2px no-repeat;filter:drop-shadow(0 0 1px #fff);animation:air-waiting-vertical-scan 5.6s ease-in-out infinite}@keyframes air-waiting-vertical-scan{0%,to{background-position:center 6%}50%{background-position:center 94%}}#UI-004 .air-wine-note{min-width:0;color:#6a554d}#UI-004 .air-wine-note-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}#UI-004 .air-wine-note-header>span{color:var(--wine);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}#UI-004 .air-wine-note p{min-height:153px;margin:0;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.27;animation:air-wine-note-appear .35s ease-out both}@keyframes air-wine-note-appear{0%{opacity:0}to{opacity:1}}#UI-004 .status{color:var(--muted)!important;font-size:13px;font-weight:400}.air-note-toggle{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#895c54}.air-note-toggle svg{width:18px;height:18px;stroke-width:1.3}#UI-003 h2,#UI-003A h2,#UI-009 h2,#UI-010 h2,#UI-011 h2{font-size:34px}#UI-009>.top,#UI-010>.top{order:0}#UI-009>.mascot-scene-counter,#UI-010>.mascot-scene-offline,#UI-010>.mascot-scene-server{order:1}#UI-009>h2,#UI-010>h2{order:2}#UI-009>p,#UI-010>p{order:3}#UI-009>.air-recovery-photo,#UI-010>.air-recovery-photo{order:4}#UI-009>.missing-actions,#UI-010>.recovery-actions,#UI-010>.primary{order:5}#UI-009 .mascot-scene-counter,#UI-010 .mascot-scene-offline,#UI-010 .mascot-scene-server{height:245px;min-height:245px;margin:30px -10px 22px}#UI-009 .mascot-scene-counter img,#UI-010 .mascot-scene-offline img,#UI-010 .mascot-scene-server img{width:100%;height:100%;max-height:none;object-fit:contain}#UI-009 .missing-actions,#UI-010 .recovery-actions{display:grid;gap:8px;width:100%;margin-top:auto}#UI-009 .missing-actions .primary,#UI-010 .primary{min-height:56px;border-radius:13px}#UI-010>.primary{margin-top:auto}#UI-009 .missing-actions .secondary,#UI-010 .secondary{min-height:48px;border:0;background:transparent;font-size:14px;font-weight:400}.air-recovery-photo{display:flex;align-items:center;gap:12px;width:100%;margin-top:auto;padding:10px 0}.air-recovery-photo .photo.compact{display:grid;grid-template-columns:52px max-content;align-items:center;justify-content:start;justify-items:start;gap:8px;flex:0 1 auto;width:max-content;max-width:100%;min-width:0;height:66px;min-height:66px;max-height:66px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}.air-recovery-photo .photo.compact img{display:block;width:52px;height:66px;border-radius:7px;object-fit:cover}.air-recovery-photo .photo.compact span{display:block;position:static;padding:0;background:none;color:var(--muted);font-size:12px;text-align:left}.air-recovery-photo-actions{display:flex;align-items:center;gap:8px}#UI-009:has(>.air-recovery-photo)>.missing-actions,#UI-010:has(>.air-recovery-photo)>.primary{margin-top:8px}#UI-010 .state-icon{display:none}#UI-003 .state-icon,#UI-011 .state-icon{background:transparent}#UI-003 .state-icon svg,#UI-011 .state-icon svg{width:34px;height:34px;stroke-width:1.2}.photo-dialog .dialog-close{width:44px;height:44px;background:#fff}.photo-dialog .dialog-close svg{width:24px;height:24px;stroke-width:1.3}@media(max-width:390px){.app .page,#UI-001.page{padding-left:20px;padding-right:20px}#UI-001 .welcome-intro{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}#UI-001 .hero{margin-left:-20px;margin-right:-20px}#UI-001 .hero>div:first-child{padding-left:20px;padding-right:20px}#UI-001 .hero h1{font-size:35px}#UI-001 .scan-button{grid-template-columns:28px minmax(0,1fr) 28px;padding-left:17px;padding-right:17px}#UI-001 .split-actions button{font-size:12px}#UI-006 h2{font-size:32px}.candidate-list button{gap:12px}.leader-list button.candidate-leader{grid-template-columns:70px minmax(0,1fr) 18px;width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px}.leader-list .candidate-leader img,.leader-list .candidate-leader .missing-image{width:70px;height:122px;min-height:122px}.leader-list .candidate-leader b{font-size:18px}.air-photo-action{width:48px;height:52px;flex-basis:48px}.air-comparison-actions{gap:0}#UI-007 .result-hero{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}#UI-004 .air-waiting-discovery{grid-template-columns:110px minmax(0,1fr);gap:13px}#UI-004 .air-waiting-photo,#UI-004 .air-waiting-photo .photo{width:110px;height:130px;min-height:130px}#UI-004 .air-wine-note p{min-height:138px;font-size:18px}}@media(max-width:350px){#UI-007 .recommendation-list{--gutter: 20px}#UI-007 .result-shelf{grid-template-columns:minmax(0,1fr) 132px;gap:5px}#UI-007 .result-facts{padding-left:0}#UI-007 .result-fact{gap:7px}#UI-007 .result-fact dt,#UI-007 .result-fact svg{width:20px;height:20px}#UI-007 .result-fact dt{flex-basis:22px}#UI-007 .result-fact dd{font-size:19px}#UI-007 .result-fact--region dd{font-size:17px}}@media(min-width:351px)and (max-width:390px){#UI-007.page{padding-left:26px;padding-right:26px}#UI-007 .result-hero{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}}@media(max-height:850px){#UI-001 .brand.v2-brand{height:82px;min-height:82px;padding-top:20px}#UI-001 .hero{min-height:450px}#UI-001 .hero>div:first-child{padding-top:15px}#UI-001 .hero>.mascot-scene{flex-basis:315px;height:315px;margin-top:16px}#UI-001 .hero>.mascot-scene img{height:315px}#UI-004 .mascot-scene-walk{height:195px}#UI-009 .mascot-scene-counter,#UI-010 .mascot-scene-offline,#UI-010 .mascot-scene-server{height:205px;min-height:205px;margin-top:18px}}@media(max-height:740px){#UI-001 .brand.v2-brand{height:76px;min-height:76px;padding-top:17px}#UI-001 .hero{min-height:365px}#UI-001 .hero>div:first-child{padding-top:10px}#UI-001 .hero h1{font-size:33px}#UI-001 .hero p{margin-top:12px;font-size:13px}#UI-001 .hero>.mascot-scene{flex-basis:245px;height:245px;margin-top:2px}#UI-001 .hero>.mascot-scene img{height:245px}#UI-008 .air-search-mascot,#UI-008 .manual-empty .mascot-scene-browse{height:145px;margin-top:10px}#UI-004 .mascot-scene-walk{height:160px}#UI-004 .air-waiting-discovery{min-height:140px;grid-template-columns:110px minmax(0,1fr);gap:13px}#UI-004 .air-waiting-photo,#UI-004 .air-waiting-photo .photo{width:110px;height:130px;min-height:130px}#UI-004 .air-wine-note p{min-height:143px;font-size:17px}#UI-009 .mascot-scene-counter,#UI-010 .mascot-scene-offline,#UI-010 .mascot-scene-server{height:160px;min-height:160px;margin-top:8px}}@media(min-width:380px)and (max-width:400px)and (min-height:800px){#UI-001 .hero>.mascot-scene{flex-basis:375px;height:375px;margin-top:16px}#UI-001 .hero>.mascot-scene img{height:375px}}@media(max-height:600px){#UI-001 .hero{min-height:0}#UI-001 .hero>.mascot-scene{flex-basis:165px;height:165px;margin-top:6px}#UI-001 .hero>.mascot-scene img{height:165px}}@media(min-width:768px)and (max-width:1023px){#UI-006 .leader-list button.candidate-leader{width:100vw;margin-inline:calc((100% - 100vw)/2);padding-inline:calc((100vw - 480px)/2 + 26px)}}@media(min-width:1024px){.app-shell{background:radial-gradient(ellipse at 50% 20%,#fffdfa,#eee7df 60%,#ddd3c9)}.app-shell>.app{width:450px;border-color:#292724;box-shadow:0 0 0 2px #c8beb4,0 24px 70px #392d282b}.app-shell>.app .page{padding-left:26px;padding-right:26px}.app-shell>.app #UI-001.page{padding-left:26px;padding-right:26px;padding-top:0}.app-shell>.app #UI-001 .welcome-intro{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}.app-shell>.app #UI-001 .hero{margin-left:-26px;margin-right:-26px}.app-shell>.app #UI-007 .result-hero{margin-left:-26px;margin-right:-26px}.app-shell>.app .camera-page{width:100%;max-width:none;height:100%;max-height:none;grid-template-rows:auto minmax(0,1fr) auto;padding:max(10px,env(safe-area-inset-top)) 20px max(10px,env(safe-area-inset-bottom))}.app-shell>.app .camera-actions{display:grid;grid-template-columns:1fr 88px 1fr;grid-template-rows:auto;padding:8px 0 12px}}@media(max-height:500px)and (orientation:landscape){.app .camera-page{grid-template-columns:minmax(170px,1fr) minmax(240px,2fr) minmax(180px,1fr);grid-template-rows:minmax(0,1fr);gap:16px;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.camera-header{grid-column:1;align-self:start}.camera-header .top{margin:0 0 4px}.camera-header>p{margin:4px 0;font-size:12px}.camera-frame{inset:18% 28%}.camera-actions{grid-column:3;grid-row:1;grid-template-columns:1fr;grid-template-rows:1fr 88px 52px;gap:8px;align-self:stretch;padding:0}.camera-actions .shutter{grid-row:2}.camera-actions .camera-gallery-action{grid-row:3}}@media(prefers-reduced-motion:reduce){#UI-004 .scan-line{display:none}#UI-004 .air-wine-note p{animation:none}.primary:active,.scan-button:active{transform:none}.bottom-nav .nav-slider{transition:none}}@media(min-width:1024px)and (max-height:760px){.app-shell>.app #UI-001 .brand.v2-brand{height:56px;min-height:56px;padding-top:10px}.app-shell>.app #UI-001 .hero{min-height:320px}.app-shell>.app #UI-001 .hero>div:first-child{padding-top:12px}.app-shell>.app #UI-001 .hero>.mascot-scene{flex-basis:190px;height:190px;margin-top:4px}.app-shell>.app #UI-001 .hero>.mascot-scene img{height:190px;transform:none}}