:root{--accent: #86cf79;--text: #1b1d2b;--sub: #71748a;--line: #ececf3;--line-soft: #f2f2f8;--bg: #ffffff;--success: #2e9e78;--error: #b35f5f;--peach: #f08a72;--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--shadow: 0 1px 2px rgba(20, 20, 45, .05);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100%;display:flex;flex-direction:column;align-items:center;font-family:var(--font);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}.head-card{min-width:90%;flex:0 0 auto;margin:6px 16px 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 1px 3px #14142d0f;z-index:10;overflow:hidden}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 12px}.head-row .feat{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-status{display:flex;align-items:center;gap:8px;flex:0 0 auto}.bank-name{font-size:11px;font-weight:600;color:var(--sub);white-space:nowrap}.badge{font-size:11px;font-weight:700;color:var(--bank);white-space:nowrap}.head-credit{padding:5px 14px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.08em;color:#fffffff2;background:var(--bank)}.content{max-width:600px;flex:1 1 auto;padding:22px 28px 24px;display:flex;flex-direction:column}.title{margin:0 0 8px;text-align:center;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.02em}.copy{margin:0 0 18px;text-align:center;color:var(--sub);font-size:12.5px;line-height:1.7}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border-radius:var(--r-md);border:0;background:var(--bank);color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s}.btn:hover{background:var(--bank-ink)}.btn:active{transform:translateY(1px)}.btn-row{margin-top:auto;padding-top:20px}.container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:400px}.loader{border:5px solid #e0e0e0;border-top:5px solid #404040;border-radius:50%;width:120px;height:120px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:24px;color:#444;font-weight:500}