:root{--color-primary: #4f46e5;--color-primary-pressed: #4338ca;--color-primary-soft: rgba(79, 70, 229, .09);--color-on-primary: #ffffff;--color-bg: #f5f6fa;--color-surface: #ffffff;--color-surface-sunken: #eef0f5;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-success: #059669;--color-success-bg: #ecfdf5;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-info-bg: #eff6ff;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 1px 3px rgba(17, 24, 39, .06);--shadow-float: 0 8px 24px rgba(17, 24, 39, .12);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fs-2xl: 24px;--fs-xl: 20px;--fs-lg: 17px;--fs-md: 15px;--fs-sm: 13px;--fs-xs: 12px;--tabbar-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-md);line-height:1.45;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}.app-view{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface);box-shadow:0 0 0 1px var(--color-border)}.app-content{flex:1;padding:16px 16px calc(var(--tabbar-height) + var(--safe-bottom) + 16px);overflow-x:hidden}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:40}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-text-tertiary);font-size:10px;line-height:1;-webkit-tap-highlight-color:transparent}.tabbar-item.active{color:var(--color-primary)}.screen{display:flex;flex-direction:column;gap:16px;animation:screen-in .18s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screen-header{display:flex;align-items:center;gap:8px;min-height:40px}.screen-title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;margin:0}.search-row{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--fs-md);font-family:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-card)}.screen-subtitle{color:var(--color-text-secondary);font-size:var(--fs-sm);margin:-6px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;font-size:var(--fs-md);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,opacity .12s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:not(:disabled):active{background:var(--color-primary-pressed)}.btn-secondary{background:var(--color-primary-soft);color:var(--color-primary)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:6px 12px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.field-hint{font-size:var(--fs-xs);color:var(--color-text-tertiary)}.field-error{font-size:var(--fs-xs);color:var(--color-danger)}.input,.textarea,.select{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:var(--fs-md);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input[aria-invalid=true]{border-color:var(--color-danger)}.textarea{min-height:120px;resize:vertical;@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.textarea .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-card)}.textarea .list-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--color-border)}.textarea .list-item:last-child{border-bottom:none}.textarea .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.textarea .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.textarea .chip.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.textarea .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;line-height:1.4}.textarea .badge-success{background:var(--color-success-bg);color:var(--color-success)}.textarea .badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.textarea .rank-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.textarea .rank-card.best{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.textarea .rank-percent{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:72px;text-align:right}.textarea .rank-percent.zero{color:var(--color-text-tertiary);font-size:var(--fs-lg)}.textarea .bank-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);overflow:hidden;flex-shrink:0}.textarea .bank-avatar img{width:100%;height:100%;object-fit:contain;padding:6px}.textarea .bank-avatar .logo-fallback{font-size:15px;font-weight:700;color:var(--color-primary)}.textarea .banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);font-size:var(--fs-sm);line-height:1.4}.textarea .banner-new-month{background:var(--color-warning-bg);color:var(--color-warning)}.textarea .banner-offline{background:var(--color-info-bg);color:var(--color-text)}.textarea .banner-danger{background:var(--color-danger-bg);color:var(--color-danger)}.textarea .empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.textarea .empty-state-title{font-size:var(--fs-lg);font-weight:700;color:var(--color-text);margin:0}.textarea .skeleton-line{background:var(--color-surface-sunken);border-radius:6px;height:14px;animation:skeleton-pulse 1.2s ease-in-out infinite}.textarea .spinner{width:26px;height:26px;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.textarea .loading-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--color-text-secondary);font-size:var(--fs-sm)}.textarea .text-secondary{color:var(--color-text-secondary)}.textarea .text-danger{color:var(--color-danger)}.textarea .muted{font-size:var(--fs-xs);color:var(--color-text-tertiary)}.textarea .mt-8{margin-top:8px}.textarea .toast-host{position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 12px);left:50%;transform:translate(-50%);width:min(calc(100% - 32px),448px);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.textarea .toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);background:var(--color-text);color:#fff;font-size:var(--fs-sm);box-shadow:var(--shadow-float);animation:toast-in .2s ease-out;pointer-events:auto}.textarea .toast-success{background:var(--color-success)}.textarea .toast-error{background:var(--color-danger)}.textarea .stub{min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 24px;text-align:center}.textarea .stub-title{font-size:var(--fs-xl);font-weight:700;margin:0}.textarea .stub-body{color:var(--color-text-secondary);font-size:var(--fs-md);margin:0;max-width:40ch}.textarea .qr-placeholder{width:180px;height:180px;border-radius:16px;background:var(--color-surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--fs-xs);text-align:center;padding:12px}