:root{--bg-1: #050816;--bg-2: #0b1330;--panel: rgba(15, 20, 40, .88);--line: rgba(202, 168, 79, .22);--line-strong: rgba(202, 168, 79, .36);--gold: #f2dd9a;--gold-strong: #fff0bf;--text: #f8f3df;--muted: #dbc979;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--ok-bg: rgba(56, 142, 60, .18);--ok-bd: rgba(129, 199, 132, .38);--ok-tx: #d6f5da;--wait-bg: rgba(255, 193, 7, .16);--wait-bd: rgba(255, 224, 130, .38);--wait-tx: #fff1bf;--err-bg: rgba(198, 40, 40, .18);--err-bd: rgba(239, 154, 154, .34);--err-tx: #ffd6d6;--info-bg: rgba(255, 255, 255, .04);--info-bd: rgba(255, 255, 255, .12);--info-tx: #e9defd}*{box-sizing:border-box}html,body{margin:0;padding:0}body{position:relative;min-height:100vh;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;color:var(--text);background:#050816;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.9;background:url(/images/bg-cosmic-luxury.png) center top / cover no-repeat,linear-gradient(135deg,var(--bg-1) 0%,#07112a 50%,#020615 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 12%,rgba(182,140,255,.12),transparent 28%),radial-gradient(circle at 84% 18%,rgba(242,221,154,.08),transparent 24%),linear-gradient(180deg,#02030a38,#04071461 45%,#0a072099)}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:20;background:#040814d1;backdrop-filter:blur(10px);border-bottom:1px solid rgba(202,168,79,.12)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:2rem;font-weight:700;color:var(--gold-strong);letter-spacing:.08em}.logo-mark{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff6cf,#c79d36 70%);box-shadow:0 0 16px #ffe28a99}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-link{color:var(--gold);font-size:.95rem;font-weight:700;transition:color .18s ease,transform .18s ease}.nav-link:hover{color:var(--gold-strong);transform:translateY(-1px)}.nav-pill,.nav-logout{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:999px;border:1px solid rgba(202,168,79,.38);background:linear-gradient(180deg,#f2dd9a1f,#caa84f0f),#ffffff05;color:var(--gold-strong);cursor:pointer;font:inherit;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-pill:hover,.nav-logout:hover{transform:translateY(-1px);border-color:#f2dd9a9e;background:linear-gradient(180deg,#f2dd9a33,#caa84f1a),#ffffff08}.nav-user{color:var(--gold-strong)}.page{padding:40px 0 88px}.hero,.panel,.history-wrap{border:1px solid rgba(242,221,154,.24);border-radius:28px;background:radial-gradient(circle at 18% 8%,rgba(255,240,191,.035),transparent 34%),radial-gradient(circle at 82% 18%,rgba(182,140,255,.05),transparent 38%),linear-gradient(180deg,#080c1ce0,#08091ad6);box-shadow:var(--shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero{padding:40px;margin-bottom:28px}.panel{padding:34px;margin-bottom:28px}.history-wrap{padding:34px}.badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(202,168,79,.28);color:var(--gold);font-size:.82rem;letter-spacing:.08em;margin-bottom:16px}.hero h1,.panel h2,.history-wrap h2{margin:0 0 12px;color:var(--gold-strong);line-height:1.35}.hero p,.panel p,.history-wrap p{margin:0;color:var(--muted);line-height:1.9}.billing-message{display:none;margin:0 0 18px;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);color:var(--gold);background:#caa84f14;line-height:1.8;white-space:pre-wrap;word-break:break-word}.billing-message.is-show{display:block}.billing-message.is-error{border-color:var(--err-bd);background:#c628281f;color:var(--err-tx)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.menu-card,.history-card,.loading-card,.empty-card,.notice-card,.debug-card,.member-status-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#141830f0,#151126e0)}.menu-card,.member-status-card{padding:24px}.menu-card.featured{border-color:#b68cff6b;box-shadow:0 0 30px #b68cff1f}.menu-card.current,.member-status-card.current{border-color:#f2dd9a66;background:linear-gradient(135deg,#f2dd9a14,#b68cff14),linear-gradient(180deg,#141830f0,#151126e0)}.menu-card h3,.history-card h3,.member-status-card h3{margin:0 0 10px;color:var(--gold-strong)}.price{margin:16px 0;font-size:1.32rem;font-weight:700;color:var(--gold-strong)}.plan-note{margin-top:12px;color:var(--muted);line-height:1.8;font-size:.92rem}.member-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;margin-bottom:12px}.member-status-badge.free{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text)}.member-status-badge.normal{background:#f2dd9a1f;border:1px solid rgba(242,221,154,.28);color:var(--gold-strong)}.member-status-badge.premium{background:#b68cff2e;border:1px solid rgba(182,140,255,.34);color:#f0e6ff}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}.btn-gold{color:#1a1405;background:linear-gradient(135deg,#f0d46a,#cfa640);box-shadow:0 10px 24px #cfa64047}.btn-violet{color:#fff8ff;background:linear-gradient(135deg,#7f5af0,#b68cff);box-shadow:0 10px 24px #7f5af042}.btn-secondary{color:var(--gold-strong);border-color:#caa84f47;background:#ffffff08}.btn-disabled{opacity:.55;cursor:default;pointer-events:none}.history-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.history-status-tools{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.notice-card{display:none;padding:14px 16px;border:1px solid var(--info-bd);background:var(--info-bg);color:var(--info-tx);line-height:1.8;white-space:pre-wrap;word-break:break-word}.notice-card.is-show{display:block}.notice-card.is-error{border-color:var(--err-bd);background:#c628281f;color:var(--err-tx)}.debug-card{display:none;padding:16px;color:var(--muted);font-size:.9rem;line-height:1.8;white-space:pre-wrap;word-break:break-word}.debug-card.is-show{display:block}.history-list{display:grid;gap:16px}.history-more-wrap{display:none;justify-content:center;margin-top:18px}.history-more-wrap.is-show{display:flex}.history-more-button{min-width:min(100%,280px)}.loading-card,.empty-card{padding:24px;color:var(--muted)}.history-card{position:relative;overflow:hidden;padding:24px;background:linear-gradient(135deg,rgba(182,140,255,.08),transparent 42%),linear-gradient(180deg,#ffffff09,#ffffff04),#0e1226eb;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.history-card:before{content:"";position:absolute;inset:0 auto auto 0;width:72px;height:1px;background:linear-gradient(90deg,rgba(242,221,154,.8),transparent)}.history-card.is-clickable{cursor:pointer}.history-card.is-clickable:hover{transform:translateY(-2px);border-color:#caa84f57}.history-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.history-date{color:var(--gold);font-size:.88rem;margin-bottom:8px}.history-status{padding:6px 12px;border-radius:999px;border:1px solid rgba(202,168,79,.24);color:var(--muted);font-size:.85rem}.history-status--completed{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-tx)}.history-status--processing{background:var(--wait-bg);border-color:var(--wait-bd);color:var(--wait-tx)}.history-status--error{background:var(--err-bg);border-color:var(--err-bd);color:var(--err-tx)}.history-status--unknown{background:#ffffff14;border-color:#ffffff24;color:var(--text)}.history-summary{line-height:1.85;color:var(--muted);margin-bottom:14px}.history-actions{display:flex;gap:10px;flex-wrap:wrap}.history-action{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(202,168,79,.34);background:linear-gradient(180deg,#f2dd9a14,#7fb5ff08),#ffffff08;color:var(--gold-strong);font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.history-action:hover{transform:translateY(-1px);filter:brightness(1.08)}.history-action.primary{border:1px solid rgba(255,241,193,.76);background:linear-gradient(180deg,#fff0bf,#d9b55a 56%,#b68a2a);box-shadow:0 0 20px #f2dd9a2e,inset 0 1px #ffffff73;color:#1a1202}.history-action.danger{border-color:#d269696b;background:#541c243d;color:#f0b8b8}.footer{border-top:1px solid rgba(202,168,79,.22);background:#02030aeb}.footer-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#b99e48;font-size:.92rem}.footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-links a{color:#b99e48}.footer-links a:hover{color:var(--gold-strong)}.footer-note{width:100%;margin-top:-8px;color:#f5e8bf9e;line-height:1.8;font-size:.86rem}@media(max-width:720px){.container{width:min(100% - 20px,1120px)}.hero,.panel,.history-wrap{padding:22px;border-radius:22px}.header-inner{min-height:auto;padding:14px 0;align-items:stretch;justify-content:center;flex-direction:column;gap:12px}.logo{width:100%;justify-content:center;font-size:1.65rem}.nav{width:100%;justify-content:center;gap:8px}.nav-link{font-size:.82rem;padding:7px 4px}.nav-user{width:100%;text-align:center;overflow-wrap:anywhere}.nav-pill,.nav-logout{min-height:40px;padding:0 13px;font-size:.82rem;white-space:nowrap}.btn-row,.history-actions{width:100%;flex-direction:column;align-items:stretch}.btn,.history-action{width:100%}.history-card{padding:20px}.footer-inner{min-height:auto;padding:24px 0;flex-direction:column;align-items:flex-start}}.history-action.danger{border-color:#ef9a9a6b;background:#c628281f;color:#ffd6d6}.history-action.danger:hover{border-color:#ef9a9ab8;background:#c6282838;color:#fff}.history-action[disabled]{opacity:.58;cursor:not-allowed;transform:none!important}@media(max-width:768px){body:before,body:after{position:absolute;min-height:100%}body:before{opacity:.82}}