/* Product UI: quiet controls, real dessert photography, readable metadata. */
:root{--paper:#fffefa;--ink:#332e28;--muted:#756c61;--coral:#bd573b;--coral-dark:#a0442d;--line:#e6e0d6}
body{font-size:14px;font-family:'Noto Sans KR',sans-serif;color:var(--ink)}
::selection{background:#ead5bd;color:#332e28}input,textarea{caret-color:#a0442d}button,a{touch-action:manipulation}button{transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}button:active,.button:active{transform:translateY(1px)}
.header{background:var(--paper)}.header nav button{font-size:14px}.header .nav-submit{font-size:13px}.brand b{font-weight:700}.beta{letter-spacing:0;color:#796c5d;font-size:10px}
.hero{padding:32px 0;min-height:310px;gap:56px}.hero-copy{min-width:52%}.hero h1{font-size:42px;letter-spacing:-1.4px;font-weight:600;line-height:1.4;margin:0 0 16px}.hero h1>span{color:var(--ink)}.hero p{font-size:14px;color:#756c61;line-height:1.9;letter-spacing:0}.hero-link{font-size:13px;color:#a0442d;gap:32px;margin-top:20px;min-height:44px}.hero-art{width:42%;max-width:430px;align-self:stretch;display:block;overflow:hidden;border-radius:12px;min-height:240px}.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;display:block}.hero-art>svg{display:none}
.discovery{padding-top:28px}.section-intro h2{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:0}.intro-note{font-size:12px;color:#756c61}.categories{gap:8px;margin-bottom:20px}.category{flex:none;min-height:44px;padding:10px 22px;border-radius:8px}.category>span:last-child{font-size:13px;font-weight:500}.category.active{border-color:#bd573b;box-shadow:none;color:#a0442d;background:#fcf3ed}.category .cat-icon{display:none}
.search-box{min-height:52px}.search-box input{font-size:14px}.search-box input::placeholder{color:#807569}.location-button{font-size:13px;min-height:52px}.filter-row{margin:16px 0}.region{font-size:12px;min-height:44px;padding:10px 14px;color:#756c61}.view-toggle button{font-size:12px;min-height:38px}.demo-notice{font-size:12px;color:#6d654f;background:#f3f0e5;padding:12px 16px}.demo-notice b{color:#65583f}.demo-notice button{font-size:12px;min-height:32px;color:#65583f}.notice-dot{margin-top:2px}.results-heading{margin:24px 0 16px}.results-heading h3{font-size:15px;font-weight:600;letter-spacing:0}.sort-controls,.sort-controls select{font-size:12px;color:#756c61}.sort-controls select{min-height:40px}.sort-controls>span{font-size:12px}
.store-grid{gap:24px 20px}.store-card{border-radius:12px;box-shadow:none;transition:border-color 180ms ease}.store-card:hover{transform:none;box-shadow:none;border-color:#c7b7a1}.card-visual{height:200px;background:#e8e0d4}.dessert-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform 180ms ease}.card-visual:hover .dessert-photo{transform:scale(1.025)}.card-save{width:44px;height:44px;right:8px;top:8px;background:#fffcf4ed}.card-save svg{width:18px;height:18px}.demo-pill{font-size:10px;color:#574735;left:12px;top:14px;padding:2px 7px;background:#fffcf3e8}.card-body{padding:16px 18px 12px}.card-meta{font-size:12px;color:#756c61;margin-bottom:4px}.card-district{gap:4px}.card-district svg{height:14px;width:14px}.card-body h3{font-size:18px;font-weight:600;letter-spacing:-.3px}.card-body h3 button{min-height:32px}.card-product{font-size:13px;color:#756c61;margin:2px 0 12px}.card-bottom{font-size:11px;color:#756c61;padding-top:8px;min-height:44px}.checked{gap:5px}.checked svg{width:13px;height:13px;color:#64795a}.card-arrow{font-size:12px;min-height:36px;color:#77634d}.stale{color:#8a6434}
.contribute{padding:24px 28px;margin-top:32px;border-radius:12px;background:#f4ede2}.contribute h3{font-size:16px;font-weight:500;letter-spacing:0}.contribute p{font-size:12px;color:#756c61;margin-top:6px}.contribute .button{font-size:13px;min-height:44px}.button{font-size:13px;min-height:44px}.ad-slot{font-size:12px;color:#756c61;border-radius:8px}.ad-slot>span:last-child{font-size:11px}.ad-slot>span:first-child{font-size:10px;color:#756c61}.footer-inner>div:first-child p{font-size:12px;color:#756c61}.footer-links{font-size:12px;color:#756c61}.footer-links>*{min-height:44px;display:flex;align-items:center}.footer-disclaimer{font-size:11px;color:#756c61}.copyright{font-size:11px;color:#756c61;letter-spacing:0}
dialog{border-radius:16px}dialog h2{font-size:24px;font-weight:600;letter-spacing:-.5px}.dialog-intro{font-size:14px;color:#756c61}.detail-region{font-size:13px;color:#756c61}.detail-visual{height:220px;overflow:hidden}.detail-visual img{object-position:center}.detail-copy h2{font-weight:600;letter-spacing:-.5px}.detail-description,.detail-info{font-size:14px;color:#756c61}.detail-info{grid-template-columns:72px 1fr;gap:12px}.detail-info dt{color:#756c61}.detail-info dd{color:#554a3d}.detail-product{font-size:16px;color:#9c5035}.detail-warning{font-size:12px;color:#756c61}.detail-actions .icon-button{width:48px;min-height:48px}.close-dialog{width:44px;height:44px;font-size:28px;top:6px;right:6px}.form-hint{font-size:12px;color:#756c61}.form-error{font-size:13px}form label{font-size:13px;gap:8px;margin-bottom:16px}form input,form textarea,form select{font-size:14px;min-height:46px}form input::placeholder,form textarea::placeholder{font-size:13px;color:#807569}.info-text{font-size:14px;color:#756c61}.info-text h3{font-size:16px}.toast{font-size:14px}.map-result{min-height:76px}.map-result h3{font-size:15px;font-weight:500}.map-result p{font-size:12px;color:#756c61}.map-result>span{font-size:12px;color:#865b34}.map-credit{font-size:10px}.pin-bubble svg{width:20px;height:20px;stroke:#fff9f1}.map-error{position:absolute;left:12px;top:12px;right:12px;z-index:1000;padding:12px;background:#fff9eb;border-radius:8px;font-size:12px;color:#65583f}.eyebrow{display:none}.empty-state p{font-size:14px}
@media(max-width:950px){.hero{gap:28px}.hero h1{font-size:36px}.hero-art{width:43%}.category{padding:10px 16px}.categories{flex-wrap:wrap}.card-visual{height:210px}.footer-inner{flex-wrap:wrap}.footer-links{margin-left:auto}.footer-disclaimer{display:none}}
@media(max-width:620px){.container{padding-left:20px;padding-right:20px}.header{height:72px}.header nav{gap:8px}.header nav button{font-size:12px;min-height:44px}.header .nav-submit{font-size:12px;padding:8px 10px}.brand b{font-size:19px}.beta{display:none}.hero{padding:24px 0;min-height:unset;gap:0;overflow:visible}.hero-copy{width:100%;min-width:0}.hero h1{font-size:31px;letter-spacing:-1px;margin-bottom:12px;padding-right:90px}.hero p{font-size:13px;position:relative;z-index:2}.hero-link{font-size:13px;margin-top:12px;min-height:40px}.hero-art{position:absolute;right:0;top:24px;width:100px;min-height:100px;height:100px;border-radius:50%;opacity:1;z-index:0}.hero-art img{object-position:45% 50%}.discovery{padding-top:24px}.section-intro{margin-bottom:16px}.section-intro h2{font-size:21px;letter-spacing:-.7px}.categories{margin:0 -20px 16px;padding:0 20px 4px;flex-wrap:nowrap;gap:8px}.category{flex-direction:row;min-width:unset;min-height:44px;padding:10px 16px;border-radius:8px}.category>span:last-child{font-size:13px}.search-row{gap:8px}.search-box input{font-size:13px}.search-box{padding:0 12px;min-height:48px}.location-button{width:48px;min-height:48px}.filter-row{margin:12px 0;gap:8px}.region{font-size:12px;padding:9px 11px}.view-toggle button{font-size:0;min-height:36px;padding:8px}.demo-notice{font-size:11px;padding:12px;line-height:1.8;gap:8px}.demo-notice b{display:inline}.demo-notice p{overflow-wrap:anywhere}.results-heading{margin:20px 0 12px}.results-heading h3{font-size:14px}.sort-controls select{font-size:12px}.store-grid{gap:16px 12px}.card-visual{height:142px}.demo-pill{left:8px;top:10px;font-size:10px}.card-save{width:40px;height:40px;top:4px;right:4px}.card-save svg{width:16px;height:16px}.card-body{padding:12px}.card-meta{font-size:11px;margin-bottom:2px}.card-meta svg{width:12px;height:12px}.card-body h3{font-size:16px;letter-spacing:0;line-height:1.6}.card-body h3 button{min-height:36px}.card-product{font-size:12px;white-space:normal;overflow:visible;line-height:1.7;min-height:40px;margin-bottom:8px}.card-bottom{font-size:10px;min-height:40px;gap:3px;line-height:1.7}.checked{gap:3px}.checked svg{width:11px;height:11px}.card-arrow{font-size:0;min-width:22px;min-height:36px}.contribute{padding:20px;gap:12px}.contribute h3{font-size:15px;line-height:1.7}.contribute p{font-size:12px}.contribute .button{margin:0;min-height:44px;font-size:12px}.ad-slot{font-size:11px;padding:14px}.ad-slot>span:last-child{font-size:10px}.footer-links{font-size:12px;margin:0;gap:18px}.footer-inner>div:first-child p{display:block;font-size:11px}.copyright{font-size:10px;line-height:1.8}.detail-info{font-size:13px;grid-template-columns:65px 1fr}.detail-description{font-size:14px}.detail-warning{font-size:12px}.detail-copy{padding:24px}.detail-actions .button{font-size:12px}.dialog-intro{font-size:13px}.map-credit{font-size:8px}.toast{font-size:13px}.form-row{flex-direction:column;gap:0}.form-row>label:first-child{max-width:none}.form-row>label{width:100%}#map{height:360px}}
@media(max-width:359px){.hero h1{font-size:27px;padding-right:70px}.hero-art{width:80px;height:80px;min-height:80px}.brand b{font-size:17px}.header .nav-submit{padding:6px}.card-meta{font-size:10px}.card-body{padding:10px}.card-body h3{font-size:14px}.card-product{font-size:11px}.checked{font-size:9px}.category{padding:10px 14px}}