*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}img{display:block;max-width:100%}:root{--bg:#f5f2ed;--bg-card:#fff;--green:#2d7a5f;--green-dim:rgba(45,122,95,.12);--ink:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#8a8580;--border:#e2ddd5;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}.topnav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 48px;transition:background .4s,box-shadow .4s}.topnav.scrolled{background:hsla(38,29%,95%,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(0,0,0,.07)}.nav-logo{font-family:var(--serif);font-size:1.05rem;font-weight:300;letter-spacing:.14em;color:var(--ink);cursor:pointer;padding-top:2px}.nav-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.nav-links{display:flex;gap:36px}.nav-link{font-family:var(--sans);font-size:.75rem;font-weight:400;letter-spacing:.13em;color:var(--ink-2);cursor:pointer;transition:color .2s}.nav-link:hover,.nav-pref-badge{color:var(--green)}.nav-pref-badge{font-family:var(--sans);font-size:.6rem;font-weight:400;letter-spacing:.08em}.hero{height:100vh;min-height:600px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:100px 56px 60px 48px}.hero-title{font-family:var(--serif);font-size:clamp(72px,13vw,172px);font-weight:300;letter-spacing:-.01em;line-height:.86;color:var(--ink);margin-bottom:28px}.hero-en{font-family:var(--sans);font-size:.65rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--green);margin-bottom:18px}.hero-copy{font-family:var(--serif);font-size:1rem;font-weight:300;color:var(--ink-2);letter-spacing:.04em;line-height:1.8}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-divider{position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--border)}.hero-map-container{width:78%;height:82%}.hero-scroll{position:absolute;bottom:28px;left:48px;display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:.6rem;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.hero-scroll-bar{width:36px;height:1px;background:var(--ink-3)}.hero-ctas{display:flex;gap:12px;margin-top:32px}.hero-cta{padding:13px 24px;border-radius:4px;font-family:var(--sans);font-size:.82rem;font-weight:400;letter-spacing:.06em;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.hero-cta:hover{opacity:.85;transform:translateY(-1px)}.hero-cta-primary{background:var(--green);color:#fff;border:1.5px solid var(--green)}.hero-cta-outline{background:#fff;color:var(--green);border:1.5px solid var(--green)}.hero-tagline{font-family:var(--sans);font-size:.64rem;font-weight:300;color:var(--ink-3);letter-spacing:.06em;margin-top:13px}.tabs-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:90;background:var(--bg)}.cat-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--border);padding:0 48px}.cat-tab{font-family:var(--sans);font-size:.76rem;font-weight:300;letter-spacing:.06em;color:var(--ink-3);padding:14px 20px;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;transition:color .15s,border-color .15s}.cat-tab.active,.cat-tab:hover{color:var(--green)}.cat-tab.active{border-bottom-color:var(--green);font-weight:400}.cat-map-link{margin-left:auto;font-family:var(--sans);font-size:.7rem;font-weight:300;color:var(--ink-3);letter-spacing:.05em;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;gap:4px;transition:color .15s}.cat-map-link:hover{color:var(--green)}.type-tabs{display:flex;align-items:center;gap:8px;padding:10px 48px;border-bottom:1px solid var(--border)}.type-tab{font-family:var(--sans);font-size:.74rem;font-weight:300;letter-spacing:.05em;padding:7px 18px;border-radius:3px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--ink-3);transition:background .18s,color .18s,border-color .18s}.type-tab:hover:not(.t-std-active):not(.t-local-active){border-color:rgba(45,122,95,.45);color:var(--ink-2)}.type-tab.t-std-active{background:#9a9790;border-color:#9a9790;color:#fff;font-weight:400}.type-tab.t-local-active{background:var(--green);border-color:var(--green);color:#fff;font-weight:400}@keyframes cardsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cards-fade{animation:cardsFadeIn .2s ease both}.content-section{max-width:1140px;margin:0 auto;padding:88px 48px}.section-header{display:flex;align-items:center;gap:18px;margin-bottom:52px}.section-label{font-family:var(--sans);font-size:.62rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.section-label.is-local{color:var(--green)}.section-rule{flex:1 1;height:1px;background:var(--border)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}.food-card{overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.food-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(0,0,0,.09)}.food-card.standard-card{background:var(--bg-card);border-left:3px solid #c8c5be}.food-card.standard-card .card-score-num{color:#888780;text-shadow:0 1px 8px rgba(0,0,0,.35)}.food-card.standard-card .card-score-sub{color:hsla(42,8%,76%,.9)}.food-card.local-card{background:#f4fbf7;border-left:3px solid var(--green)}.food-card.local-card .card-score-num{color:var(--green);text-shadow:0 1px 10px hsla(0,0%,100%,.5)}.food-card.local-card .card-score-sub{color:rgba(45,122,95,.75)}.food-card.local-card .card-quote{border-left-color:rgba(45,122,95,.25)}.card-photo{position:relative;height:230px;overflow:hidden;background:#ddd9d3}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.food-card:hover .card-photo img{transform:scale(1.05)}.card-score{position:absolute;top:14px;right:16px;text-align:right;line-height:1}.card-score-num{display:block;font-family:var(--serif);font-size:2.8rem;font-weight:300;line-height:1}.card-score-sub{display:block;font-family:var(--sans);font-size:.52rem;font-weight:300;letter-spacing:.1em;margin-top:3px}.card-photo-footer{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.38))}.card-badge{display:inline-block;font-family:var(--sans);font-size:.875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:2px}.card-badge.standard{background:hsla(38,4%,61%,.78);color:#fff}.card-badge.local{background:rgba(45,122,95,.88);color:#fff}.card-body{padding:24px 24px 20px}.card-name{font-family:var(--serif);font-size:1.35rem;font-weight:400;letter-spacing:.02em;color:var(--ink);line-height:1.3;margin-bottom:7px}.card-meta{font-family:var(--sans);font-size:.73rem;font-weight:300;color:var(--ink-3);letter-spacing:.03em;margin-bottom:16px}.card-quote{border-left:2px solid var(--green-dim);padding-left:14px;margin-bottom:18px}.card-quote p{font-family:var(--serif);font-size:.85rem;font-weight:300;font-style:italic;color:var(--ink-2);line-height:1.8;margin-bottom:7px}.card-quote cite{font-family:var(--sans);font-size:.67rem;font-weight:300;color:var(--ink-3);font-style:normal;letter-spacing:.04em}.card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.card-price{font-family:var(--sans);font-size:.8rem;font-weight:500;color:var(--green)}.card-access{font-family:var(--sans);font-size:.7rem;font-weight:300;color:var(--ink-3)}.section-std-wrap{background:#fff}.big-sep,.section-local-wrap{background:#eef7f2}.big-sep{padding:100px 48px;text-align:center}.big-sep-inner{display:flex;align-items:center;gap:32px;max-width:800px;margin:0 auto}.big-sep-line{flex:1 1;height:1px;background:rgba(45,122,95,.22)}.big-sep-text{font-family:var(--serif);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:300;letter-spacing:.08em;color:var(--ink);font-style:italic;white-space:nowrap}.site-footer{border-top:1px solid var(--border);padding:36px 48px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--serif);font-size:1rem;font-weight:300;letter-spacing:.12em;color:var(--ink)}.footer-copy{font-family:var(--sans);font-size:.67rem;font-weight:300;color:var(--ink-3);letter-spacing:.08em}.empty-state{padding:160px 48px 180px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.empty-state-icon{font-size:2.2rem;margin-bottom:28px;opacity:.28}.empty-state-title{font-family:var(--serif);font-size:1.25rem;font-weight:300;color:var(--ink-3);line-height:1.9;letter-spacing:.04em;margin-bottom:32px}.empty-state-btn{font-family:var(--sans);font-size:.82rem;font-weight:400;letter-spacing:.1em;color:#fff;background:var(--green);border:none;padding:14px 36px;border-radius:4px;cursor:pointer;transition:opacity .15s,transform .12s}.empty-state-btn:hover{opacity:.85;transform:translateY(-1px)}.modal-screen{position:fixed;inset:0;z-index:200;background:var(--bg);overflow:hidden}.modal-close-btn{background:hsla(38,29%,95%,.86);border:1px solid hsla(37,18%,86%,.6);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:var(--ink-2);cursor:pointer;padding:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color .15s}.modal-close-btn:hover{color:var(--ink)}.nav-pref-clear{font-family:var(--sans);font-size:.6rem;font-weight:400;letter-spacing:.06em;color:var(--ink-3);cursor:pointer;border:none;background:none;padding:0;text-decoration:underline;text-underline-offset:2px}.nav-pref-clear:hover{color:var(--green)}.map-panel{position:absolute;z-index:10;background:hsla(38,29%,95%,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(37,18%,86%,.6);border-radius:8px}.map-panel-tl{top:16px;left:16px;padding:12px 16px;min-width:180px}.map-panel-tl-q{font-family:var(--sans);font-size:.6rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.map-panel-tl-name{font-family:var(--serif);font-size:1.4rem;font-weight:300;color:var(--green);line-height:1.2}.map-panel-tl-hint{font-family:var(--sans);font-size:.7rem;font-weight:300;color:var(--ink-3);letter-spacing:.04em}.map-panel-tr{top:16px;right:16px;padding:9px 16px;display:flex;align-items:center;gap:18px}.map-back-btn{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.75rem;font-weight:300;color:var(--ink-2);padding:0;letter-spacing:.02em}.map-back-btn:hover{color:var(--green)}.map-step-label{font-family:var(--sans);font-size:.65rem;color:var(--ink-3);letter-spacing:.08em}.map-panel-br{bottom:20px;right:20px;padding:14px 14px 12px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.map-zoom-row{display:flex;gap:6px}.map-zoom-btn{width:34px;height:34px;background:var(--bg);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:1rem;color:var(--ink-2);cursor:pointer;transition:border-color .12s,color .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-zoom-btn:hover{border-color:var(--green);color:var(--green)}.map-zoom-btn.reset{font-size:.75rem;letter-spacing:.04em}.map-next-btn{padding:12px 28px;background:var(--green);color:#fff;border:none;border-radius:4px;font-family:var(--sans);font-size:.86rem;font-weight:400;letter-spacing:.06em;cursor:pointer;transition:opacity .15s;white-space:nowrap;width:100%;text-align:center}.map-next-btn:hover:not(:disabled){opacity:.82}.map-next-btn:disabled{opacity:.35;cursor:not-allowed}.map-progress{position:absolute;top:0;left:0;right:0;height:2px;background:var(--border);z-index:11}.map-progress-bar{height:100%;background:var(--green)}.map-tooltip{position:fixed;z-index:60;pointer-events:none;background:rgba(26,26,26,.82);color:#fff;font-family:var(--sans);font-size:.75rem;font-weight:300;letter-spacing:.04em;padding:5px 10px;border-radius:4px;white-space:nowrap;display:none}.step1-screen{position:fixed;inset:0;z-index:50;background:var(--bg);overflow:hidden}.step-wrap{display:flex;flex-direction:column}.step-heading{font-family:var(--serif);font-size:1.7rem;font-weight:300;color:var(--ink);line-height:1.4;margin-bottom:10px}.step-sub{font-size:.78rem;font-weight:300;letter-spacing:.04em;margin-bottom:32px}.step-section-label,.step-sub{font-family:var(--sans);color:var(--ink-3)}.step-section-label{font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-top:28px;margin-bottom:12px}.step-options{display:flex;flex-direction:column;gap:10px}.step-opt{display:flex;align-items:center;gap:16px;padding:15px 18px;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:border-color .15s,background .15s}.step-opt:hover{border-color:rgba(45,122,95,.4)}.step-opt.active{border-color:var(--green);background:rgba(45,122,95,.04)}.step-opt-label{font-family:var(--sans);font-size:.88rem;font-weight:300;color:var(--ink);width:140px;flex-shrink:0;text-align:left}.step-opt-bar-wrap{flex:1 1;height:2px;background:var(--border);border-radius:2px;overflow:hidden}.step-opt-bar{height:100%;background:var(--green);border-radius:2px;transition:width .35s ease}.step-opt-weight{font-family:var(--sans);font-size:.68rem;font-weight:400;color:var(--green);width:36px;text-align:right;flex-shrink:0}.step-options-h,.step-options-wrap{display:flex;flex-wrap:wrap;gap:8px}.step-chip{padding:9px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-family:var(--sans);font-size:.82rem;font-weight:300;color:var(--ink-2);cursor:pointer;transition:all .15s;letter-spacing:.02em;white-space:nowrap}.step-chip:hover:not(.active){border-color:rgba(45,122,95,.5);color:var(--green)}.step-chip.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:400}.step-field{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.step-field label{font-family:var(--sans);font-size:.68rem;font-weight:400;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}.step-field input,.step-field textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:12px 16px;font-family:var(--sans);font-size:.9rem;font-weight:300;color:var(--ink);outline:none;resize:none;transition:border-color .15s;-webkit-appearance:none}.step-field input:focus,.step-field textarea:focus{border-color:var(--green)}.step-field input::placeholder,.step-field textarea::placeholder{color:var(--ink-3)}.char-count{font-family:var(--sans);font-size:.68rem;font-weight:300;color:var(--ink-3)}.post-page{min-height:100vh;background:var(--bg)}.post-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:hsla(38,29%,95%,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.post-back{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.78rem;font-weight:300;color:var(--ink-2);letter-spacing:.04em;padding:6px 0}.post-back:hover{color:var(--green)}.post-title{font-family:var(--serif);font-size:.95rem;font-weight:300;letter-spacing:.12em;color:var(--ink)}.post-content{max-width:600px;margin:0 auto;padding:52px 24px 140px}.post-actions{position:fixed;bottom:0;left:0;right:0;background:hsla(38,29%,95%,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10}.post-actions-progress{height:2px;background:var(--border)}.post-actions-bar{height:100%;background:var(--green);transition:width .45s ease}.post-actions-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.post-actions-step{font-family:var(--sans);font-size:.7rem;font-weight:300;color:var(--ink-3);letter-spacing:.08em}.post-next{padding:16px 48px;background:var(--green);color:#fff;border:none;border-radius:5px;font-family:var(--sans);font-size:.9rem;font-weight:400;letter-spacing:.06em;cursor:pointer;transition:opacity .15s,transform .12s}.post-next:hover:not(:disabled){opacity:.86;transform:translateY(-1px)}.post-next:disabled{opacity:.32;cursor:not-allowed;transform:none}.img-preview{margin-top:12px;border-radius:6px;overflow:hidden;height:160px;background:var(--border);display:flex;align-items:center;justify-content:center}.img-preview img{width:100%;height:100%;object-fit:cover}.img-preview-hint{font-family:var(--sans);font-size:.72rem;color:var(--ink-3)}.card-badge.new-post{background:rgba(200,60,60,.85);color:#fff}.step6{text-align:center;padding:40px 0 20px}.step6-eyebrow{font-family:var(--sans);font-size:.65rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--green);margin-bottom:18px}.step6-score{font-size:clamp(96px,18vw,148px);line-height:1;color:var(--ink)}.step6-denom,.step6-score{font-family:var(--serif);font-weight:300}.step6-denom{font-size:1.3rem;color:var(--ink-3);margin-bottom:36px}.step6-item{font-family:var(--serif);font-size:1.05rem;font-weight:300;color:var(--ink);margin-bottom:6px;line-height:1.6}.step6-region{font-size:.78rem;margin-bottom:40px}.step6-region,.step6-thanks{font-family:var(--sans);font-weight:300;color:var(--ink-3)}.step6-thanks{font-size:.82rem;line-height:1.9}.step6-home{margin-top:36px;font-family:var(--sans);font-size:.8rem;letter-spacing:.1em;color:var(--green);background:none;border:1px solid var(--green);padding:11px 28px;border-radius:3px;cursor:pointer}@media (max-width:768px){.topnav{padding:16px 22px}.nav-links{gap:22px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100svh}.hero-left{padding:100px 22px 40px}.hero-title{font-size:clamp(64px,19vw,110px)}.hero-right{height:280px}.hero-divider,.hero-scroll{display:none}.content-section{padding:60px 22px}.card-grid{grid-template-columns:1fr;gap:22px}.big-sep{padding:72px 22px}.big-sep-inner{gap:18px}.big-sep-text{white-space:normal}.site-footer{flex-direction:column;gap:10px;text-align:center}.step-opt-label{width:100px}.map-panel-tl{top:10px;left:10px;padding:9px 12px;min-width:140px}.map-panel-tl-name{font-size:1.1rem}.map-panel-tr{top:10px;right:10px;padding:8px 12px;gap:12px}.map-panel-br{bottom:14px;right:12px;padding:10px 10px 8px;gap:8px}.map-zoom-btn{width:30px;height:30px}}