.page-enter-active,.page-leave-active{transition:opacity .28s ease,transform .28s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}:root{--bg: #0E0F13;--bg-2: #0B0C10;--surface: #16181F;--surface-2: #1C1F28;--ink: #ECE7DE;--ink-soft: #A9A399;--ink-faint: #6C6760;--indigo: #3B4C8A;--indigo-soft: #5567ad;--vermillon: #E2483D;--vermillon-glow: rgba(226, 72, 61, .55);--gold: #C9A24B;--gold-soft: #e0bd6e;--matcha: #7C9A6B;--line: rgba(236, 231, 222, .1);--line-strong: rgba(236, 231, 222, .18);--radius: 14px;--radius-lg: 20px;--shadow: 0 18px 48px -18px rgba(0, 0, 0, .8);--maxw: 1200px;--serif: "Shippori Mincho", "Noto Serif JP", serif;--sans: "Inter", "Noto Sans JP", system-ui, sans-serif;--t-fast: .18s cubic-bezier(.2, .7, .3, 1);--t: .4s cubic-bezier(.16, .84, .32, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 50% at 80% -5%,rgba(59,76,138,.22),transparent 60%),radial-gradient(50% 40% at 8% 110%,rgba(226,72,61,.14),transparent 60%),radial-gradient(40% 30% at 50% 50%,rgba(124,154,107,.05),transparent 70%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.15;margin:0 0 .4em;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:color var(--t-fast)}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(18px,5vw,40px)}.section{padding-block:clamp(56px,9vw,120px);position:relative}.section--tight{padding-block:clamp(40px,6vw,72px)}.stack{display:flex;flex-direction:column}.grid{display:grid;gap:clamp(16px,2.5vw,28px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.kana{font-family:var(--serif);color:var(--vermillon);opacity:.85}.kana-watermark{position:absolute;font-family:var(--serif);font-size:clamp(7rem,22vw,18rem);color:#ece7de06;line-height:.8;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.title-xl{font-size:clamp(2.4rem,6.5vw,5rem)}.title-lg{font-size:clamp(1.9rem,4.5vw,3.2rem)}.title-md{font-size:clamp(1.35rem,3vw,2rem)}.lead{font-size:clamp(1rem,1.6vw,1.18rem);color:var(--ink-soft);max-width:60ch}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.btn{--c: var(--vermillon);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--vermillon),#b9352c);box-shadow:0 0 0 0 var(--vermillon-glow),var(--shadow);transition:transform var(--t-fast),box-shadow var(--t),filter var(--t-fast);overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:translate(-120%);transition:transform .65s ease;z-index:-1}.btn:hover{transform:translateY(-2px);box-shadow:0 0 26px 1px var(--vermillon-glow),var(--shadow)}.btn:hover:after{transform:translate(120%)}.btn:active{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong);box-shadow:none}.btn--ghost:hover{border-color:var(--gold);color:var(--gold-soft);box-shadow:0 0 18px -6px #c9a24b80}.btn--gold{background:linear-gradient(135deg,var(--gold),#a9853a);color:#1a160c}.btn--gold:hover{box-shadow:0 0 24px -2px #c9a24b80,var(--shadow)}.btn--sm{padding:9px 16px;font-size:.85rem}.btn--block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.card{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--t),transform var(--t),box-shadow var(--t);position:relative;overflow:hidden}.card--hover:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>label{font-size:.82rem;font-weight:500;color:var(--ink-soft);letter-spacing:.02em}.input,.select,.textarea{width:100%;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a24b24;outline:none;background:var(--surface)}.textarea{resize:vertical;min-height:92px}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A9A399' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);text-transform:uppercase;background:#ece7de08;white-space:nowrap}.badge--gold{color:var(--gold);border-color:#c9a24b66}.badge--matcha{color:var(--matcha);border-color:#7c9a6b66}.badge--vermillon{color:#ff6b60;border-color:#e2483d73}.badge--indigo{color:var(--indigo-soft);border-color:#3b4c8a80}.badge--allergen{color:var(--ink-faint)}.lantern-line{display:flex;align-items:center;gap:14px;color:var(--gold);opacity:.8}.lantern-line:before,.lantern-line:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}@keyframes neon-pulse{0%,to{text-shadow:0 0 6px var(--vermillon-glow),0 0 22px rgba(226,72,61,.3)}50%{text-shadow:0 0 12px var(--vermillon-glow),0 0 38px rgba(226,72,61,.45)}}.neon{animation:neon-pulse 3.4s ease-in-out infinite}.signpost{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--line),transparent);pointer-events:none}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes clip-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.reveal{opacity:0}.reveal.is-in{animation:fade-up var(--t) forwards}.reveal-clip.is-in{animation:clip-in .6s cubic-bezier(.16,.84,.32,1) forwards}.spinner{width:26px;height:26px;border:2px solid var(--line-strong);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{display:grid;place-items:center;padding:60px 0;gap:14px;color:var(--ink-soft)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--matcha);box-shadow:0 0 #7c9a6b99;animation:live-ping 1.8s ease-out infinite}@keyframes live-ping{0%{box-shadow:0 0 #7c9a6b8c}70%,to{box-shadow:0 0 0 9px #7c9a6b00}}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 32px))}.toast{background:var(--surface-2);border:1px solid var(--line-strong);border-left:3px solid var(--gold);border-radius:12px;padding:13px 16px;box-shadow:var(--shadow);animation:fade-up var(--t-fast) forwards;font-size:.92rem}.toast--error{border-left-color:var(--vermillon)}.toast--success{border-left-color:var(--matcha)}.row{display:flex;align-items:center;gap:12px}.row-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.mt-s{margin-top:8px}.mt-m{margin-top:18px}.mt-l{margin-top:34px}.tag-rail{display:flex;gap:8px;flex-wrap:wrap}.price{font-family:var(--serif);color:var(--gold);font-weight:600;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}