*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--green-50: #f0fdf4;--green-200: #bbf7d0;--green-700: #15803d;--red-50: #fef2f2;--red-200: #fecaca;--red-700: #b91c1c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius: .625rem;--shadow-card: 0 1px 3px rgb(0 0 0 / .12), 0 4px 16px rgb(0 0 0 / .08);--transition: .14s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}.page{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 4rem}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10}.header-inner{max-width:600px;margin:0 auto;padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem;color:var(--indigo-600)}.logo svg{width:1.5rem;height:1.5rem}.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;letter-spacing:.01em}.status-ok{background:var(--green-50);color:var(--green-700)}.status-warn{background:var(--indigo-50);color:var(--indigo-600)}.status-err{background:var(--red-50);color:var(--red-700)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-card);padding:2rem;width:100%;max-width:560px}.card-title{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.card-subtitle{font-size:.875rem;color:var(--gray-500);margin-bottom:1.75rem}.bank-config-wrap{margin-bottom:1rem}.bank-config-toggle{font-size:.84rem;font-weight:600}.bank-config-panel{margin-top:.6rem;margin-bottom:0}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.375rem}.input-row{display:flex;gap:.5rem}input[type=text],input[type=number],select{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:.5rem;font-size:.9375rem;color:var(--gray-900);background:#fff;transition:border-color var(--transition),box-shadow var(--transition);outline:none}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px var(--indigo-100)}.account-picker{width:auto;flex-shrink:0;cursor:pointer;color:var(--indigo-600);font-weight:600;border-color:var(--indigo-100);background:var(--indigo-50)}.history-actions{margin-top:.5rem}.secondary-btn{border:1px solid var(--gray-200);border-radius:.5rem;background:#fff;color:var(--gray-700);font-size:.8125rem;font-weight:600;padding:.45rem .75rem;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.secondary-btn:hover:not(:disabled){border-color:var(--indigo-500);color:var(--indigo-600);background:var(--indigo-50)}.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.op-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.op-tile{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border:2px solid var(--gray-200);border-radius:.625rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--gray-500);background:var(--gray-50);transition:border-color var(--transition),background var(--transition),color var(--transition);-webkit-user-select:none;user-select:none}.op-tile input[type=radio]{display:none}.op-tile svg{width:1.25rem;height:1.25rem}.op-tile:hover{border-color:var(--indigo-500);color:var(--indigo-600);background:var(--indigo-50)}.op-active{border-color:var(--indigo-600)!important;background:var(--indigo-50)!important;color:var(--indigo-700)!important}.amount-wrap{position:relative}.currency-sign{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-weight:600;color:var(--gray-400);pointer-events:none;font-size:.9375rem}.amount-wrap input{padding-left:1.75rem}.advanced-toggle{margin-bottom:.75rem}.link-btn{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--indigo-600);font-weight:500;padding:0}.link-btn:hover{text-decoration:underline}.advanced-panel{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.checkbox-field{margin-top:-.1rem}.checkbox-card{border:1px solid var(--indigo-100);border-radius:.5rem;background:var(--indigo-50);padding:.75rem .875rem}.secret-mode-tile{width:100%;border:1px solid var(--indigo-100);border-radius:.5rem;background:#fff;padding:.65rem .75rem;display:flex;align-items:center;gap:.65rem;text-align:left;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.secret-mode-tile:hover{border-color:var(--indigo-500);background:var(--indigo-50)}.secret-mode-active{border-color:var(--indigo-600);background:var(--indigo-50)}.secret-mode-indicator{width:1.2rem;flex-shrink:0;color:var(--indigo-600);font-size:1rem;font-weight:700}.secret-mode-title{font-weight:600;color:var(--indigo-700);line-height:1.35}.checkbox-hint{margin-top:.55rem;padding-left:.1rem;font-size:.78rem;color:var(--gray-500)}.submit-btn{width:100%;padding:.6875rem 1rem;border:none;border-radius:.5rem;background:var(--indigo-600);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background var(--transition),opacity var(--transition)}.submit-btn:hover:not(:disabled){background:var(--indigo-700)}.submit-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.result-box{margin-top:1.5rem;padding:1rem 1.125rem;border-radius:.625rem;border:1px solid}.result-ok{background:var(--green-50);border-color:var(--green-200)}.result-err{background:var(--red-50);border-color:var(--red-200)}.result-heading{font-weight:700;font-size:.9375rem;margin-bottom:.5rem}.result-ok .result-heading{color:var(--green-700)}.result-err .result-heading{color:var(--red-700)}.result-dl{display:flex;flex-direction:column;gap:.25rem}.result-row{display:flex;justify-content:space-between;font-size:.9rem}.result-row dt{color:var(--gray-500);font-weight:500}.result-row dd{font-weight:700;color:var(--gray-900)}.result-detail{font-size:.875rem;color:var(--red-700);margin-bottom:.25rem}.result-code{font-size:.72rem;color:var(--gray-400);font-family:monospace;margin-top:.375rem;padding-top:.375rem;border-top:1px solid var(--red-200);letter-spacing:.01em}.secret-box{margin-top:.8rem;padding:.75rem;border:1px solid var(--green-200);border-radius:.5rem;background:#fff}.secret-title{font-size:.78rem;font-weight:700;color:var(--green-700);margin-bottom:.25rem}.secret-value{font-family:monospace;font-size:.8rem;color:var(--gray-800);word-break:break-all}.history-box{margin-top:1rem;padding:1rem 1.125rem;border-radius:.625rem;border:1px solid var(--gray-200);background:var(--gray-50)}.history-heading{font-weight:700;font-size:.9375rem;color:var(--gray-800);margin-bottom:.5rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.history-item{border:1px solid var(--gray-200);border-radius:.5rem;background:#fff;padding:.5rem .625rem}.history-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--gray-700)}.history-meta{margin-top:.2rem;color:var(--gray-500)}.history-ok{color:var(--green-700);font-weight:700}.history-fail{color:var(--red-700);font-weight:700}.history-error{font-size:.85rem;color:var(--red-700)}.history-empty{font-size:.85rem;color:var(--gray-500)}.footer{text-align:center;padding:1rem;font-size:.75rem;color:var(--gray-400);border-top:1px solid var(--gray-100)}@media(max-width:480px){.card{padding:1.25rem}.op-grid{grid-template-columns:repeat(2,1fr)}.advanced-panel{grid-template-columns:1fr}}