@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#3e342c;--muted:#82776b;--cream:#f8f5ed;--paper:#fffdf8;--green:#657c61;--green-dark:#405840;--orange:#d98249;--line:#e9e0d2;--blue:#dce8eb;--shadow:0 14px 38px rgba(67,51,31,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,6vw,88px);background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:700;white-space:nowrap;color:var(--green-dark)}nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,30px);font-size:.9rem}nav a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{padding:9px 16px;border-radius:999px;background:var(--green-dark);color:white}.nav-button{border:0;background:none;font:inherit;color:var(--green-dark);cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;min-height:590px;padding:72px clamp(24px,9vw,140px);background:radial-gradient(circle at 80% 15%,#e8eee2 0,transparent 28%),linear-gradient(120deg,#f8f5ed,#f4efe2)}.eyebrow{font-size:.76rem;letter-spacing:.18em;color:var(--orange);font-weight:800;margin:0 0 12px}.hero h1{font-size:clamp(2.25rem,4.5vw,4.2rem);line-height:1.4;letter-spacing:.02em;margin:0 0 22px}.hero h1 span{color:var(--green-dark)}.hero-copy>p:not(.eyebrow){color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 22px;background:var(--green-dark);color:white;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.button:hover{transform:translateY(-2px);opacity:.92}.button.secondary{background:#e9e2d4;color:var(--ink)}.button.full{width:100%;margin-top:8px}.hero-art{position:relative;display:grid;place-items:center;min-height:360px;border-radius:48% 48% 36% 36%;background:linear-gradient(145deg,#e5e9d9,#f2e6d3);overflow:hidden;box-shadow:var(--shadow)}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:#f3cf9b;top:42px;right:42px;opacity:.7}.cup{position:relative;z-index:1;font-size:clamp(7rem,15vw,12rem);filter:drop-shadow(0 15px 12px #90704a33);transform:rotate(-8deg)}.leaf{position:absolute;color:var(--green);font-size:4rem}.leaf-one{left:14%;top:18%}.leaf-two{right:16%;bottom:20%;font-size:3rem}.art-caption{position:absolute;bottom:24px;font-family:"Playfair Display",serif;letter-spacing:.1em;color:#6d7058}.section{max-width:980px;margin:0 auto;padding:88px 24px}.concept{text-align:center}.concept h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.6;margin:0 auto 28px;max-width:850px}.concept>p:not(.eyebrow){text-align:left;color:#655b50}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:0}.feature-card{padding:30px 25px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.feature-card>span{font-size:2rem}.feature-card h3{margin:12px 0 4px}.feature-card p{margin:0;color:var(--muted);font-size:.93rem}.banner{margin:0 clamp(20px,7vw,100px) 80px;padding:34px clamp(24px,5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:24px;background:#e7ebdf}.banner h2{margin:0;font-size:clamp(1.3rem,2.5vw,2rem)}.banner p:not(.eyebrow){margin-bottom:0;color:var(--muted)}footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:28px clamp(24px,7vw,100px);border-top:1px solid var(--line);background:#f0ebdf;color:var(--muted);font-size:.85rem}footer .brand{color:var(--green-dark)}footer small{margin-left:auto}.page-main{max-width:1100px;margin:0 auto;padding:50px 24px 90px}.page-heading{text-align:center;padding:20px 0 35px}.page-heading h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}.page-heading p:not(.eyebrow){color:var(--muted);margin:0}.page-heading.compact{padding-bottom:25px}.menu-tools,.calc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin-bottom:18px}.text-button{border:0;background:none;color:var(--green-dark);font:inherit;cursor:pointer}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.menu-group-title{grid-column:1/-1;font-size:1.2rem;color:var(--green-dark);margin:20px 0 0;padding-bottom:8px;border-bottom:1px solid var(--line)}.menu-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.menu-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.menu-card h3{margin:8px 0;font-size:1.08rem}.category-pill{display:inline-block;border-radius:999px;padding:4px 10px;background:#edf0e7;color:var(--green-dark);font-size:.76rem}.price{font-size:1.15rem;font-weight:800;white-space:nowrap;color:var(--orange)}.effect{font-size:.88rem;color:var(--muted);margin:6px 0 0}.note{color:var(--muted);font-size:.85rem;margin-top:24px}.recruit-panel{max-width:760px;margin:0 auto;padding:clamp(25px,5vw,55px);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);text-align:center}.recruit-icon{font-size:2.4rem}.recruit-panel h2{margin:10px 0 15px}.recruit-panel>p{color:var(--muted)}.recruit-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:26px 0}.recruit-list li{padding:13px;background:#f3f3e9;border-radius:12px;text-align:left}.highlight{font-weight:700;color:var(--green-dark)!important}.contact-box{margin-top:28px;padding:22px;border-radius:18px;background:#f7efe2}.contact-box h3{margin-top:0}.login-wrap{min-height:75vh;display:grid;place-items:center;padding:35px 20px}.login-card{width:min(100%,440px);padding:35px;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.login-card h1{margin:0;font-size:1.8rem}.login-card>p{color:var(--muted)}.login-card label,.total-card label{display:block;font-size:.9rem;font-weight:600;margin:17px 0}.login-card input,.total-card input,.total-card textarea,.search-label input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #dcd2c4;border-radius:10px;background:#fffefa;font:inherit;color:var(--ink)}.login-card>a{display:block;text-align:center;margin-top:18px;color:var(--green-dark)}.form-message{font-size:.9rem;color:var(--green-dark);min-height:1.4em}.form-message.error{color:#b44836}.calc-toolbar{margin:0 0 22px}.search-label{flex:1;min-width:220px}.search-label input{max-width:420px}.calc-list{display:grid;gap:12px}.calc-item{display:grid;grid-template-columns:minmax(0,1fr) 100px 125px;align-items:center;gap:18px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.calc-item h3{margin:0;font-size:1rem}.calc-item p{margin:3px 0 0;color:var(--muted);font-size:.85rem}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button{width:30px;height:30px;border:1px solid var(--line);background:#f0eee5;border-radius:50%;font-size:1.1rem;cursor:pointer}.qty-control input{width:42px;text-align:center;border:1px solid var(--line);border-radius:7px;padding:5px;font:inherit}.item-subtotal{text-align:right;font-weight:800;white-space:nowrap}.total-card{margin-top:25px;padding:clamp(22px,4vw,35px);background:#e7ebdf;border-radius:22px}.total-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px}.total-card strong{font-size:clamp(1.7rem,4vw,2.6rem);color:var(--green-dark)}.total-card label{max-width:650px}.total-card textarea{resize:vertical}.admin-panel{margin-top:25px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.hidden{display:none!important}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 20px}nav{flex-wrap:wrap;gap:10px 17px;font-size:.82rem}.hero{grid-template-columns:1fr;padding:52px 24px;gap:35px}.hero-art{min-height:270px}.feature-grid{grid-template-columns:1fr}.banner{align-items:flex-start;flex-direction:column}.menu-grid{grid-template-columns:1fr}.recruit-list{grid-template-columns:1fr}.calc-item{grid-template-columns:minmax(0,1fr) auto;gap:10px}.calc-item .qty-control{grid-column:1;grid-row:2}.item-subtotal{grid-column:2;grid-row:1/3}footer small{margin-left:0;width:100%}}

.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.admin-section{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-bottom:22px}.admin-section h2{margin-top:0}.muted{color:var(--muted);font-size:.9rem}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;background:#f6f3eb;border-radius:15px;margin:20px 0}.admin-form h3{grid-column:1/-1;margin:0}.admin-form label{font-size:.86rem;font-weight:600}.admin-form input,.admin-form select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #dcd2c4;border-radius:9px;background:#fffefa;font:inherit}.admin-form button{align-self:end}.admin-list{display:grid;gap:12px}.admin-record{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fffefa}.admin-record form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-record label{font-size:.82rem;color:var(--muted)}.admin-record input,.admin-record select{display:block;width:100%;padding:9px;border:1px solid #dcd2c4;border-radius:8px;font:inherit;color:var(--ink);background:white}.admin-record .record-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.small-button{border:0;border-radius:999px;padding:8px 15px;background:var(--green-dark);color:white;font:inherit;cursor:pointer}.small-button.danger{background:#a64f40}.status-pill{display:inline-block;border-radius:999px;padding:3px 9px;font-size:.75rem;background:#e8eee3;color:#405840}.status-pill.off{background:#f6e6df;color:#994d3c}@media(max-width:650px){.admin-form,.admin-record form{grid-template-columns:1fr}.admin-form h3,.admin-record .record-actions{grid-column:auto}}

/* Customer-facing menu table */
.customer-menu-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.customer-menu-table{width:100%;border-collapse:collapse;text-align:left}
.customer-menu-table th,.customer-menu-table td{padding:17px 22px;border-bottom:1px solid var(--line)}
.customer-menu-table th{background:#edf0e7;color:var(--green-dark);font-weight:800;white-space:nowrap}
.customer-menu-table tbody tr:last-child td{border-bottom:0}
.customer-menu-table tbody tr:hover{background:#fbf8f0}
.customer-menu-price{text-align:right;color:var(--orange);font-weight:800;white-space:nowrap}
@media(max-width:600px){.customer-menu-table th,.customer-menu-table td{padding:13px 12px;font-size:.9rem}.customer-menu-table th:first-child,.customer-menu-table td:first-child{white-space:nowrap}}