:root{--green:#32D74B;--ink:#15552E;--white:#FFFFFF;--mint:color-mix(in srgb,var(--green) 9%,var(--white));--mint-strong:color-mix(in srgb,var(--green) 17%,var(--white));--line:color-mix(in srgb,var(--green) 23%,var(--white));--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;font-family:var(--font);color:var(--ink);background:var(--white);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;min-width:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,select,textarea{border-radius:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--green);outline-offset:3px}img,svg{display:block}img{max-width:100%}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}.material{display:block;flex-shrink:0;width:64px;height:64px;overflow:hidden}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:999px;padding:12px 23px;font-size:14px;line-height:1.35;font-weight:650;white-space:nowrap;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .22s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button-primary{background:var(--green);color:var(--ink)}.button-primary:hover{box-shadow:0 5px 0 var(--mint-strong)}.button-outline{background:var(--white);border-color:var(--ink)}.button-outline:hover{background:var(--mint)}.button-large{min-height:52px;padding:15px 25px;font-size:15px}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:7px 0;white-space:nowrap}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.icon-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--white)}.icon-button:hover{background:var(--mint)}.skip-link{position:fixed;left:20px;top:-100px;padding:14px 20px;background:var(--white);border:2px solid var(--ink);z-index:100}.skip-link:focus{top:12px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:650;display:flex;align-items:center;gap:8px}.eyebrow.small{font-size:10px;letter-spacing:2px}.little-dot{width:7px;height:7px;background:var(--green);border-radius:50%}.heading-dot{position:relative;color:var(--ink)}.heading-dot:after{content:'';position:absolute;background:var(--green);width:13px;height:13px;bottom:9px;right:3px;border-radius:50%;z-index:-1}.soft-pill{display:inline-flex;align-items:center;gap:7px;background:var(--mint);border:1px solid var(--line);padding:9px 14px;border-radius:99px;font-size:12px;white-space:nowrap}.mini-tag{display:inline-flex;border:1px solid var(--line);background:var(--mint);border-radius:6px;padding:4px 8px;font-size:10px;line-height:1.4}
.site-header{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand-logo{width:100px;height:48px}.brand-divider{height:28px;width:1px;background:var(--line)}.brand-tagline{font-size:11px;line-height:1.6;letter-spacing:1px}.desktop-nav{display:flex;align-items:center;gap:36px}.nav-link{position:relative;font-size:14px;padding:33px 0 31px;font-weight:500}.nav-link:after{content:'';position:absolute;bottom:18px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--green);transform:translateX(-50%) scale(0);transition:transform .2s}.nav-link.active{font-weight:700}.nav-link.active:after{transform:translateX(-50%) scale(1)}.nav-link:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:24px}.header-checkin{min-height:40px;font-size:12px;padding:10px 18px}.account-button{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint-strong);font-size:14px;font-weight:650}.mobile-nav{display:none}
.hero{position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:500px;padding-block:44px 36px;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,4.5vw,67px);line-height:1.28;letter-spacing:-2.5px;font-weight:800;margin:22px 0 19px}.highlight-word{position:relative;display:inline-block}.highlight-word:after{content:'';position:absolute;left:0;right:-8px;height:13px;bottom:5px;z-index:-1;background:var(--green);border-radius:9px;transform:rotate(-1deg)}.word-rays{position:absolute;right:-36px;top:-8px;transform:rotate(15deg);color:var(--ink)}.hero-description{font-size:15px;line-height:1.95;margin:0 0 25px;letter-spacing:.6px}.hero-buttons{display:flex;align-items:center;gap:12px}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:26px;font-size:10px;letter-spacing:.3px}.hero-bottom>span{display:flex;gap:5px;align-items:center}.hero-separator{width:1px;height:12px;background:var(--line)}.hero-art{position:relative;height:430px;overflow:hidden;border-radius:40px;margin-right:-20px}.hero-art>img{position:absolute;height:100%;width:175%;max-width:none;right:0;object-fit:cover;object-position:right center}.hero-sticker{position:absolute;bottom:45px;right:20px;display:flex;gap:9px;align-items:center;background:var(--white);border:1px solid var(--line);padding:8px 18px 8px 10px;border-radius:16px;box-shadow:0 7px 24px color-mix(in srgb,var(--ink) 10%,transparent);transform:rotate(-5deg);animation:sticker-in .7s .15s both}.hero-sticker .material{width:40px;height:40px}.hero-sticker span{font-size:10px;line-height:1.7}.hero-sticker strong{display:block;font-size:13px}.art-note{position:absolute;right:36px;top:10px;font-size:9px;letter-spacing:2px}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:7px;margin-bottom:69px}.quick-link{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:20px 17px;background:var(--mint);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}.quick-link:hover{transform:translateY(-4px);box-shadow:0 7px 0 var(--mint-strong)}.quick-icon{width:56px;height:60px;mix-blend-mode:multiply}.quick-link>span:not(.quick-number){position:relative;z-index:1}.quick-link strong{display:block;font-size:15px;font-weight:700;letter-spacing:.3px}.quick-link small{display:block;font-size:10px;margin-top:8px;line-height:1.6;white-space:nowrap}.quick-link>.icon{margin-left:auto;width:16px}.quick-number{position:absolute;right:11px;top:7px;font-size:9px;letter-spacing:1px}
.recommendations{scroll-margin-top:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading h2{font-size:29px;letter-spacing:-.7px;margin:10px 0 9px;position:relative;isolation:isolate}.section-heading p{font-size:12px;margin:0;line-height:1.8}.section-heading>.text-button{margin-bottom:3px}.search-bar{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:var(--mint);border-radius:18px;padding:0 21px;min-height:62px}.search-bar>input{border:0;background:none;flex:1;min-width:0;padding:19px 0;font-size:13px;outline:none}.search-bar>input:focus{outline:none}.search-bar:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px var(--mint-strong)}input::placeholder,textarea::placeholder{color:var(--ink);opacity:.65}.search-divider{width:1px;height:24px;background:var(--line)}.district-select{display:flex;align-items:center;gap:6px;flex-shrink:0}.district-select select{font-size:12px;border:0;appearance:none;background:none;padding:8px 3px;cursor:pointer;width:79px}.category-row{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px 25px}.category-chip{border-radius:999px;padding:9px 17px;font-size:12px;background:var(--white);border:1px solid var(--line);transition:background .2s,transform .2s}.category-chip:hover{background:var(--mint);transform:translateY(-1px)}.category-chip.active{background:var(--mint-strong);border-color:var(--green);font-weight:650}.results-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px;gap:15px}.grade-tabs{display:flex;align-items:center;gap:4px;background:var(--mint);border-radius:99px;padding:4px}.grade-tabs>button{display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:99px;font-size:12px;min-height:33px}.grade-tabs>button.active{background:var(--white);box-shadow:0 2px 7px color-mix(in srgb,var(--ink) 8%,transparent);font-weight:700}.result-controls{display:flex;align-items:center;gap:22px;font-size:11px}.sort-select{display:flex;align-items:center;gap:4px}.sort-select select{border:0;appearance:none;background:none;font-size:11px;cursor:pointer;padding:8px 0;max-width:110px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 24px}.shop-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--white);transition:transform .25s,box-shadow .25s;animation:card-in .45s calc(var(--order,0)*45ms) both}.shop-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px color-mix(in srgb,var(--ink) 8%,transparent)}.shop-art{position:relative;height:210px;background:var(--mint);overflow:hidden;isolation:isolate}.shop-card:nth-child(3n+2) .shop-art{background:var(--mint-strong)}.shop-art:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid var(--line);top:35px;left:calc(50% - 100px);z-index:-1}.art-open{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;width:100%;height:100%;padding:14px 28px 28px}.food-art{width:100%;height:100%;display:block;mix-blend-mode:multiply;transition:transform .35s}.art-open:hover .food-art{transform:scale(1.045) rotate(-2deg)}.food-art-coffee{width:100px;height:143px}.food-art-salad{width:190px;height:146px}.food-art-feast{width:285px;height:160px}.art-caption{position:absolute;bottom:13px;left:18px;font-size:9px;letter-spacing:1.5px}.grade-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;border-radius:99px;white-space:nowrap}.grade-top{background:var(--green);border:1px solid var(--green)}.grade-top .icon{fill:currentColor}.grade-hang{background:var(--white);border:1px solid var(--ink)}.shop-art>.grade-badge{position:absolute;left:16px;top:15px;padding:7px 10px}.favorite-button{position:absolute;right:13px;top:12px;width:34px;height:34px;display:grid;place-items:center;background:var(--white);border:1px solid var(--line);border-radius:50%;transition:transform .2s}.favorite-button:hover{transform:scale(1.1)}.favorite-button.saved{background:var(--green);border-color:var(--green)}.favorite-button.saved .icon{fill:var(--ink)}.shop-content{padding:20px 20px 16px}.shop-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-title>button{padding:0;text-align:left}.shop-title h3{font-size:19px;letter-spacing:-.3px;margin:0;font-weight:700}.shop-title>button:hover h3{text-decoration:underline;text-underline-offset:5px}.price{font-size:11px;white-space:nowrap}.price strong{font-size:17px;font-weight:700;margin-left:2px}.price small{font-size:10px;margin-left:2px}.shop-location{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:10px;line-height:1.7;margin:9px 0 0}.shop-location>span{margin-inline:2px}.shop-dishes{font-size:12px;line-height:1.6;margin:12px 0 18px}.shop-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px}.card-open{width:28px;height:28px;display:grid;place-items:center;background:var(--mint);border-radius:50%;transition:transform .2s}.card-open:hover{transform:rotate(45deg);background:var(--green)}.illustration-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:10px;line-height:1.8;margin:22px 0 0}.illustration-note>.icon{margin-top:2px}
.site-footer{padding-block:33px 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand>.material{width:75px;height:35px}.footer-brand>span{font-size:11px;letter-spacing:1px}.footer-links{display:flex;align-items:center;gap:25px}.footer-links button{display:flex;align-items:center;gap:4px;padding:8px 0;font-size:11px}.footer-links button:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{margin-top:23px;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.4px}.footer-bottom>span:last-child{letter-spacing:1.7px;font-size:8px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.page-heading h1{font-size:36px;letter-spacing:-1px;margin:13px 0 12px;isolation:isolate}.page-heading p{font-size:13px;margin:0;line-height:1.8}.map-page,.checkin-page,.my-page{padding-block:46px 70px;min-height:65vh}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:290px;padding:45px 25px;background:var(--mint);border:1px dashed var(--line);border-radius:22px}.empty-state>.material{width:72px;height:72px;mix-blend-mode:multiply}.empty-state>h3{font-size:20px;margin:18px 0 10px}.empty-state>p{font-size:12px;line-height:1.9;max-width:360px;margin:0 0 20px}.empty-state>.button{font-size:12px;min-height:42px}
.map-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px}.small-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:0 17px;min-height:42px;max-width:350px;flex:1}.small-search input{width:100%;min-width:0;border:0;padding:11px 0;background:none;font-size:12px}.small-search input:focus{outline:none}.select-wrap{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:99px;padding:0 16px;min-height:42px;background:var(--white)}.select-wrap select{appearance:none;border:0;background:none;font-size:12px;padding:11px 25px 11px 0;cursor:pointer;width:100%;outline:none}.select-wrap>.icon{position:absolute;right:14px;pointer-events:none}.select-wrap:focus-within{outline:2px solid var(--green);outline-offset:2px}.map-filters>.text-button{margin-left:auto}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);border-radius:25px;overflow:hidden;min-height:600px}.map-canvas{position:relative;min-height:600px;background:var(--mint);overflow:hidden;isolation:isolate}.map-base{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-75%);padding:0;transition:transform .22s;z-index:1}.map-pin>.material{width:49px;height:57px;filter:drop-shadow(0 3px 0 var(--white))}.map-pin>span{font-size:10px;font-weight:700;white-space:nowrap;border-radius:99px;background:var(--white);padding:5px 9px;border:1px solid var(--line);margin-top:-5px}.map-pin.selected{z-index:3;transform:translate(-50%,-75%) scale(1.16)}.map-pin.selected>span{background:var(--green);border-color:var(--ink)}.map-pin:hover{z-index:4;transform:translate(-50%,-85%) scale(1.1)}.map-label{position:absolute;top:18px;left:18px;background:var(--white);border-radius:99px;display:flex;align-items:center;gap:5px;padding:9px 12px;font-size:10px;border:1px solid var(--line)}.map-sidebar{background:var(--white);border-left:1px solid var(--line);display:flex;flex-direction:column}.map-list-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 17px;font-size:13px}.map-list-heading>span{font-size:10px}.map-list-item{padding:14px 17px;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid var(--line);transition:background .2s}.map-list-item.active,.map-list-item:hover{background:var(--mint)}.map-item-art{width:65px;height:65px;background:var(--mint);border-radius:14px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.map-item-art>.food-art{width:72px;height:60px}.map-item-art>.food-art-coffee{width:40px;height:55px}.map-item-art>.food-art-salad{width:60px;height:50px}.map-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.map-item-copy>strong{display:flex;align-items:center;gap:5px;font-size:13px}.map-item-copy .grade-badge{font-size:9px;padding:3px 6px}.map-item-copy .grade-badge .icon{width:10px;height:10px}.map-item-copy>small{font-size:10px}.map-item-copy>span{font-size:11px}.map-list-item>.icon{transform:rotate(-90deg);width:13px}.map-active-summary{padding:16px 20px 20px;margin-top:auto}.map-active-summary>p{font-size:11px;margin:0 0 13px}.map-active-summary>.button{font-size:12px;min-height:42px}
.checkin-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:52px;align-items:start}.checkin-panel{border:1px solid var(--line);border-radius:26px;overflow:hidden;scroll-margin-top:110px}.steps{display:flex;align-items:center;padding:23px 25px;gap:12px;background:var(--mint);border-bottom:1px solid var(--line)}.step{display:flex;align-items:center;gap:8px;flex:1;position:relative;font-size:11px}.step:not(:last-child):after{content:'';height:1px;flex:1;background:var(--line);margin-left:5px}.step>span{display:grid;place-items:center;width:24px;height:24px;background:var(--white);border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:10px}.step>strong{font-weight:500;white-space:nowrap}.step.active>span{background:var(--green);border-color:var(--green)}.step.active>strong{font-weight:700}.form-section{padding:30px}.form-title{margin-bottom:24px}.form-title h2{font-size:22px;letter-spacing:-.6px;margin:0 0 10px}.form-title>span{font-size:11px}.dropzone{border:1px dashed var(--green);background:var(--mint);border-radius:18px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:28px 12px 24px;cursor:pointer;transition:background .2s,transform .2s}.dropzone:hover,.dropzone.dragover{background:var(--mint-strong);transform:translateY(-2px)}.dropzone>.material{width:62px;height:68px;mix-blend-mode:multiply;margin-bottom:12px}.dropzone>strong{font-size:14px;margin-bottom:6px}.dropzone>p{font-size:11px;margin:5px 0 10px}.dropzone>small{font-size:9px;line-height:1.7}.photo-previews{display:flex;gap:10px;flex-wrap:wrap}.photo-previews:not(:empty){margin-top:14px}.photo-thumb{position:relative;width:90px}.photo-thumb>img{width:90px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.photo-thumb>button{position:absolute;top:4px;right:4px;border-radius:50%;background:var(--white);display:grid;place-items:center;width:22px;height:22px}.photo-thumb>span{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;margin:23px 0 10px}.field-label>span{font-size:10px;font-weight:400}.form-section input:not([type=checkbox]),.form-section textarea,.login-dialog input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:13px 14px;font-size:12px;line-height:1.8}.form-section textarea{resize:vertical;min-height:100px;max-height:350px}.input-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.6;margin:8px 0 23px}.form-footnote{text-align:center;font-size:9px;line-height:1.8;margin:12px 0 0}.checkin-aside{padding-top:10px}.aside-art{width:100%;height:300px;overflow:hidden;border-radius:25px;background:var(--mint)}.aside-art>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.checkin-aside>h3{font-size:20px;letter-spacing:-.4px;margin:25px 0 11px}.checkin-aside>p{font-size:12px;line-height:2;margin:0}.checkin-tips{display:flex;flex-direction:column;gap:15px;font-size:12px;margin:26px 0}.checkin-tips>span{display:flex;align-items:center;gap:10px}.demo-notice{display:flex;align-items:flex-start;gap:8px;padding:13px 15px;border-radius:13px;background:var(--mint);border:1px solid var(--line);font-size:10px;line-height:1.9}.demo-notice>p{margin:0}.demo-notice>.icon{margin-top:2px}.form-select{border-radius:12px;min-height:48px}.form-select select{padding:13px 22px 13px 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.form-actions>.button{font-size:12px}.success-panel{min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 25px;text-align:center}.success-panel>.material{width:90px;height:90px;margin-bottom:18px}.success-panel>h2{font-size:28px;letter-spacing:-.7px;line-height:1.6;margin:20px 0 13px}.success-panel>p{font-size:12px;line-height:2;margin:0 0 24px}.success-panel>.text-button{margin-top:17px;font-size:11px}.profile-avatar{width:80px;height:80px;background:var(--white);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:34px;font-weight:600;overflow:hidden}.profile-avatar>.material{width:64px;height:64px}.my-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 28px;border-bottom:1px solid var(--line)}.my-tabs{display:flex;gap:28px}.my-tabs>button{position:relative;display:flex;align-items:center;gap:7px;padding:0 0 17px;font-size:14px}.my-tabs>button.active{font-weight:700}.my-tabs>button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green);border-radius:4px}.my-tabs>button>span{font-size:10px;background:var(--mint);padding:3px 7px;border-radius:99px}.my-toolbar>.text-button{font-size:10px;padding-bottom:16px}.my-content{min-height:300px}.checkin-timeline{display:flex;flex-direction:column;gap:20px}.record-card{border:1px solid var(--line);border-radius:22px;padding:22px}.record-date{display:flex;align-items:center;gap:7px;font-size:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}.record-date>span{margin-left:auto;font-size:10px}.record-main{display:flex;align-items:flex-start;gap:22px;padding-top:18px}.record-art{width:150px;height:135px;flex-shrink:0;overflow:hidden;background:var(--mint);border-radius:18px;display:grid;place-items:center}.record-art .food-art{width:145px;height:115px}.record-art .food-art-coffee{width:62px;height:103px}.record-art .food-art-salad{width:130px;height:110px}.record-copy{flex:1;min-width:0}.record-title{display:flex;align-items:center;gap:12px}.record-title h2{font-size:20px;margin:0}.record-dish{display:block;font-size:12px;margin-top:14px}.record-copy>p:last-child{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.record-main>.icon-button{border:1px solid var(--line);flex-shrink:0}
dialog{border:1px solid var(--line);border-radius:28px;color:var(--ink);background:var(--white);padding:0;max-width:min(490px,calc(100% - 32px));width:100%;max-height:90dvh;overflow:auto;box-shadow:0 24px 90px color-mix(in srgb,var(--ink) 22%,transparent);overscroll-behavior:contain}dialog::backdrop{background:color-mix(in srgb,var(--ink) 28%,transparent);backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .25s cubic-bezier(.22,1,.36,1)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:15px;top:15px;z-index:3;box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 8%,transparent);border:1px solid var(--line)}.login-dialog{padding:35px 37px 38px;text-align:center}.login-logo{width:105px;height:50px;margin:0 auto 15px}.login-art{display:flex;justify-content:center}.login-art>.material{width:88px;height:80px}.login-dialog>h2{font-size:25px;letter-spacing:-.6px;margin:12px 0}.login-dialog>p{font-size:11px;line-height:1.9;margin:0 0 20px}.login-dialog form{text-align:left}.login-dialog .field-label{margin-top:15px}.login-dialog .button{font-size:13px}.detail-dialog{max-width:min(680px,calc(100% - 32px))}.detail-art{height:230px;background:var(--mint);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-art>.food-art{width:320px;height:215px}.detail-art>.food-art-coffee{width:130px;height:190px}.detail-art>.food-art-salad{width:240px;height:190px}.detail-art-tag{position:absolute;left:27px;bottom:18px;font-size:10px;letter-spacing:1px}.detail-body{padding:29px 30px}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-title h2{font-size:29px;letter-spacing:-.6px;margin:11px 0 0}.detail-price{font-size:14px;white-space:nowrap}.detail-price>strong{font-size:29px;margin-left:3px}.detail-price>small{font-size:11px;margin-left:3px}.detail-description{font-size:12px;line-height:2;margin:21px 0 14px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-section{margin-top:25px}.detail-section h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 15px}.dish-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.dish-line>.grade-badge{font-size:9px;padding:4px 7px}.dish-line>strong{margin-left:auto;font-size:12px}.detail-section>p{font-size:12px;line-height:2;margin:0}.detail-location{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--mint);padding:15px;border:1px solid var(--line);border-radius:13px;margin:24px 0}.detail-location>span{display:flex;align-items:center;gap:10px}.detail-location strong{font-size:11px;display:block}.detail-location small{font-size:9px;display:block;margin-top:6px;line-height:1.7}.detail-location>.text-button{font-size:10px}.detail-actions{display:flex;align-items:center;gap:12px}.detail-actions>.button{flex:1;padding-inline:13px;font-size:12px}.detail-actions .is-saved{background:var(--mint)}.detail-actions .is-saved .icon{fill:var(--ink)}.message-dialog{padding:45px 35px 35px;text-align:center}.message-dialog>.icon{margin-bottom:12px}.message-dialog h2{font-size:24px;letter-spacing:-.5px;margin:14px 0}.message-dialog>p{font-size:12px;line-height:2;margin:0 0 25px}.message-dialog .demo-notice{text-align:left;margin-bottom:25px}.message-dialog .form-actions{justify-content:center}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);padding:13px 22px;border:1px solid var(--line);border-radius:99px;background:var(--white);box-shadow:0 8px 35px color-mix(in srgb,var(--ink) 15%,transparent);font-size:12px;line-height:1.6;max-width:min(500px,calc(100% - 30px));width:max-content;z-index:100;opacity:0;pointer-events:none;transition:transform .22s,opacity .22s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker-in{from{opacity:0;transform:translateY(15px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.hero{min-height:530px}.hero-art{height:460px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header-inner{gap:18px}.desktop-nav{gap:24px}.brand-tagline,.brand-divider{display:none}.hero h1{font-size:55px}.hero-art{height:400px;margin-right:0}.hero-sticker{right:7px;bottom:35px}.hero-buttons{gap:9px}.hero-buttons .button{padding-inline:18px;font-size:13px}.quick-link{padding:19px 13px;gap:8px}.quick-icon{width:45px;height:53px}.quick-link>.icon{display:none}.quick-link small{font-size:9px}.quick-link strong{font-size:14px}.shop-grid{gap:19px}.shop-art{height:190px}.shop-content{padding:17px}.shop-title h3{font-size:17px}.map-layout{grid-template-columns:minmax(0,1fr) 285px}.map-item-copy>strong{font-size:12px}.map-list-item{padding:13px 12px;gap:8px}.map-item-art{width:54px;height:58px}.checkin-layout{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.form-section{padding:25px}.steps{padding:21px 20px;gap:8px}.step{gap:5px;font-size:10px}.step:not(:last-child):after{margin-left:1px}.aside-art{height:265px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.header-inner{height:73px}.desktop-nav{gap:19px}.nav-link{font-size:12px;padding-block:27px}.nav-link:after{bottom:13px}.brand-logo{width:86px;height:42px}.header-actions{gap:13px}.header-checkin{padding:9px 13px;font-size:11px;min-height:36px}.header-checkin .icon{width:15px}.account-button{font-size:12px}.hero{grid-template-columns:48% 52%;min-height:410px;padding-block:25px}.hero h1{font-size:46px;letter-spacing:-2px;margin-block:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:21px}.hero-buttons{flex-wrap:wrap;gap:8px}.hero-buttons .button{min-height:43px;padding:11px 16px;font-size:11px}.hero-buttons .button .icon{width:16px}.hero-bottom{font-size:8px;gap:9px;margin-top:20px}.hero-art{height:355px;border-radius:25px}.hero-sticker{right:0;bottom:20px;padding:7px 11px 7px 7px;gap:5px}.hero-sticker .material{width:32px;height:33px}.hero-sticker span{font-size:8px}.hero-sticker strong{font-size:10px}.art-note{font-size:7px;letter-spacing:1px;right:5px}.word-rays{right:-26px}.word-rays>.icon{width:22px}.quick-links{gap:10px;margin-bottom:48px}.quick-link{flex-direction:column;align-items:flex-start;padding:14px 15px;gap:4px;border-radius:17px}.quick-icon{height:46px;width:45px}.quick-link strong{font-size:13px}.quick-link small{font-size:9px;margin-top:6px;white-space:normal}.section-heading h2{font-size:25px}.section-heading p{font-size:11px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-art{height:195px}.footer-links{gap:16px}.footer-brand{gap:13px}.footer-brand>span{font-size:10px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:12px}.footer-bottom>span:last-child{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.page-heading .soft-pill{font-size:10px;padding:8px 11px}.map-layout{grid-template-columns:minmax(0,1fr) 245px;min-height:550px}.map-canvas{min-height:550px}.map-item-art{width:45px;height:49px}.map-item-copy>strong{font-size:11px;gap:3px}.map-item-copy .grade-badge{font-size:8px;padding:3px 5px}.map-item-copy .grade-badge .icon{display:none}.map-pin>span{font-size:8px}.map-pin>.material{width:39px;height:48px}.map-list-item{gap:7px;padding:13px 10px}.map-item-copy>small{font-size:9px}.map-list-heading{padding-inline:14px;font-size:12px}.map-active-summary{padding-inline:14px}.checkin-layout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.checkin-aside>h3{font-size:17px}.checkin-aside>p{font-size:11px}.checkin-tips{font-size:10px;gap:12px}.aside-art{height:220px}.form-section{padding:20px}.form-title h2{font-size:20px}.steps{padding:19px 14px;gap:6px}.step{font-size:9px;gap:5px}.step>span{width:21px;height:21px;font-size:9px}.step:not(:last-child):after{display:none}.profile-avatar{width:68px;height:68px}}
@media(max-width:600px){:root{scroll-padding-top:84px}.shell{width:calc(100% - 36px)}.site-header{border-bottom-color:var(--line)}.header-inner{height:68px;gap:12px}.brand-logo{width:82px;height:40px}.desktop-nav{display:none}.header-actions{gap:12px}.header-checkin{padding:9px 13px;font-size:11px}.account-button{font-size:11px}.account-button>.icon{width:17px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:27px 12px;min-height:0}.hero-copy{padding-left:3px}.hero h1{font-size:49px;line-height:1.26;letter-spacing:-2px;margin-block:17px 15px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-description{font-size:12px;margin-bottom:20px;line-height:1.9}.hero-description br{display:none}.hero-buttons{flex-wrap:nowrap;gap:10px}.hero-buttons>.button{min-height:45px;padding:12px 19px;font-size:12px}.hero-bottom{font-size:9px;margin-top:20px}.hero-art{height:270px;border-radius:25px;margin-top:11px;margin-right:0}.hero-art>img{width:175%;height:100%;right:0;object-position:right 63%}.hero-sticker{bottom:23px;right:11px;transform:rotate(-4deg)}.hero-sticker .material{width:33px;height:34px}.hero-sticker strong{font-size:11px}.art-note{right:10px;top:8px;font-size:7px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;margin-bottom:40px}.quick-link{flex-direction:row;align-items:center;padding:15px 11px;gap:7px;border-radius:17px}.quick-icon{width:44px;height:49px}.quick-link strong{font-size:13px;letter-spacing:0}.quick-link small{font-size:8px;line-height:1.7;white-space:nowrap;margin-top:5px}.quick-number{font-size:8px;top:6px;right:8px}.section-heading{margin-bottom:22px;gap:8px}.section-heading h2{font-size:25px;margin:10px 0}.section-heading p{font-size:10px}.section-heading>.text-button{font-size:10px;gap:4px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.search-bar{gap:9px;min-height:55px;padding-inline:14px;border-radius:15px}.search-bar>.icon{width:19px}.search-bar>input{font-size:11px;padding-block:17px}.district-select{gap:3px}.district-select>.icon{width:14px}.district-select select{font-size:10px;width:66px}.district-select>.icon:last-child{width:12px}.search-divider{height:20px}.category-row{flex-wrap:nowrap;overflow:auto;margin:8px -18px 17px;padding:8px 18px;gap:8px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:8px 13px;font-size:11px}.results-toolbar{gap:8px;margin-bottom:17px;padding-bottom:14px}.grade-tabs>button{padding:8px 10px;font-size:10px;gap:3px;min-height:30px}.grade-tabs>button>.icon{width:12px;height:12px}.grade-tabs{padding:3px;gap:1px}.result-controls{gap:9px;font-size:9px}.sort-select{gap:2px}.sort-select select{font-size:9px;max-width:84px}.sort-select .icon{width:11px}.shop-grid{gap:13px 11px}.shop-card{border-radius:18px}.shop-art{height:155px}.art-open{padding:21px 8px 20px}.food-art-feast{width:175px;height:120px}.food-art-coffee{width:70px;height:105px}.food-art-salad{width:133px;height:100px}.shop-art>.grade-badge{left:10px;top:10px;padding:5px 7px;font-size:9px;gap:3px}.shop-art>.grade-badge>.icon{width:11px;height:11px}.favorite-button{width:28px;height:28px;right:8px;top:8px}.favorite-button>.icon{width:16px;height:16px}.art-caption{font-size:7px;letter-spacing:.5px;left:10px;bottom:10px}.shop-content{padding:14px 11px 11px}.shop-title{flex-wrap:wrap;gap:5px}.shop-title h3{font-size:15px;letter-spacing:-.5px}.price{font-size:9px}.price strong{font-size:13px}.price small{font-size:8px}.shop-location{font-size:8px;gap:2px;line-height:1.7;margin-top:6px}.shop-location>.icon{width:10px;height:10px}.shop-location>span{margin-inline:0}.shop-dishes{font-size:9px;margin:10px 0 12px;line-height:1.8;min-height:32px}.shop-card-bottom{padding-top:9px;gap:5px}.mini-tag{padding:3px 5px;font-size:8px;border-radius:5px}.card-open{width:23px;height:23px}.card-open>.icon{width:15px;height:15px}.illustration-note{font-size:8px;line-height:1.8;text-align:left;justify-content:flex-start;gap:5px;margin-top:17px}.illustration-note>.icon{width:12px;height:12px;flex-shrink:0}.site-footer{padding:26px 0 105px}.footer-top{align-items:flex-start;gap:15px}.footer-brand{align-items:flex-start;flex-direction:column;gap:8px}.footer-brand>.material{width:68px;height:32px}.footer-brand>span{font-size:9px;letter-spacing:.4px}.footer-links{flex-direction:column;align-items:flex-end;gap:2px}.footer-links button{font-size:9px;padding-block:5px}.footer-bottom{font-size:8px;line-height:1.8;margin-top:17px;gap:4px;flex-direction:column}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);box-shadow:0 -4px 18px color-mix(in srgb,var(--ink) 5%,transparent)}.mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:43px;font-size:9px}.mobile-nav>a>.icon{width:21px;height:21px}.mobile-nav>a.active>.icon{fill:var(--mint-strong);stroke-width:2}.mobile-nav>a.active{font-weight:750}.mobile-nav>a[href='#checkin']>.icon{width:25px;height:25px;padding:3px;box-sizing:content-box;background:var(--green);border-radius:11px;margin-top:-11px}.mobile-nav>a[href='#checkin']{gap:3px}.toast{bottom:89px;font-size:11px;padding:11px 18px;border-radius:17px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.page-heading h1{font-size:29px;margin-block:11px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading>.text-button{align-self:flex-end;font-size:10px;margin-top:-13px}.page-heading .soft-pill{padding:7px 10px;font-size:9px}.map-page,.checkin-page,.my-page{padding-top:29px;padding-bottom:42px}.map-filters{gap:8px;flex-wrap:wrap;margin-bottom:15px}.small-search{padding-inline:12px;min-height:39px;max-width:none}.small-search input{font-size:11px}.select-wrap{min-height:39px;padding-inline:11px}.select-wrap select{font-size:11px;padding-right:17px}.select-wrap>.icon{right:9px}.map-filters>.text-button{font-size:10px;gap:4px}.map-layout{display:flex;flex-direction:column;min-height:0;border-radius:20px}.map-canvas{min-height:385px}.map-sidebar{border-left:0;border-top:1px solid var(--line)}.map-list-heading{padding:20px 17px 12px}.map-list-item{padding:13px 17px;gap:12px}.map-item-art{width:60px;height:58px}.map-item-copy>strong{font-size:13px;gap:7px}.map-item-copy>small{font-size:10px}.map-item-copy .grade-badge{font-size:9px;padding:4px 7px}.map-item-copy .grade-badge>.icon{display:inline-block}.map-active-summary{padding:18px 17px}.map-pin>span{font-size:9px}.map-label{font-size:9px;padding:8px 10px;left:12px;top:12px}.checkin-layout{display:flex;flex-direction:column;gap:28px}.checkin-panel{width:100%;border-radius:22px}.steps{padding:20px 17px;gap:7px}.step{font-size:10px;gap:7px}.step>span{width:23px;height:23px}.checkin-aside{display:none}.aside-art{display:none}.checkin-aside>h3{font-size:19px;margin-top:0}.checkin-aside>p{font-size:11px}.checkin-tips{font-size:11px;margin:20px 0}.checkin-aside>.demo-notice{font-size:10px}.form-section{padding:23px 19px}.form-title{margin-bottom:22px}.form-title h2{font-size:21px}.form-title>span{font-size:10px}.dropzone{padding:23px 12px}.dropzone>strong{font-size:13px}.dropzone>p{font-size:10px}.dropzone>small{font-size:8px}.dropzone>.material{height:62px;width:58px}.field-label{font-size:11px}.form-section input:not([type=checkbox]),.form-section textarea{font-size:12px;padding:12px}.form-section textarea{min-height:115px}.form-select select{font-size:11px}.form-actions{gap:8px;justify-content:space-between}.form-actions>.button{padding-inline:16px;font-size:11px}.success-panel{padding:40px 20px;min-height:440px}.success-panel h2{font-size:26px}.success-panel p{font-size:11px}.profile-info .eyebrow{font-size:7px;letter-spacing:1.1px}.profile-avatar{width:55px;height:55px;font-size:25px}.profile-avatar>.material{width:48px;height:48px}.profile-banner>.button{min-height:39px;padding:10px 17px}.my-toolbar{margin:27px 0 22px;gap:9px}.my-tabs{gap:20px}.my-tabs>button{font-size:12px;gap:5px;padding-bottom:14px}.my-tabs>button>.icon{width:16px;height:16px}.my-tabs>button>span{font-size:9px;padding:3px 6px}.my-toolbar>.text-button{font-size:9px;gap:3px;white-space:nowrap;padding-bottom:13px}.my-toolbar>.text-button>.icon{width:12px;height:12px}.empty-state{min-height:290px;padding:35px 18px;border-radius:18px}.empty-state>h3{font-size:19px}.empty-state>p{font-size:11px}.record-card{padding:17px;border-radius:18px}.record-date{font-size:10px;padding-bottom:13px}.record-date>span{font-size:9px}.record-main{gap:13px;position:relative}.record-art{width:77px;height:85px;border-radius:13px}.record-art .food-art{width:85px;height:76px}.record-art .food-art-coffee{width:43px;height:72px}.record-art .food-art-salad{width:75px;height:70px}.record-title{gap:7px;flex-wrap:wrap;padding-right:20px}.record-title h2{font-size:17px}.record-title>.grade-badge{font-size:8px;padding:4px 6px}.record-title>.grade-badge>.icon{width:10px;height:10px}.record-copy .shop-location{font-size:9px;margin-top:7px}.record-dish{font-size:11px;margin-top:11px}.record-copy>p:last-child{font-size:10px;line-height:1.9;margin-top:9px}.record-main>.icon-button{position:absolute;right:-7px;top:13px;width:26px;height:26px;border:0;background:none}.record-main>.icon-button>.icon{width:15px;height:15px}dialog{border-radius:23px;max-height:88dvh}.login-dialog{padding:31px 24px}.login-dialog h2{font-size:24px}.login-dialog>p{font-size:10px}.detail-art{height:190px}.detail-art>.food-art{width:280px;height:175px}.detail-art>.food-art-coffee{width:110px;height:160px}.detail-body{padding:23px 20px}.detail-title h2{font-size:25px}.detail-price>strong{font-size:24px}.detail-title .shop-location{font-size:9px}.detail-description,.detail-section>p{font-size:11px}.detail-section h3{font-size:13px}.detail-location{padding:13px 10px;gap:8px}.detail-location>span{gap:7px}.detail-location strong{font-size:10px}.detail-location small{font-size:8px}.detail-location>.text-button{font-size:9px;gap:3px}.detail-actions{gap:8px}.detail-actions>.button{font-size:10px;gap:5px;padding:12px 8px}.detail-actions>.button>.icon{width:15px;height:15px}.message-dialog{padding:40px 24px 28px}.message-dialog h2{font-size:23px}.message-dialog>p{font-size:11px}}
@media(max-width:365px){.shell{width:calc(100% - 28px)}.hero h1{font-size:44px}.hero-buttons>.button{padding-inline:15px;font-size:11px}.quick-link{gap:3px;padding-inline:9px}.quick-icon{width:38px;height:44px}.quick-link small{font-size:7px}.shop-title h3{font-size:14px}.shop-content{padding-inline:9px}.result-controls{gap:5px}.sort-select select{max-width:76px}.grade-tabs>button{padding-inline:8px}.section-heading h2{font-size:23px}.section-heading>.text-button{font-size:9px}.shop-art{height:140px}}
@media(prefers-reduced-motion:reduce){html,:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.shop-card:hover,.button:hover,.quick-link:hover,.favorite-button:hover,.map-pin:hover,.map-pin.selected,.art-open:hover .food-art{transform:none}.map-pin,.map-pin.selected{transform:translate(-50%,-75%)}}

@media(max-width:600px){.mobile-nav .mobile-material{width:26px;height:26px;mix-blend-mode:multiply}.mobile-nav>a.active{background:var(--mint);border-radius:12px}.mobile-nav>a{gap:2px;min-height:45px}.mobile-nav>a[href='#checkin'] .mobile-material{width:33px;height:33px;margin-top:-9px}.mobile-nav>a[href='#checkin']{gap:3px}.mobile-nav>a[href='#checkin']>.icon{margin-top:0}.mobile-nav{padding-top:7px;padding-bottom:max(7px,env(safe-area-inset-bottom))}}

/* Quiet UI: icons and layout carry the hierarchy. */
.hero-copy{padding-block:18px}.hero h1{margin-top:0}.hero-description{margin-bottom:29px}.quick-link{padding-block:23px}.quick-link strong{font-size:16px}.quick-link small,.quick-number,.art-caption,.eyebrow{display:none}.section-heading h2{margin-top:0}.checkin-aside .demo-notice{margin-top:18px}.footer-bottom>span:last-child{letter-spacing:.4px;font-size:9px}.login-dialog form>.button{margin-top:20px}
@media(max-width:800px){.quick-link strong{font-size:14px}}
@media(max-width:600px){.hero-copy{padding-top:6px}.hero h1{margin-bottom:14px}.hero-description{margin-bottom:24px}.quick-link{padding-block:16px;gap:10px}.quick-link strong{font-size:13px}.quick-icon{width:43px;height:46px}.hero-art{margin-top:19px}.footer-bottom>span:last-child{display:block;font-size:8px}.form-title{margin-bottom:21px}.dropzone>strong{margin-bottom:12px}}

/* Form layout: native date controls must never size adjacent fields. */
#confirm-form .field-label { font-size: 12px; line-height: 1.6; }
.two-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 23px; }
.two-fields .field-group { min-width: 0; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
#confirm-form .two-fields .field-label { display: block; width: 100%; margin: 0 0 10px; padding: 0; }
#draft-date { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; min-inline-size: 0; min-height: 49px; appearance: none; -webkit-appearance: none; text-align: left; }
#draft-date::-webkit-date-and-time-value { min-height: 1.6em; text-align: left; }
#draft-date::-webkit-datetime-edit { min-width: 0; padding: 0; }
.grade-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.grade-choice button { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 49px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; font-size: 13px; }
.grade-choice button.active { border-color: var(--green); background: var(--green); }
.grade-choice button>.icon { width: 17px; height: 17px; }
.agreement { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 10px; width: 100%; margin: 24px 0; font-size: 12px; line-height: 1.65; cursor: pointer; }
.agreement>span { min-width: 0; overflow-wrap: anywhere; }
.agreement input { appearance: none; -webkit-appearance: none; display: block; width: 18px; height: 18px; min-width: 18px; margin: 1px 0 0; padding: 0; border: 1px solid var(--ink); border-radius: 5px; background: var(--white); cursor: pointer; }
.agreement input:checked { background: var(--green) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"%3E%3Cpath d="m4 9 3 3 7-7" fill="none" stroke="%2315552E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') center / 16px 16px no-repeat; }
.agreement input:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
#confirm-form .form-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#confirm-form .form-actions>.button { min-width: 0; }
/* Keep identity and actions in normal flow; decoration must not cross text. */
.profile-banner { display: grid; grid-template-columns: minmax(0, 1fr) auto 150px; align-items: center; gap: 24px; padding: 34px 32px; background: var(--mint); border: 1px solid var(--line); border-radius: 25px; }
.profile-info { display: flex; align-items: center; gap: 22px; min-width: 0; }
.profile-details { min-width: 0; }
.profile-info h1 { margin: 0; font-size: 26px; line-height: 1.5; letter-spacing: -.7px; overflow-wrap: anywhere; }
.profile-banner>.button, .profile-banner>.text-button { justify-self: end; margin: 0; }
@media (min-width: 1100px) { .two-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 800px) {
  .profile-banner { padding: 28px 24px; }
  .profile-info { gap: 18px; }
  .profile-info h1 { font-size: 23px; }
}
@media (max-width: 600px) {
  .profile-banner { grid-template-columns: minmax(0, 1fr) clamp(90px, 28vw, 125px); gap: 12px; padding: 24px 20px; border-radius: 22px; }
  .profile-info { grid-column: 1 / -1; align-items: flex-start; gap: 13px; }
  .profile-info h1 { font-size: 21px; line-height: 1.5; }
  .profile-banner>.button, .profile-banner>.text-button { grid-column: 1; justify-self: start; align-self: center; max-width: 100%; margin: 0; font-size: 11px; }
  .profile-banner>.button { min-height: 40px; padding: 10px 16px; }
  .form-section input:not([type=checkbox]), .form-section textarea, .form-select select, .login-dialog input:not([type=checkbox]) { font-size: 16px; }
  .form-select select { min-width: 0; max-width: 100%; text-overflow: ellipsis; }
  .grade-choice button { font-size: 14px; min-height: 49px; }
  .agreement { font-size: 12px; line-height: 1.65; }
  #confirm-form .form-actions>.button { min-height: 46px; padding: 12px 10px; gap: 6px; font-size: 11px; }
}
@media (max-width: 360px) {
  .my-toolbar { flex-wrap: wrap; }
  .my-toolbar>.text-button { margin-left: auto; padding-bottom: 10px; }
  .my-tabs { width: 100%; }
}

/* A dedicated illustration cell keeps decoration separate from account text. */
.profile-art { grid-column: 3; grid-row: 1; width: 150px; height: 104px; max-width: 100%; justify-self: end; align-self: center; pointer-events: none; mix-blend-mode: multiply; }
@media (min-width: 601px) and (max-width: 900px) {
  .profile-banner { grid-template-columns: minmax(0, 1fr) auto; gap: 16px 24px; }
  .profile-info { grid-column: 1; grid-row: 1 / 3; }
  .profile-banner>.button, .profile-banner>.text-button { grid-column: 2; grid-row: 1; }
  .profile-art { grid-column: 2; grid-row: 2; width: 120px; height: 78px; }
}
@media (max-width: 600px) {
  .profile-art { grid-column: 2; grid-row: 2; width: 100%; height: 76px; }
  .profile-banner>.button { padding: 10px 12px; gap: 7px; white-space: normal; text-align: center; }
}
/* Real accounts and catalog management reuse the established palette. */
.loading-screen{min-height:45vh;display:grid;place-content:center;color:var(--pine,#15552e)}
.location-row,.auth-switch,.account-settings,.admin-tabs{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.location-row{margin:18px 0}.auth-switch{margin-top:20px}.account-settings{justify-content:flex-end;margin-top:16px}
.add-shop{margin-top:10px}.login-dialog form>input,.shop-editor form>input,.shop-editor form>select,.shop-editor form>textarea{width:100%;min-width:0}
.login-dialog form>.button,.shop-editor form>.button{margin-top:24px}
.admin-page{padding-top:48px;padding-bottom:64px}.admin-page>section{margin-top:40px;scroll-margin-top:110px}.admin-page h2{font-size:24px;margin-bottom:20px}
.admin-tabs{justify-content:flex-start;padding-bottom:24px;border-bottom:1px solid #d0eed7}.admin-list{border:1px solid #d0eed7;border-radius:24px;overflow:hidden}
.admin-row{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-row+.admin-row{border-top:1px solid #d0eed7}.admin-row>span{min-width:0;overflow-wrap:anywhere}.admin-row small{display:block;margin-top:7px;font-size:13px;line-height:1.7}.admin-row .button{white-space:nowrap;flex-shrink:0}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-shop-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.admin-shop-actions .button{min-height:44px;padding:10px 16px;font-size:13px}
.shop-editor{padding:36px;max-width:620px}.shop-editor h2{font-size:26px;margin-bottom:24px}.shop-editor .field-label{margin-top:18px}.dish-editor{display:grid;grid-template-columns:minmax(0,1fr) 76px 80px 28px;gap:8px;align-items:center;margin:10px 0}.dish-editor input,.dish-editor select{min-width:0;width:100%;padding:10px 8px}.invite-code{width:100%;margin:20px 0;font-size:15px}
button:disabled{cursor:wait;opacity:.65}.record-art>img{width:100%;height:100%;object-fit:cover;border-radius:18px}
@media(max-width:600px){.shop-editor{padding:28px 20px}.admin-page{padding-top:30px}.admin-row{padding:16px;gap:12px}.admin-row .button{padding:10px 15px}.admin-tabs{gap:14px}.admin-shop-actions{gap:6px}.admin-shop-actions .button{padding:9px 12px;font-size:12px}.dish-editor{grid-template-columns:minmax(0,1fr) 66px 60px 24px;gap:5px}.dish-editor input,.dish-editor select{font-size:16px}.admin-actions{justify-content:flex-end}.admin-row:has(.admin-actions){align-items:flex-start}.admin-row .admin-actions{max-width:92px}.account-settings{justify-content:flex-start}}
[data-server-form] input,[data-server-form] select,[data-server-form] textarea,.invite-code{appearance:none;-webkit-appearance:none;background:var(--white);border:1px solid var(--line);border-radius:14px;min-height:48px;padding:13px 15px;line-height:1.5;font-size:16px;color:var(--ink)}
[data-server-form] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2315552E' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}
[data-server-form] input::placeholder,[data-server-form] textarea::placeholder{color:color-mix(in srgb,var(--ink) 55%,var(--white))}
[data-server-form] .dish-editor select{padding-left:10px;padding-right:26px;background-position:right 8px center}
@media(max-width:600px){.dish-editor{grid-template-columns:minmax(0,1fr) 76px 28px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--mint)}.dish-editor input[name="dishName"]{grid-column:1/-1}.dish-editor input,.dish-editor select{padding:10px 8px}.login-dialog{padding-inline:24px}}
.demo-shop-label{position:absolute;top:20px;right:65px;font-size:10px;line-height:1;border:1px solid var(--line);background:var(--white);border-radius:20px;padding:6px 9px}
.real-map-canvas{position:relative;min-height:600px;background:var(--mint)}#live-map{position:absolute;inset:0;width:100%;height:100%}.map-load-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:var(--mint);font-size:14px;z-index:5}
.live-shop-pin{display:flex;flex-direction:column;align-items:center;gap:0;transform-origin:bottom center;filter:drop-shadow(0 3px 5px #15552e22);padding:4px;white-space:nowrap}.live-shop-pin .material{width:47px;height:58px}.live-shop-pin>span{padding:6px 12px;background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:650}.live-shop-pin.selected>span{background:var(--green);border-color:var(--ink)}.live-shop-pin.selected .material{width:53px;height:63px}.map-active-summary>.button+.button{margin-top:10px}
.place-candidates{display:grid;gap:8px;margin-top:8px}.place-candidates:empty{display:none}.place-candidate{text-align:left;background:var(--mint);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:6px;min-width:0}.place-candidate:hover{border-color:var(--green)}.place-candidate strong{font-size:14px}.place-candidate span,.place-candidates p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.map-sidebar>.empty-state{border:0;border-radius:0;padding:40px 20px;min-height:320px}.map-sidebar>.empty-state .button{max-width:100%}
@media(max-width:700px){.real-map-canvas{min-height:420px;height:52vh;max-height:540px}.real-map-canvas .amap-toolbar{right:12px!important}.live-shop-pin>span{font-size:11px}.map-sidebar>.empty-state{min-height:240px;padding-block:28px}}
.location-status{font-size:12px;line-height:1.8;margin:0 0 16px}.location-status:empty{display:none}
.new-shop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.new-shop-grid>div{min-width:0}.new-shop-intake input,.new-shop-intake select,.new-shop-intake textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--white);border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.6;color:var(--ink)}.new-shop-intake input[type=checkbox]{width:18px;padding:0;flex-shrink:0}.new-shop-intake input[type=hidden]{display:none}.new-shop-intake .date-field input{min-height:56px;max-width:100%;display:block;-webkit-appearance:none;appearance:none}.new-shop-intake .agreement{margin-top:24px}.form-error{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.form-error:empty{display:none}.record-shop-name{text-align:left;padding:0}.record-shop-name:hover{text-decoration:underline;text-underline-offset:4px}.record-title .soft-pill{font-size:10px;padding:5px 9px}
.shop-reviews{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.review-heading h3{font-size:18px;margin:0}.review-heading>span{font-size:12px;white-space:nowrap}.review-heading strong{font-size:20px}.review-list{display:grid;gap:22px}.user-review{padding-bottom:22px;border-bottom:1px solid var(--line)}.review-author{display:flex;align-items:center;gap:9px;margin-bottom:12px}.review-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint-strong);font-weight:650;font-size:13px;flex-shrink:0}.review-author>strong{font-size:13px;overflow-wrap:anywhere}.review-author>time{margin-left:auto;font-size:10px;white-space:nowrap}.review-stars{display:inline-flex;gap:3px;color:var(--ink)}.review-stars .filled .icon{fill:var(--green)}.user-review>p{font-size:14px;line-height:1.9;margin:11px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.review-status{font-size:13px;line-height:1.8;margin:20px 0}.review-open{margin-top:20px}.shop-reviews>.button{margin-top:18px}.review-editor{margin-top:24px;padding:21px;border:1px solid var(--line);background:var(--mint);border-radius:20px}.review-editor fieldset{padding:0;border:0;margin:0 0 20px;min-width:0}.review-editor legend{font-size:14px;font-weight:650;margin-bottom:12px}.review-rating{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.review-rating button{padding:3px;color:var(--ink);border-radius:6px}.review-rating button.active .icon{fill:var(--green)}.review-rating>span{font-size:12px;margin-left:5px}.review-editor textarea{width:100%;min-width:0;font-size:16px;line-height:1.8;padding:12px 14px;resize:vertical;background:var(--white);border:1px solid var(--line);border-radius:14px}.review-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.delete-review-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;flex-wrap:wrap}.admin-actions select{min-width:95px;max-width:150px;border:1px solid var(--line);padding:10px;border-radius:12px;background:var(--white);font-size:14px}
@media(max-width:600px){.new-shop-grid{grid-template-columns:minmax(0,1fr);gap:0}.new-shop-intake input,.new-shop-intake select{min-height:54px}.review-editor{padding:18px 14px}.review-rating{gap:4px}.review-rating .icon{width:26px;height:26px}.review-form-actions .button{padding-inline:17px}.review-author>time{font-size:9px}.record-title{flex-wrap:wrap}.record-title h2{overflow-wrap:anywhere}.review-heading{align-items:baseline}.admin-actions select{max-width:110px}}
/* Rounded solid stars share the brand green without an outline. */
.rating-star{display:block;flex-shrink:0;stroke:none}.review-stars{gap:5px}.review-stars>span{color:var(--mint-strong)}.review-stars>span.filled{color:var(--green)}.review-rating{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:280px}.review-rating button{display:grid;place-items:center;min-height:44px;padding:2px;color:var(--mint-strong);border:0;background:none;border-radius:12px}.review-rating button.active{color:var(--green)}.review-rating button:hover,.review-rating button:active{background:transparent}.review-rating>span{grid-column:1/-1;margin:3px 0 0}.review-rating .rating-star{width:min(40px,100%);height:auto}.review-stars .rating-star{width:26px;height:26px}
@media(max-width:600px){.review-stars{gap:4px}.review-stars .rating-star{width:24px;height:24px}.review-rating{gap:3px}.review-rating .rating-star{width:min(36px,100%);height:auto}}
.avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar,.profile-avatar,.review-avatar{overflow:hidden}.review-avatar{width:38px;height:38px}.avatar-choices{padding:0;margin:18px 0 24px;border:0;min-width:0}.avatar-choices legend{font-size:13px;font-weight:650;margin-bottom:12px}.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid var(--line);border-radius:20px;cursor:pointer;font-size:12px}.avatar-option:has(input:checked){border-color:var(--green);background:var(--mint)}.avatar-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.avatar-option .avatar-image{width:64px;height:64px}.avatar-option input{position:absolute;opacity:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important}.review-author{gap:10px}.profile-avatar>.avatar-image{min-width:100%;min-height:100%}
.avatar-choices>legend{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* HANG is the stronger recognition label. */
.grade-hang{background:var(--green);border:1px solid var(--green)}.grade-hang .icon{fill:currentColor}.grade-top{background:var(--white);border:1px solid var(--green)}.grade-top .icon{fill:none}.grade-badge .rating-star{width:14px;height:14px}.grade-hang .rating-star{color:var(--white)}.grade-top .rating-star{color:var(--green)}
.new-shop-intake .agreement input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border-radius:5px}

/* Map pins are vectors on a transparent 44px touch target. */
.live-shop-pin,.map-pin{position:relative;display:grid;place-items:end center;width:44px;height:44px;padding:0;gap:0;border:0;background:transparent;filter:none;white-space:nowrap;color:var(--green)}
.map-pin{position:absolute;transform:translate(-50%,-100%)}
.map-pin.selected,.map-pin:hover{transform:translate(-50%,-100%)}
.live-shop-pin .map-pin-icon,.map-pin .map-pin-icon{width:26px;height:34px;overflow:visible;filter:drop-shadow(0 2px 2px #15552e30)}
.live-shop-pin.selected .map-pin-icon,.map-pin.selected .map-pin-icon{width:30px;height:38px}
.live-shop-pin>span,.map-pin>span{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);display:none;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:5px 9px;border:1px solid var(--ink);border-radius:999px;background:var(--green);color:var(--ink);font-size:11px;font-weight:650;line-height:1.4}
.live-shop-pin.selected>span,.live-shop-pin:hover>span,.live-shop-pin:focus-visible>span,.map-pin.selected>span,.map-pin:hover>span,.map-pin:focus-visible>span{display:block}
.discovery-success{min-height:340px;padding:40px 24px}
.success-mark{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--ink)}
.discovery-success>h2{font-size:25px;line-height:1.3;margin:18px 0 10px;letter-spacing:0}
.discovery-success>.success-shop-name{font-size:15px;line-height:1.7;margin:0 0 25px;max-width:100%;overflow-wrap:anywhere}
.success-actions{display:flex;flex-direction:column;align-items:center;gap:12px}
.success-actions>.text-button{font-size:12px}
@media(max-width:600px){.discovery-success{min-height:300px;padding:32px 20px}.discovery-success>h2{font-size:23px}.discovery-success>.success-shop-name{font-size:14px}.live-shop-pin>span,.map-pin>span{max-width:175px;font-size:10px}}

@media(hover:none){.category-chip:hover{transform:none}}

/* Restaurant covers show uploaded food photos rather than decorative artwork. */
.shop-photo-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--mint)}
.shop-photo-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--ink);opacity:.5}
.shop-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.shop-art .art-open{padding:0}.shop-art .shop-photo-frame{height:100%}.map-item-art,.record-art{overflow:hidden}.detail-art>.shop-photo-frame{width:100%;height:100%;max-width:none}.detail-art-tag{z-index:2}
.collections-page{padding-block:40px 70px;min-height:65vh}.collections-page>.my-toolbar{margin:0 0 28px}
.settings-page{padding-block:40px 70px;min-height:65vh}.settings-page>.page-heading{margin-bottom:24px}.settings-profile{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--mint);margin-bottom:32px}.settings-profile h2{font-size:25px;line-height:1.4;overflow-wrap:anywhere;margin:0}.settings-avatar{display:block;flex-shrink:0;width:68px;height:68px;border-radius:50%;overflow:hidden}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.settings-group{min-width:0}.settings-group>h2{font-size:15px;margin:0 0 12px}.settings-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white)}.settings-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:17px 18px;text-align:left;font-size:14px;background:var(--white)}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row>span{flex:1;min-width:0}.settings-row>strong{font-size:12px;font-weight:500;max-width:50%;overflow-wrap:anywhere;text-align:right}.settings-row>.icon:last-child{transform:rotate(-90deg);width:16px;height:16px}.settings-row:hover{background:var(--mint)}.settings-row:disabled{opacity:.5}.settings-readonly:hover{background:var(--white)}.settings-row:focus-visible{outline-offset:-4px}.submission-photos{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.submission-photos img{width:90px;height:76px;object-fit:cover;border-radius:12px}
@media(max-width:600px){.collections-page,.settings-page{padding-top:27px;padding-bottom:42px}.collections-page>.my-toolbar{margin:0 0 24px}.settings-profile{padding:20px;gap:14px;margin-bottom:27px}.settings-profile h2{font-size:22px}.settings-avatar{width:60px;height:60px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:25px}.settings-group>h2{font-size:13px}.settings-row{font-size:13px;min-height:58px;padding:16px 15px}.settings-row>strong{font-size:11px}}

.detail-photo-choices{display:flex;gap:9px;margin:0 0 22px;padding:3px}.detail-photo-choices>button{width:64px;height:54px;padding:2px;border:2px solid transparent;border-radius:13px;overflow:hidden}.detail-photo-choices>button.active{border-color:var(--green)}.detail-photo-choices img{width:100%;height:100%;object-fit:cover;border-radius:8px}

/* Brand copy belongs to the opening screen, while discovery starts with content. */
.hero.hero-visual{display:block;min-height:0;padding-block:24px 20px}
.hero-visual>.hero-art{height:clamp(240px,32vw,360px);margin:0;border-radius:28px;background:var(--mint)}
.discover-illustration{display:block;width:100%;height:100%}
.opening-screen{inset:0;margin:0;padding:24px;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;color:var(--ink);background:radial-gradient(ellipse at 80% 8%,var(--mint-strong),transparent 50%),var(--white);overflow:auto}
.opening-screen[open]{display:grid;place-items:center}
.opening-screen::backdrop{background:var(--white);backdrop-filter:none}
.opening-inner{width:min(520px,100%);text-align:center;padding:24px 0;animation:opening-in .3s ease-out both}
.opening-logo{width:180px;height:84px;margin:0 auto 34px}
.opening-inner h1{font-size:clamp(38px,6vw,58px);font-weight:800;line-height:1.4;letter-spacing:-1.5px;margin:0 0 20px}


@keyframes opening-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hero.hero-visual{padding-block:18px 16px}.hero-visual>.hero-art{height:240px;border-radius:24px}.opening-logo{width:154px;height:72px;margin-bottom:28px}.opening-inner h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.opening-inner{animation:none}}

.opening-inner h1{margin-bottom:0}.opening-screen:focus{outline:none}

/* Optical alignment follows the visible glyphs, with hanging Chinese punctuation. */
.opening-inner{position:relative;top:calc(-1 * clamp(18px,3.4dvh,32px))}
.opening-logo{transform:translateX(10px)}
.opening-line{display:block;position:relative;width:max-content;margin-inline:auto}
.opening-punctuation{position:absolute;left:100%;top:0;letter-spacing:0}
@media(max-width:600px){.opening-logo{transform:translateX(8px)}}

.liked-dishes,.intake-rating,.intake-grade{border:0;padding:0;min-width:0;margin:26px 0}.liked-dishes legend,.intake-rating legend,.intake-grade legend{font-size:14px;font-weight:650;margin-bottom:13px}.liked-dish-row{display:flex;align-items:center;gap:9px;margin-bottom:10px}.liked-dish-row input{flex:1;width:0;min-width:0}.liked-dish-row>.icon-button{flex:0 0 40px;width:40px;height:44px}.liked-dishes>.text-button{margin-top:4px}.recommendation-choice{display:flex;gap:12px}.recommendation-choice button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:48px;min-width:100px;flex:1;padding:12px 18px;border:1px solid var(--line);border-radius:16px;background:transparent;font-size:16px;color:var(--ink)}.recommendation-choice button.active{border-color:var(--ink);background:var(--mint)}.recommendation-choice button.active[data-value="HANG"]{border-color:var(--green);background:var(--green)}.recommendation-choice .rating-star{color:var(--green)}.recommendation-choice button.active[data-value="HANG"] .rating-star{color:var(--ink)}.intake-rating .review-rating{gap:8px}.intake-rating .review-rating button{background:transparent}.intake-rating .review-rating .rating-star{width:36px;height:36px}.intake-cuisine{margin:22px 0 10px;border-block:1px solid var(--line)}.intake-cuisine summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 0;font-size:14px;cursor:pointer}.intake-cuisine summary::-webkit-details-marker{display:none}.intake-cuisine summary>strong{margin-left:auto;font-weight:550}.intake-cuisine summary>span:nth-last-child(2){font-size:12px}.intake-cuisine[open]>summary>.icon{transform:rotate(90deg)}.intake-cuisine>div{padding-bottom:16px}.intake-cuisine input{width:100%}.cuisine-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cuisine-suggestions button{border-radius:18px;border:1px solid var(--line);background:var(--mint);padding:8px 13px;font-size:13px;min-height:36px}.ai-review-summary p{white-space:pre-wrap;line-height:1.9}.record-copy>.review-stars{margin:8px 8px 8px 0}.record-copy>.grade-badge{vertical-align:middle}.user-review>.grade-badge{margin-left:10px;vertical-align:top}
@media(max-width:600px){.intake-rating .review-rating{gap:3px}.intake-rating .review-rating .rating-star{width:34px;height:34px}.intake-rating .review-rating>span{margin-left:3px}.recommendation-choice{gap:10px}.intake-cuisine summary{gap:8px}}

/* The feed has six stable items per batch; its final card follows only the last batch. */
.discover-more,.discover-loader{min-height:108px;display:flex;align-items:center;justify-content:center;margin-block:16px 30px}.discover-more .text-button{min-height:48px;padding:12px 24px}.discover-more .icon{transform:rotate(90deg)}.feed-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.feed-brand>.feed-logo{width:100px;height:48px;animation:feed-logo-bob .85s ease-in-out infinite;transform-origin:50% 80%}.feed-dots{display:flex;gap:6px}.feed-dots i{width:4px;height:4px;background:var(--green);border-radius:50%;animation:feed-dot-pulse .85s ease-in-out infinite}.feed-dots i:nth-child(2){animation-delay:.14s}.feed-dots i:nth-child(3){animation-delay:.28s}.feed-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#discover-pull{position:fixed;top:80px;left:50%;z-index:45;transform:translate(-50%,calc(var(--pull-distance,0px)*.3 - 12px));padding:12px 24px;border-radius:22px;background:var(--white);box-shadow:0 6px 26px color-mix(in srgb,var(--ink) 10%,transparent);pointer-events:none}#discover-pull[hidden]{display:none}#discover-pull:not(.loading) .feed-logo{animation:none;transform:scale(.9)}#discover-pull:not(.loading) .feed-dots{opacity:.35}#discover-pull.ready:not(.loading) .feed-logo{transform:scale(1)}
@keyframes feed-logo-bob{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}45%{transform:translateY(-5px) rotate(2deg) scale(1.025)}70%{transform:translateY(1px) rotate(-1deg) scale(.985)}}
@keyframes feed-dot-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:800px),(hover:none) and (pointer:coarse){.site-footer{display:none}}
@media(max-width:600px){#app{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.discover-more,.discover-loader{min-height:90px;margin-block:10px 18px}.discover-more .text-button{font-size:12px}.feed-brand>.feed-logo{width:87px;height:42px}#discover-pull{top:69px}}

#discover-end,.site-footer{overflow-anchor:none}
.discover-route{overscroll-behavior-y:contain}

/* Discovery progressively pins the existing controls without duplicating inputs. */
:root{--discover-search-height:86px;--discover-category-height:58px}
#main:focus,#main:focus-visible{outline:none}
.discover-search-header{border-bottom:0}.discover-header-inner{height:86px;display:flex;align-items:center;gap:28px}.discover-header-inner>.search-bar{flex:1;min-width:0;margin:0}.discover-header-inner>.desktop-nav{flex-shrink:0;gap:22px}.discover-route .recommendations{scroll-margin-top:var(--discover-search-height)}.discover-category-dock{position:sticky;top:var(--discover-search-height);z-index:19;background:var(--white)}.discover-category-dock .category-row{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:10px;margin:0;padding:11px 0}.discover-category-dock .category-row::-webkit-scrollbar{display:none}.discover-category-dock .category-chip{flex-shrink:0}.discover-results-dock{position:sticky;top:calc(var(--discover-search-height) + var(--discover-category-height));z-index:18;background:var(--white)}.discover-results-dock .results-toolbar{margin:0;padding:12px 0 15px}.discover-results-dock.is-pinned{box-shadow:0 8px 12px -10px color-mix(in srgb,var(--ink) 22%,transparent)}.discover-route #shop-results{padding-top:24px}.discover-route #discover-pull{top:var(--discover-search-height)}
@media(max-width:800px){.discover-header-inner>.desktop-nav{display:none}.discover-header-inner{gap:0}}
@media(max-width:600px){:root{--discover-search-height:68px;--discover-category-height:55px}.discover-header-inner{height:68px}.discover-header-inner>.search-bar{min-height:54px;border-radius:16px}.discover-header-inner .search-bar>input{padding-block:15px}.discover-category-dock .category-row{gap:8px;padding:10px 0}.discover-results-dock .results-toolbar{padding:10px 0 12px}.discover-route #shop-results{padding-top:18px}.discover-category-dock .category-row,.discover-results-dock{scroll-margin-top:var(--discover-search-height)}}

@media(max-width:600px){.discover-header-inner .search-bar>input{font-size:16px}.discover-header-inner .district-select select{font-size:12px}}

/* A map-first view: floating search, a single selected place, persistent navigation. */
:root{--map-nav-height:60px}
.map-route,.map-route body{overflow:hidden;overscroll-behavior:none}
.map-route #app{padding:0}
.map-route #main{min-height:0}
.map-page{position:fixed;inset:0 0 var(--map-nav-height);width:100%;height:auto;min-height:0;margin:0;padding:0;overflow:hidden;background:var(--mint)}
.map-page #map-content,.map-page .map-canvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0}
.map-search-overlay{position:absolute;z-index:10;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 28px));display:flex;align-items:center;gap:8px;min-height:60px;padding:6px 8px 6px 16px;border:1px solid var(--line);border-radius:21px;background:var(--white);box-shadow:0 5px 24px #15552e14}
.map-search-overlay .small-search{min-width:0;max-width:none;min-height:44px;margin:0;padding:0;border:0;border-radius:0;gap:9px}
.map-search-overlay .small-search input{font-size:16px;padding:10px 0}
.map-search-overlay .small-search:focus-within{box-shadow:0 2px 0 var(--green)}
.map-search-overlay .select-wrap{flex:0 0 90px;padding:0 10px 0 12px;min-height:36px;border:0;border-left:1px solid var(--line);border-radius:0}
.map-search-overlay .select-wrap select{font-size:12px;padding-right:17px}
.map-search-overlay .select-wrap>.icon{right:5px;width:13px}
.map-search-overlay .map-reset{flex:0 0 40px;width:40px;height:44px;background:var(--mint);border-radius:14px}
.map-page .amap-toolbar{top:calc(max(16px,env(safe-area-inset-top)) + 76px)!important;right:14px!important}
.map-empty{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 76px);left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:16px;max-width:calc(100% - 50px);padding:10px 16px;border-radius:15px;background:var(--white);box-shadow:0 3px 16px #15552e12;font-size:13px;white-space:nowrap}
.map-empty .text-button{font-size:12px;padding:0}
.map-preview-note{position:absolute;left:14px;bottom:7px;z-index:5;padding:3px 7px;border-radius:5px;background:var(--white);font-size:10px}
.map-sheet{position:absolute;z-index:12;left:50%;bottom:27px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));max-height:calc(100% - 112px);overflow:auto;overscroll-behavior:contain;padding:0 18px 17px;border:1px solid var(--line);border-radius:25px;background:var(--white);box-shadow:0 -8px 36px #15552e1a;animation:map-sheet-in .25s cubic-bezier(.2,.7,.3,1) both}
.map-sheet-top{position:relative;height:32px;display:flex;align-items:center;justify-content:center}
.map-sheet-grip{width:34px;height:4px;border-radius:8px;background:var(--line)}
.map-sheet-top>.icon-button{position:absolute;right:-8px;top:1px;width:36px;height:36px;z-index:1;background:transparent}
.map-sheet-shop{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:5px 0 16px;text-align:left;border-radius:12px}
.map-sheet-photo{display:block;width:88px;height:88px;overflow:hidden;border-radius:16px}
.map-sheet-copy{display:flex;flex-direction:column;gap:9px;min-width:0;padding-right:3px}
.map-sheet-copy>strong{font-size:18px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.map-sheet-copy>small{font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-sheet-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.map-sheet-rating .grade-badge{font-size:11px;padding:4px 8px}
.map-sheet-rating .price{font-size:12px}.map-sheet-rating .price strong{font-size:17px}.map-sheet-rating .price small{font-size:11px}
.map-sheet-actions{display:flex;gap:10px}.map-sheet-actions>.button{flex:1;font-size:13px;min-height:44px;padding:10px 16px}
:is(.map-route,.headerless-route) .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:25;gap:0;padding:7px max(10px,calc((100vw - 620px)/2)) max(7px,env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);box-shadow:none}
:is(.map-route,.headerless-route) .mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:45px;padding:0 4px;border-radius:12px;font-size:10px}
:is(.map-route,.headerless-route) .mobile-nav .mobile-material{width:26px;height:26px;mix-blend-mode:multiply}
:is(.map-route,.headerless-route) .mobile-nav>a[href='#checkin'] .mobile-material{width:33px;height:33px;margin-top:-9px}
:is(.map-route,.headerless-route) .mobile-nav>a[href='#checkin']{gap:3px}
:is(.map-route,.headerless-route) .mobile-nav>a.active{background:var(--mint);font-weight:750}


@keyframes map-sheet-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:365px){.map-search-overlay{gap:4px;padding-left:12px}.map-search-overlay .select-wrap{flex-basis:82px;padding-left:8px}.map-search-overlay .map-reset{flex-basis:36px;width:36px}.map-sheet{padding-inline:14px}.map-sheet-shop{grid-template-columns:76px minmax(0,1fr);gap:12px}.map-sheet-photo{width:76px;height:82px}.map-sheet-copy>strong{font-size:16px}.map-sheet-copy>small{font-size:11px}.map-sheet-actions>.button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.map-sheet{animation:none}}

/* One compact, full-width touch target after the feed is exhausted. */
.memory-banner{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:min(100%,480px);min-height:74px;margin:24px auto 20px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--mint);transition:background .18s,border-color .18s}
.memory-banner>.material{flex:0 0 40px;width:40px;height:44px;mix-blend-mode:multiply}
.memory-banner>span{font-size:15px;line-height:1.4;font-weight:650}
.memory-banner>.icon{margin-left:auto;width:21px;height:21px}
.memory-banner:hover{background:var(--mint-strong);border-color:var(--green)}
@media(max-width:365px){.memory-banner{gap:10px;padding-inline:15px}.memory-banner>span{font-size:14px}}

/* Headerless personal pages share the same navigation on phones and desktops. */
:root{--page-nav-height:calc(60px + env(safe-area-inset-bottom))}
.headerless-route #app{padding-bottom:var(--page-nav-height)}
.headerless-route .collections-page,.headerless-route .settings-page{padding-top:max(20px,env(safe-area-inset-top))}
.headerless-route .checkin-page{padding-block:max(12px,env(safe-area-inset-top)) 16px;min-height:0}
.headerless-route .checkin-panel{scroll-margin-top:12px}
.headerless-route .steps{padding:14px 16px;gap:8px}
.headerless-route .step{font-size:11px;gap:6px}
.headerless-route .step>span{width:23px;height:23px}
.checkin-input{padding:18px}
.checkin-input .dropzone{flex-direction:row;justify-content:flex-start;gap:12px;min-height:88px;padding:14px;text-align:left;border-radius:16px}
.checkin-input .dropzone>.material{width:44px;height:48px;flex:0 0 44px;margin:0}
.checkin-input .dropzone>.icon{flex-shrink:0;margin-left:auto}
.upload-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.upload-copy>strong{font-size:14px;line-height:1.5}
.upload-copy>small{font-size:11px;line-height:1.6}
.checkin-input>.field-label{font-size:13px;line-height:20px;margin:16px 0 8px}
.checkin-text-meta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.checkin-input #checkin-text{height:clamp(96px,18dvh,138px);min-height:96px;font-size:16px;line-height:1.7;padding:12px 14px;max-height:280px}
.checkin-input .location-row{gap:10px;margin:8px 0;flex-wrap:nowrap;min-height:38px}
.checkin-input .location-row>.text-button{font-size:12px;min-height:38px}
.checkin-input>.button{min-height:46px;padding:12px 18px;font-size:14px}
.checkin-input>.button:last-child{margin-top:4px}
.checkin-input>.location-status,.checkin-input>.form-footnote{margin-bottom:10px;font-size:12px}
.checkin-input .photo-previews:empty{display:none}
.checkin-photo-input:has(.photo-thumb){display:flex;align-items:center;gap:10px;min-height:88px}
.checkin-photo-input:has(.photo-thumb) .dropzone{flex:0 0 46px;min-height:64px;justify-content:center;padding:10px;border-radius:12px}
.checkin-photo-input:has(.photo-thumb) .dropzone>.material,.checkin-photo-input:has(.photo-thumb) .upload-copy{display:none}
.checkin-photo-input:has(.photo-thumb) .dropzone>.icon{margin:0}
.checkin-input .photo-previews:not(:empty){flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;min-width:0}
.checkin-input .photo-thumb{width:100%;max-width:76px;min-width:0}
.checkin-input .photo-thumb>img{width:100%;height:66px;border-radius:10px}
.checkin-input .photo-thumb>span{display:none}
.checkin-input .photo-thumb>button{top:2px;right:2px;width:28px;height:28px}
@media(max-width:600px){.checkin-input{padding:16px}.headerless-route .checkin-layout{gap:0}.headerless-route .step:not(:last-child):after{display:none}}
@media(max-width:365px){.headerless-route .steps{padding-inline:13px;gap:5px}.headerless-route .step{font-size:10px;gap:5px}.checkin-input .dropzone{gap:9px;padding:12px}.upload-copy>small{font-size:10px}}
@media(max-height:620px) and (max-width:800px){.headerless-route .checkin-page{padding-top:10px;padding-bottom:12px}.headerless-route .steps{padding-block:11px}.checkin-input .dropzone{min-height:78px;padding-block:10px}.checkin-photo-input:has(.photo-thumb){min-height:78px}.checkin-input #checkin-text{height:96px}.checkin-input>.field-label{margin-top:12px}}

/* Map actions flow above the selected card, leaving attribution and navigation clear. */
.map-bottom-overlay{position:absolute;left:12px;right:12px;bottom:27px;z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.map-bottom-overlay>*{pointer-events:auto}
#map-location-control,#map-selection{width:100%}
#map-selection:empty{display:none}
.map-bottom-overlay .map-sheet{position:relative;left:auto;bottom:auto;transform:none;width:min(560px,100%);margin-inline:auto;max-height:calc(100dvh - var(--map-nav-height) - 188px)}
.map-location-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;width:100%}
.map-location-message{margin:0;max-width:min(310px,calc(100% - 54px));padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 3px 18px #15552e14;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.map-location-message[hidden]{display:none}
.map-locate{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 3px 18px #15552e18}
.map-locate.has-position{background:#1677ff12;border-color:#1677ff;color:#1677ff}
.map-locate[aria-busy=true]>.icon{animation:map-locate-pulse 1s ease-in-out infinite}
.map-user-dot{display:block;position:relative;width:30px;height:30px;border-radius:50%;background:#1677ff26;pointer-events:none}
.map-user-dot:after{content:'';position:absolute;inset:6px;border:3px solid var(--white);border-radius:50%;background:#1677ff;box-shadow:0 1px 6px #1677ff55}
@keyframes map-locate-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.map-locate[aria-busy=true]>.icon{animation:none}}

/* Supplement photos without changing the restaurant or its publication state. */
.shop-photo-action{margin:0 0 16px}
.record-copy .shop-photo-action{margin:8px 0 0;font-size:12px}
.shop-photo-editor{padding:32px 26px 26px}
.shop-photo-editor h2{margin:0 38px 9px 0;font-size:25px}
.shop-photo-name{margin:0 0 20px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.shop-photo-existing{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;margin-bottom:5px}
.shop-photo-existing>.shop-photo-frame{flex:0 0 64px;width:64px;height:58px;border-radius:12px}
.shop-photo-picker{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;border:1px dashed var(--green);border-radius:18px;background:var(--mint);font-weight:650;cursor:pointer}
.shop-photo-picker.is-disabled{opacity:.5;cursor:default}
.shop-photo-editor:has(#shop-photo-input:focus-visible) .shop-photo-picker{outline:2px solid var(--ink);outline-offset:3px}
.shop-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.shop-photo-editor .form-footnote{margin:10px 0 16px;text-align:left;line-height:1.7}
.supplement-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.supplement-thumb{position:relative;min-width:0}
.supplement-thumb>img{display:block;width:100%;height:96px;object-fit:cover;border-radius:14px}
.supplement-thumb>.icon-button{position:absolute;top:4px;right:4px;width:32px;height:32px}
.shop-photo-editor .form-actions{margin-top:22px;justify-content:space-between}
.shop-photo-editor .form-error[hidden]{display:none}
.admin-shop-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){.admin-row:has(.admin-shop-actions){align-items:flex-start;flex-wrap:wrap}.admin-shop-actions{width:100%;justify-content:flex-start}.shop-photo-editor{padding:28px 20px 22px}}
.detail-tools,.review-dishes,.review-photos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.detail-tools{justify-content:flex-end}.detail-tools .shop-photo-action{margin:0}
.review-dishes,.review-photos{margin-top:10px}
.review-photos img{width:76px;height:76px;border-radius:12px;object-fit:cover}
.review-editor input{width:100%;min-width:0}
.review-editor .supplement-previews{margin-top:10px}

.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}
.detail-toolbar>.grade-badge{flex-shrink:0}
.detail-toolbar .detail-tools{flex-wrap:nowrap;gap:12px;margin-left:auto}
.detail-toolbar .text-button{min-height:40px;white-space:nowrap}
.review-editor .review-dish-fields{margin:24px 0 0}
.review-dish-fields legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}
.review-dish-fields legend>span{font-size:10px;font-weight:400}
.review-dish-row input{width:0;min-height:50px;border:1px solid var(--line);border-radius:16px;background:var(--white);padding:12px 14px;color:var(--ink);font-size:16px;line-height:1.6}
.review-dish-row>.icon-button{border:1px solid var(--line);border-radius:14px}
.review-dish-fields>.text-button{min-height:40px}
.review-photo-picker{min-height:84px;background:var(--white);font-size:14px}
.review-editor .review-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.review-editor:has(.review-photo-input:focus-visible) .review-photo-picker{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:365px){.detail-toolbar .detail-tools{gap:8px}.detail-toolbar .text-button{font-size:12px;gap:6px}.detail-toolbar>.grade-badge{font-size:10px;padding:5px 7px}}