:root{--header-h:53px;--footer-safe-pad:calc(54px + env(safe-area-inset-bottom, 0px));--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}body,html{min-height:100%}body{font-family:Inter,Noto Sans JP,Arial,Helvetica,sans-serif;background:#f3f4f6;color:#222;overflow-x:hidden}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#7c3aed,#db2777)}.page-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card-box{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;margin-top:20px}.title-block{text-align:center;margin-bottom:20px}.title{font-size:20px;font-weight:600;margin-bottom:12px}.brand-row{justify-content:center;gap:12px}.brand-icon{height:28px;object-fit:contain;opacity:.9;transition:transform .2s ease}.brand-icon:hover{transform:scale(1.05)}.form-block{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.field-label{font-size:13px;margin-bottom:4px;color:#555}.input-box{position:relative;width:100%;height:48px;border:1px solid #ccc;border-radius:6px;background:#fafafa;overflow:hidden;margin-bottom:12px;box-sizing:border-box}.two-col{display:flex;gap:10px}.submit-btn{width:100%;padding:12px;background:#2563eb;color:#fff;font-weight:700;border-radius:6px;border:none;font-size:16px;cursor:pointer;transition:background .2s ease}.submit-btn:hover{background:#1e4fd1}.input-box>div{position:absolute;inset:0;width:100%;height:100%}.input-box iframe,div.input-box>div>iframe{all:unset!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:50px!important;min-height:50px!important;border:none!important;background:transparent!important}.pay-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 20px 0;background:linear-gradient(to bottom right,#eef4ff,#ffffff);font-family:Inter,Noto Sans JP,sans-serif;gap:4px}.pay-title{font-size:28px;font-weight:700;color:#222;margin-bottom:0;text-align:center}.card-section{background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:24px;width:100%;max-width:420px}.card-section-title{font-size:20px;font-weight:600;margin-bottom:16px;color:#111}.card-registered-text{text-align:center;font-weight:700;color:#16a34a;margin-bottom:8px}.btn-card-register{width:100%;padding:12px;border-radius:8px;background:#374151;color:#fff;font-weight:700;transition:background .2s ease;margin-top:8px}.btn-card-register:hover{background:#1f2937}.card-input-frame{border:1px solid #ccc;padding:14px;border-radius:10px;background:#f9fafb;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);margin-bottom:10px}.ssl-text{font-size:12px;color:#6b7280;text-align:center;margin-bottom:10px}.btn-card-submit{width:100%;padding:14px;border-radius:10px;font-weight:700;color:#fff;background:#2563eb;transition:background .2s ease}.btn-card-submit:hover{background:#1e4fd1}.btn-disabled{background:#ccc!important;cursor:not-allowed}.btn-subscribe{background:#16a34a;color:white;padding:16px;border-radius:12px;font-weight:700;margin-top:24px;max-width:420px;width:100%;transition:background .2s ease;box-shadow:0 4px 12px rgba(0,128,0,.1)}.btn-subscribe:hover{background:#15803d}.btn-subscribe:disabled{opacity:.5;cursor:not-allowed}.payjp-wrap{width:100%;max-width:500px;min-width:380px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:5px;margin:0 auto}.payjp-card-box{width:100%;max-width:820px;margin:0 auto;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 8px 20px rgba(0,0,0,.1);padding:24px;box-sizing:border-box}.payjp-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:16px;color:#222}.brand-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.payjp-brand-icon{height:28px;object-fit:contain;opacity:.9}.payjp-form{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.payjp-label{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;display:block}.payjp-input{width:100%;height:48px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fafafa;box-sizing:border-box}.payjp-two-col{display:flex;gap:12px}.payjp-submit-btn{width:100%;padding:14px;font-weight:700;background:#2563eb;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.payjp-submit-btn:hover{background:#1e4fd1}.plan-panel{width:100%;max-width:420px;margin:0 auto 24px;background:#fff;padding:20px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 8px 20px rgba(0,0,0,.1)}.plan-title{text-align:center;font-size:22px;font-weight:700;margin-bottom:20px;color:#222}.plan-card{border:1px solid #ddd;border-radius:12px;padding:16px;margin-bottom:16px;background:#fff;transition:all .2s ease}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.plan-card.selected{border:2px solid #2563eb;background:#f0f7ff}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-header h3{font-size:18px;font-weight:600;color:#333}.selected-badge{font-size:13px;color:#2563eb;font-weight:700}.plan-text{font-size:15px;color:#444;margin-bottom:6px}.plan-btn{width:100%;padding:10px;font-weight:600;border:none;border-radius:8px;transition:background .2s ease}.plan-btn.active{background:#2563eb;color:#fff}.plan-btn.active:hover{background:#1e4ed8}.plan-btn.disabled{background:#ddd;color:#666;cursor:not-allowed}:root{--maxw:430px;--bg-app:#f9fafb;--bg-page:#fff;--text:#333;--primary:#7b4fff;--shadow:0 4px 12px rgba(0,0,0,0.08);--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:4px;background:linear-gradient(45deg,#8b5cf6,#ec4899)}.mu-inner{width:100%;max-width:var(--maxw);margin:0 auto}.mu-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}body{justify-content:normal!important}body,main{display:block!important}main{max-width:430px!important;margin:0 auto!important}.app-frame,.dashboard-wrapper,.frame-container,.main-content,.page-wrapper{max-width:none!important;float:none!important;margin-left:auto!important;margin-right:auto!important}iframe,img{display:block}body,html{overflow-x:hidden}.brand-row,.payjp-brand-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:8px 0 12px!important}.brand-icon,.brand-row img,.payjp-brand-icon,.payjp-brand-row img{height:28px!important;width:auto!important;display:block!important;object-fit:contain!important;opacity:.9}main{padding-top:0!important;margin-top:0!important}.mu-main:before{content:"";display:block;height:20px;background:#eff6fd}.dashboard-wrapper img{width:100%;height:100%;object-fit:cover;display:block;margin-top:0!important}.mu-page>div[style*=padding-top]{padding-top:0!important}.tile.disabled{opacity:.4;filter:grayscale(100%);cursor:not-allowed}.header,.navbar{height:42px;padding:4px 10px;font-size:14px}.header .logo{height:26px}@font-face{font-family:ZenMaruGothic;src:url(/fonts/ZenMaruGothic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:ZenMaruGothic,system-ui,sans-serif}:root{--footer-height:64px;--footer-safe-pad:calc(var(--footer-height) + env(safe-area-inset-bottom, 0px))}@supports (padding-bottom:constant(safe-area-inset-bottom)){:root{--footer-safe-pad:calc(var(--footer-height) + constant(safe-area-inset-bottom))}}body,html{height:100%}.pay-main{padding-bottom:var(--footer-safe-pad)!important;box-sizing:border-box}.btn-cancel{display:block;width:100%;padding:12px 0;margin-top:8px;font-size:14px;font-weight:700;color:#fff;background-color:#dc3545;border:1px solid #b52a36;border-radius:10px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-cancel:hover:not(:disabled){background-color:#c82333}.btn-cancel:active:not(:disabled){background-color:#a71d2a;transform:scale(.98)}.btn-cancel:disabled{background-color:#f5b5bb;border-color:#e19a9f;cursor:not-allowed;opacity:.6}.btn-remove-card{display:block;width:100%;padding:12px 0;margin-top:8px;font-size:14px;font-weight:700;color:#333;background-color:#f0f2f5;border:1px solid #cfd4da;border-radius:10px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-remove-card:hover:not(:disabled){background-color:#e6e9ee}.btn-remove-card:active:not(:disabled){background-color:#dde1e7;transform:scale(.98)}.btn-remove-card:disabled{color:#9aa0a6;background-color:#f6f7f9;border-color:#e6e9ee;cursor:not-allowed;opacity:.6}.btn-sync{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 6px 20px rgba(79,70,229,.22);transition:transform .06s ease,filter .2s ease,box-shadow .2s ease,background .2s ease;will-change:transform}.btn-sync:hover{filter:brightness(1.03);box-shadow:0 8px 24px rgba(79,70,229,.28)}.btn-sync:active{transform:translateY(1px)}.btn-sync:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pay-main .card-register-area{margin:20px 0 28px;text-align:center}.pay-main .history-section{margin-top:36px!important;margin-bottom:20px!important}.pay-main .bottom-buttons{display:flex;flex-direction:column;gap:22px;margin-top:24px;text-align:center}.pay-main .bottom-buttons button,.pay-main .card-register-area .btn-card-submit{width:100%;max-width:360px;margin:0 auto}.pay-main .history-acc__summary{padding:10px 12px}.history-section{margin-top:24px}.history-acc{display:block;border:1px solid #ddd;border-radius:8px;background:#fafafa;padding:8px 12px}.history-acc__summary{font-weight:700;font-size:14px;list-style:none}.history-acc__summary::-webkit-details-marker{display:none}.history-acc__title{color:#333}.history-acc__count{font-size:12px;margin-left:8px}.history-acc__chev{width:16px;height:16px;stroke:#555;transition:transform .2s}.history-section{margin-top:32px}.history-acc__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,#f9fafb,#f0f4f9);font-weight:600;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.history-acc__title{font-size:15px}.history-acc__count{font-size:13px;color:#666;margin-left:6px}.history-acc__chev{width:20px;height:20px;fill:none;stroke:#666;stroke-width:2;margin-left:auto;transition:transform .3s}details[open] .history-acc__chev{transform:rotate(180deg)}.history-list{margin-top:14px;display:flex;flex-direction:column;gap:12px;padding:0 4px 12px}.history-item{list-style:none;background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.history-row{display:flex;flex-direction:column;gap:6px}.history-when{font-size:14px;color:#444;font-weight:700}.history-what{font-size:14px;color:#333}.history-meta{font-size:12px;color:#777;margin-top:4px}body{padding-bottom:var(--footer-safe-pad)}.sof-container,:root{--accent-start:#5cc0ff;--accent-end:#b347ff;--accent-height:3px;--accent-inset:10px;--accent-glow:0 0 10px rgba(131,92,255,0.35)}.sof-container[data-chat-theme=mu]{--accent-start:#06b6d4;--accent-end:#3b82f6;--accent-glow:0 0 10px rgba(59,130,246,0.3)}.sof-container[data-chat-theme=alt]{--accent-start:#ff7a18;--accent-end:#af002d;--accent-glow:0 0 10px rgba(255,122,24,0.3)}.sof-bubble{position:relative}.sof-bubble:before{content:"";position:absolute;top:-1px;left:var(--accent-inset);right:var(--accent-inset);height:var(--accent-height);border-radius:999px;background:linear-gradient(90deg,var(--accent-start),var(--accent-end));box-shadow:var(--accent-glow);pointer-events:none;z-index:1}.sof-bubble.is-user:before{content:none!important}.sof-container,:root{--user-start:#4da3ff;--user-end:#7a5dff;--user-text:#ffffff;--ai-bg1:#ffffff;--ai-bg2:#f7fbff;--ai-border:rgba(90,140,220,0.25);--ai-shadow:0 6px 22px rgba(15,35,80,0.1);--ai-aura1:#51e1cf;--ai-aura2:#4fc3ff}.sof-container .msg--user .bubble{background:linear-gradient(135deg,var(--user-start),var(--user-end));color:var(--user-text);border:none;box-shadow:0 6px 16px rgba(76,84,190,.22);border-radius:14px 14px 6px 14px}.sof-container .msg--user .bubble a{color:#fff;text-decoration:underline}.sof-container .msg--ai .bubble{position:relative;background:linear-gradient(180deg,var(--ai-bg1),var(--ai-bg2));border:1px solid var(--ai-border);box-shadow:var(--ai-shadow);border-radius:14px 14px 14px 6px;color:#0e1a2d}.sof-container .msg--ai .bubble:before{content:"";position:absolute;left:-8px;top:10px;width:3px;height:calc(100% - 20px);border-radius:3px;background:linear-gradient(180deg,#6bf0dd,#6bb9ff);box-shadow:0 0 10px rgba(80,190,240,.35)}.sof-container .msg--ai .avatar{position:relative;width:36px;height:36px;border-radius:999px;overflow:visible;background:radial-gradient(circle at 35% 35%,#eefefd,#e7f6ff 60%,#d9efff 100%);box-shadow:0 0 0 2px #fff}.sof-container .msg--ai .avatar img{border-radius:999px;display:block;width:100%;height:100%;object-fit:cover}.sof-container .msg--ai .avatar:before{inset:-8px;background:radial-gradient(circle,var(--ai-aura1) 0,var(--ai-aura2) 45%,transparent 60%);filter:blur(12px);opacity:.55}.sof-container .typing-badge{position:-webkit-sticky;position:sticky;bottom:8px;margin-left:auto;display:none;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:999px;color:#fff;background:rgba(13,22,45,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(10,20,40,.25);z-index:2}.sof-container:has(.message-list .msg--ai.pending) .typing-badge{display:inline-flex}.sof-container[data-typing=ai] .typing-badge{display:inline-flex}.sof-container .typing-badge .dots{display:inline-flex;gap:4px}.sof-container .typing-badge .dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.25;transform:translateY(0);animation:typingBlink 1.2s infinite}.sof-container .typing-badge .dot:nth-child(2){animation-delay:.15s}.sof-container .typing-badge .dot:nth-child(3){animation-delay:.3s}@keyframes typingBlink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.sof-container .bubble{line-height:1.65}.sof-container .msg--ai .bubble,.sof-container .msg--user .bubble{padding:12px 14px}.sof-container .msg--ai .avatar:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(circle,#6bf0dd 0,#4fc3ff 40%,transparent 70%);filter:blur(16px);opacity:.75;pointer-events:none}.pb-safe{padding-bottom:max(env(safe-area-inset-bottom),16px)}.pt-safe{padding-top:max(env(safe-area-inset-top),16px)}.pl-safe{padding-left:max(env(safe-area-inset-left),16px)}.pr-safe{padding-right:max(env(safe-area-inset-right),16px)}:root{--footer-max-w:520px}.sofia-container .mu-inner,.sofia-container main{max-width:none!important;width:100%!important}body.mu-dashboard .tile .tile-icon{width:clamp(36px,calc(var(--tile-size) * .52),52px)!important;height:clamp(36px,calc(var(--tile-size) * .52),52px)!important}body.mu-dashboard .tile .tile-label{font-size:clamp(12.5px,calc(var(--tile-size) * .155),15px)!important}:root{--header-h:44px;--footer-safe-pad:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}