:root{color-scheme:dark;--gold:#d5ac60;--gold2:#a8792e;--ink:#0b0907;--panel:#110d09ee;--line:#8b682c88;--muted:#d6cbbb;--cream:#fff8ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--cream);font-family:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;background:#17100a}.lounge-bg{position:fixed;inset:-12px;z-index:-2;background:url("assets/customer-lounge-login-bg.webp") center/cover no-repeat;filter:blur(2px);transform:scale(1.02)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#070707a8,#6f4e2582 50%,#080604b5)}a{color:inherit}.back-link{position:fixed;top:18px;left:18px;z-index:9;padding:10px 15px;border:1px solid #d5ac6070;border-radius:999px;background:#100d0ac9;text-decoration:none;font:700 12px/1 sans-serif;letter-spacing:.05em;backdrop-filter:blur(10px)}.lounge-shell{width:min(620px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.lounge-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.brand-name{font-size:28px;line-height:1.25}.brand-name small{display:block;margin-top:5px;color:#e2bf78;font-size:12px;letter-spacing:.2em}.brand-pills{display:flex;gap:8px;padding-top:8px}.pill{padding:8px 15px;border:1px solid #b88b3b66;border-radius:999px;background:#72582699;color:#ffe8ae;font:700 12px/1 sans-serif}.login-intro{text-align:center;margin:10px 0 16px}.login-intro .logo{display:inline-block;padding:7px 18px;border-radius:999px;background:#735a2eb5;color:#fff;font-size:18px}.login-intro h1{margin:14px 0 5px;font-size:32px;line-height:1.35;font-weight:500}.login-intro p{margin:0;color:#f2e9dc;line-height:1.8;font-size:14px}.panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#1b1510f5,#090705f5);box-shadow:0 28px 70px #0009,0 0 0 1px #f3d37b10 inset;backdrop-filter:blur(18px)}.login-panel{padding:32px}.panel-title{margin:0 0 22px;text-align:center;color:#f1d28c;font-size:24px;letter-spacing:.12em}.field{margin:0 0 14px}.field label{display:block;margin:0 0 7px;color:#e9d7b5;font-size:13px}.field input{width:100%;height:62px;padding:0 19px;border:1px solid #a77a326e;border-radius:18px;outline:none;background:#29241f;color:#fff;font:600 18px/1 sans-serif}.field input:focus{border-color:#f0c76d;box-shadow:0 0 0 3px #dca94d22}.login-help{margin:10px 0 20px;color:#cfc4b3;font:13px/1.6 sans-serif}.login-button{width:100%;height:66px;border:0;border-radius:18px;background:linear-gradient(90deg,#ae7626,#d1a353,#a96f23);color:#fff;cursor:pointer;font:800 21px/1 sans-serif;letter-spacing:.12em;box-shadow:0 12px 28px #b27b2a30}.login-button:hover{filter:brightness(1.08)}.form-error{min-height:22px;margin:8px 0 0;color:#ffb1a0;font:700 13px/1.5 sans-serif;text-align:center}.login-note{margin:18px 0 0;text-align:center;color:#bcb2a4;font:12px/1.7 sans-serif}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.benefit{padding:18px 8px;border:1px solid #8f6c3780;border-radius:16px;text-align:center;background:#0d0a07}.benefit strong{display:block;color:#f0cc7a;font-size:20px}.benefit span{display:block;margin-top:6px;color:#d6cbbb;font-size:12px}.welcome-card{padding:28px}.eyebrow{color:#e8c57a;font:700 13px/1 sans-serif;letter-spacing:.14em}.welcome-card h1{margin:18px 0;font-size:34px;line-height:1.35;font-weight:500}.welcome-card p{margin:0;color:#d7cec0;line-height:1.9;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stat{padding:16px 5px;border:1px solid #84642d80;border-radius:17px;text-align:center;background:#19130e}.stat strong{display:block;color:#f5d98f;font-size:27px}.stat span{display:block;margin-top:5px;color:#d7cebf;font-size:12px;line-height:1.4}.section-title{margin:28px 4px 15px;font-size:20px;letter-spacing:.12em}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.menu-card{min-height:175px;padding:21px;border:1px solid #87662d88;border-radius:24px;background:linear-gradient(145deg,#17120ded,#090705f5);text-decoration:none;box-shadow:0 15px 34px #0006}.menu-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#4c3a1c;color:#ffe59e;font:24px/1 sans-serif}.menu-card h2{margin:15px 0 7px;color:#f1d18b;font-size:20px}.menu-card p{margin:0;color:#cbbfae;font-size:12px;line-height:1.7}.diary-card{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid #87662d80;border-radius:22px;background:#100c09dd}.diary-thumb{width:78px;aspect-ratio:3/4;border-radius:14px;background:linear-gradient(145deg,#b28c51,#352519);display:grid;place-items:center;color:#fff;font-size:28px}.diary-card h3{margin:0 0 6px;color:#efd08a}.diary-card p{margin:0;color:#c9beaf;font-size:12px;line-height:1.6}.bottom-nav{position:sticky;bottom:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:22px;padding:10px;border:1px solid #8f6d34aa;border-radius:26px;background:#080604ed;box-shadow:0 16px 40px #000a;backdrop-filter:blur(16px)}.bottom-nav a{text-align:center;text-decoration:none;color:#d8cbb9;font:10px/1.4 sans-serif}.bottom-nav b{display:block;margin-bottom:4px;color:#f0ce81;font-size:19px}@media(max-width:640px){.back-link{position:absolute}.lounge-shell{padding-top:62px}.brand-name{font-size:23px}.brand-pills{display:none}.login-intro h1{font-size:27px}.login-panel{padding:24px 18px}.panel-title{font-size:20px}.welcome-card{padding:23px 18px}.welcome-card h1{font-size:29px}.menu-grid{gap:10px}.menu-card{min-height:160px;padding:17px}.menu-card h2{font-size:17px}.bottom-nav{bottom:8px}.benefits{gap:6px}.benefit{padding:15px 4px}}