: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)}html,body{min-height:100%;overflow-x:hidden}body{color:#222;background:#f3f4f6;font-family:Inter,Noto Sans JP,Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#7c3aed,#db2777)}.page-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card-box{background:#fff;border-radius:12px;width:100%;max-width:420px;margin-top:20px;padding:24px;box-shadow:0 4px 20px #00000014}.title-block{text-align:center;margin-bottom:20px}.title{margin-bottom:12px;font-size:20px;font-weight:600}.brand-icon{object-fit:contain;opacity:.9;height:28px;transition:transform .2s}.brand-icon:hover{transform:scale(1.05)}.form-block{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.field-label{color:#555;margin-bottom:4px;font-size:13px}.input-box{box-sizing:border-box;background:#fafafa;border:1px solid #ccc;border-radius:6px;width:100%;height:48px;margin-bottom:12px;position:relative;overflow:hidden}.two-col{gap:10px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:700;transition:background .2s}.submit-btn:hover{background:#1e4fd1}.input-box>div{width:100%;height:100%;position:absolute;inset:0}.input-box iframe,div.input-box>div>iframe{all:unset!important;background:0 0!important;border:none!important;width:100%!important;height:50px!important;min-height:50px!important;display:block!important;position:absolute!important;inset:0!important}.pay-main{background:linear-gradient(to bottom right,#eef4ff,#fff);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:15px 20px 0;font-family:Inter,Noto Sans JP,sans-serif;display:flex}.pay-title{color:#222;text-align:center;margin-bottom:0;font-size:28px;font-weight:700}.card-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 20px #00000014}.card-section-title{color:#111;margin-bottom:16px;font-size:20px;font-weight:600}.card-registered-text{text-align:center;color:#16a34a;margin-bottom:8px;font-weight:700}.btn-card-register{color:#fff;background:#374151;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-weight:700;transition:background .2s}.btn-card-register:hover{background:#1f2937}.card-input-frame{background:#f9fafb;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:14px;box-shadow:inset 0 1px 3px #0000000d}.ssl-text{color:#6b7280;text-align:center;margin-bottom:10px;font-size:12px}.btn-card-submit{color:#fff;background:#2563eb;border-radius:10px;width:100%;padding:14px;font-weight:700;transition:background .2s}.btn-card-submit:hover{background:#1e4fd1}.btn-disabled{cursor:not-allowed;background:#ccc!important}.btn-subscribe{color:#fff;background:#16a34a;border-radius:12px;width:100%;max-width:420px;margin-top:24px;padding:16px;font-weight:700;transition:background .2s;box-shadow:0 4px 12px #0080001a}.btn-subscribe:hover{background:#15803d}.btn-subscribe:disabled{opacity:.5;cursor:not-allowed}.payjp-wrap{background:#f3f4f6;justify-content:center;align-items:center;width:100%;min-width:380px;max-width:500px;margin:0 auto;padding:5px;display:flex}.payjp-card-box{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:820px;margin:0 auto;padding:24px;box-shadow:0 8px 20px #0000001a}.payjp-title{text-align:center;color:#222;margin-bottom:16px;font-size:20px;font-weight:700}.brand-row{justify-content:space-between;gap:10px;margin-bottom:20px;display:flex}.payjp-brand-icon{object-fit:contain;opacity:.9;height:28px}.payjp-form{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.payjp-label{color:#333;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.payjp-input{box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:8px;width:100%;height:48px;padding:10px}.payjp-two-col{gap:12px;display:flex}.payjp-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background .2s}.payjp-submit-btn:hover{background:#1e4fd1}.plan-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;margin:0 auto 24px;padding:20px;box-shadow:0 8px 20px #0000001a}.plan-title{text-align:center;color:#222;margin-bottom:20px;font-size:22px;font-weight:700}.plan-card{background:#fff;border:1px solid #ddd;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .2s}.plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.plan-card.selected{background:#f0f7ff;border:2px solid #2563eb}.plan-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.plan-header h3{color:#333;font-size:18px;font-weight:600}.selected-badge{color:#2563eb;font-size:13px;font-weight:700}.plan-text{color:#444;margin-bottom:6px;font-size:15px}.plan-btn{border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:background .2s}.plan-btn.active{color:#fff;background:#2563eb}.plan-btn.active:hover{background:#1e4ed8}.plan-btn.disabled{color:#666;cursor:not-allowed;background:#ddd}:root{--maxw:430px;--bg-app:#f9fafb;--bg-page:#fff;--text:#333;--primary:#7b4fff;--shadow:0 4px 12px #00000014;--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{background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:4px}.mu-inner{width:100%;max-width:var(--maxw);margin:0 auto}.mu-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}body{justify-content:initial!important;display:block!important}main{max-width:430px!important;margin:0 auto!important;display:block!important}.page-wrapper,.frame-container,.dashboard-wrapper,.app-frame,.main-content{float:none!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}img,iframe{display:block}html,body{overflow-x:hidden}.payjp-brand-row,.brand-row{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin:8px 0 12px!important;display:flex!important}.payjp-brand-row img,.brand-row img,.payjp-brand-icon,.brand-icon{opacity:.9;object-fit:contain!important;width:auto!important;height:28px!important;display:block!important}main{margin-top:0!important;padding-top:0!important}.mu-main:before{content:"";background:#eff6fd;height:20px;display:block}.dashboard-wrapper img{object-fit:cover;width:100%;height:100%;display:block;margin-top:0!important}.mu-page>div[style*=padding-top]{padding-top:0!important}.tile.disabled{opacity:.4;filter:grayscale();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}.pay-main{padding-bottom:var(--footer-safe-pad)!important}: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))}}html,body{height:100%}.pay-main{box-sizing:border-box;padding-bottom:var(--footer-safe-pad)!important}.btn-cancel{color:#fff;cursor:pointer;background-color:#dc3545;border:1px solid #b52a36;border-radius:10px;width:100%;margin-top:8px;padding:12px 0;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s;display:block}.btn-cancel:hover:not(:disabled){background-color:#c82333}.btn-cancel:active:not(:disabled){background-color:#a71d2a;transform:scale(.98)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6;background-color:#f5b5bb;border-color:#e19a9f}.btn-remove-card{color:#333;cursor:pointer;background-color:#f0f2f5;border:1px solid #cfd4da;border-radius:10px;width:100%;margin-top:8px;padding:12px 0;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s;display:block}.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;cursor:not-allowed;opacity:.6;background-color:#f6f7f9;border-color:#e6e9ee}.btn-sync{color:#fff;will-change:transform;background:linear-gradient(#6366f1 0%,#4f46e5 100%);border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;transition:transform 60ms,filter .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 6px 20px #4f46e538}.btn-sync:hover{filter:brightness(1.03);box-shadow:0 8px 24px #4f46e547}.btn-sync:active{transform:translateY(1px)}.btn-sync:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pay-main .card-register-area{text-align:center;margin:20px 0 28px}.pay-main .history-section{margin-top:36px!important;margin-bottom:20px!important}.pay-main .bottom-buttons{text-align:center;flex-direction:column;gap:22px;margin-top:24px;display:flex}.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-acc{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:8px 12px;display:block}.history-acc__summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;list-style:none;display:flex}.history-acc__summary::-webkit-details-marker{display:none}.history-acc__title{color:#333}.history-section{margin-top:32px}.history-acc__summary{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#f9fafb,#f0f4f9);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.history-acc__title{font-size:15px}.history-acc__count{color:#666;margin-left:6px;font-size:13px}.history-acc__chev{fill:none;stroke:#666;stroke-width:2px;width:20px;height:20px;margin-left:auto;transition:transform .3s}details[open] .history-acc__chev{transform:rotate(180deg)}.history-list{flex-direction:column;gap:12px;margin-top:14px;padding:0 4px 12px;display:flex}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;list-style:none;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.history-row{flex-direction:column;gap:6px;display:flex}.history-when{color:#444;font-size:14px;font-weight:700}.history-what{color:#333;font-size:14px}.history-meta{color:#777;margin-top:4px;font-size:12px}body{padding-bottom:var(--footer-safe-pad)}:root,.sof-container{--accent-start:#5cc0ff;--accent-end:#b347ff;--accent-height:3px;--accent-inset:10px;--accent-glow:0 0 10px #835cff59}.sof-container[data-chat-theme=mu]{--accent-start:#06b6d4;--accent-end:#3b82f6;--accent-glow:0 0 10px #3b82f64d}.sof-container[data-chat-theme=alt]{--accent-start:#ff7a18;--accent-end:#af002d;--accent-glow:0 0 10px #ff7a184d}.sof-bubble{position:relative}.sof-bubble:before{content:"";top:-1px;left:var(--accent-inset);right:var(--accent-inset);height:var(--accent-height);background:linear-gradient(90deg,var(--accent-start),var(--accent-end));box-shadow:var(--accent-glow);pointer-events:none;z-index:1;border-radius:999px;position:absolute}.sof-bubble.is-user:before{content:none!important}:root,.sof-container{--user-start:#4da3ff;--user-end:#7a5dff;--user-text:#fff;--ai-bg1:#fff;--ai-bg2:#f7fbff;--ai-border:#5a8cdc40;--ai-shadow:0 6px 22px #0f23501a;--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;border-radius:14px 14px 6px;box-shadow:0 6px 16px #4c54be38}.sof-container .msg--user .bubble a{color:#fff;text-decoration:underline}.sof-container .msg--ai .bubble{background:linear-gradient(180deg,var(--ai-bg1),var(--ai-bg2));border:1px solid var(--ai-border);box-shadow:var(--ai-shadow);color:#0e1a2d;border-radius:14px 14px 14px 6px;position:relative}.sof-container .msg--ai .bubble:before{content:"";background:linear-gradient(#6bf0dd,#6bb9ff);border-radius:3px;width:3px;height:calc(100% - 20px);position:absolute;top:10px;left:-8px;box-shadow:0 0 10px #50bef059}.sof-container .msg--ai .avatar{background:radial-gradient(circle at 35% 35%,#eefefd,#e7f6ff 60%,#d9efff 100%);border-radius:999px;width:36px;height:36px;position:relative;overflow:visible;box-shadow:0 0 0 2px #fff}.sof-container .msg--ai .avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.sof-container .msg--ai .avatar:before{content:"";border-radius:inherit;background:radial-gradient(circle,var(--ai-aura1)0%,var(--ai-aura2)45%,transparent 60%);filter:blur(12px);opacity:.55;pointer-events:none;position:absolute;inset:-8px}.sof-container .typing-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0d162dbf;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:12px;display:none;position:sticky;bottom:8px;box-shadow:0 2px 10px #0a142840}.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{gap:4px;display:inline-flex}.sof-container .typing-badge .dot{opacity:.25;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s infinite typingBlink;transform:translateY(0)}.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--user .bubble,.sof-container .msg--ai .bubble{padding:12px 14px}.sof-container .msg--ai .avatar:before{content:"";border-radius:inherit;filter:blur(16px);opacity:.75;pointer-events:none;background:radial-gradient(circle,#6bf0dd 0%,#4fc3ff 40%,#0000 70%);position:absolute;inset:-10px}.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 main,.sofia-container .mu-inner{width:100%!important;max-width:none!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)}html[data-iros=true],body[data-iros=true],#mu-page[data-iros=true],.mu-main[data-iros=true]{overscroll-behavior:contain!important;overflow-y:hidden!important}