@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "DM Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 14px;--sp-4: 20px;--sp-5: 28px;--sp-6: 40px;--sp-7: 56px;--sp-8: 80px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: clamp(32px, 5vw, 44px);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 100px;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .15s var(--ease);--t-base: .25s var(--ease);--t-slow: .5s var(--ease)}[data-theme=dark]{--bg: #0f1117;--bg-soft: #151821;--surface: #1a1e2a;--surface-hover: #1f2436;--surface-raised: #232940;--surface-highlight: #2a3150;--text: #f0f2f8;--text-2: #8b93a9;--text-3: #525c74;--accent: #6c63ff;--accent-hover: #7d76ff;--accent-soft: rgba(108, 99, 255, .12);--accent-text: #ffffff;--green: #34d399;--green-soft: rgba(52, 211, 153, .1);--red: #f87171;--red-soft: rgba(248, 113, 113, .1);--yellow: #fbbf24;--yellow-soft: rgba(251, 191, 36, .1);--border: rgba(255, 255, 255, .06);--border-active: rgba(255, 255, 255, .12);--ring: rgba(108, 99, 255, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);color-scheme:dark}[data-theme=dim]{--bg: #1c1b20;--bg-soft: #222127;--surface: #2a292f;--surface-hover: #302f36;--surface-raised: #353440;--surface-highlight: #3d3c48;--text: #eee;--text-2: #9694a0;--text-3: #5d5b66;--accent: #a78bfa;--accent-hover: #b9a4fb;--accent-soft: rgba(167, 139, 250, .1);--accent-text: #111;--green: #34d399;--green-soft: rgba(52, 211, 153, .08);--red: #f87171;--red-soft: rgba(248, 113, 113, .08);--yellow: #fbbf24;--yellow-soft: rgba(251, 191, 36, .08);--border: rgba(255, 255, 255, .06);--border-active: rgba(255, 255, 255, .1);--ring: rgba(167, 139, 250, .25);--shadow: 0 4px 20px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);color-scheme:dark}[data-theme=light]{--bg: #f5f5f7;--bg-soft: #eeeef1;--surface: #ffffff;--surface-hover: #fafafb;--surface-raised: #ffffff;--surface-highlight: #f0f0f3;--text: #111;--text-2: #555;--text-3: #999;--accent: #5b4cff;--accent-hover: #4a3bef;--accent-soft: rgba(91, 76, 255, .06);--accent-text: #ffffff;--green: #16a34a;--green-soft: rgba(22, 163, 74, .06);--red: #dc2626;--red-soft: rgba(220, 38, 38, .06);--yellow: #ca8a04;--yellow-soft: rgba(202, 138, 4, .06);--border: rgba(0, 0, 0, .07);--border-active: rgba(0, 0, 0, .12);--ring: rgba(91, 76, 255, .15);--shadow: 0 4px 24px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .04);color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;font-family:var(--font);font-size:var(--fs-base);font-weight:500;line-height:1.6;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background var(--t-slow),color var(--t-base)}.container{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,40px);position:relative}.header{padding:var(--sp-8) 0 var(--sp-6)}.header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.header h1{font-size:var(--fs-3xl);font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.03em}.header h1 .accent{color:var(--accent)}.header .subtitle{color:var(--text-2);font-size:var(--fs-lg);margin-top:var(--sp-3);font-weight:400;line-height:1.5;max-width:480px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:start}.col-left,.col-right{display:flex;flex-direction:column;gap:var(--sp-4)}.section{padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.section:hover{border-color:var(--border-active)}.section--highlight{background:var(--accent-soft);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 22px;border:none;border-radius:var(--r-pill);font-family:var(--font);font-weight:700;font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast);user-select:none;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:0 4px 16px -4px var(--ring)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px -4px var(--ring)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px -2px var(--ring)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-soft);color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.btn-secondary.active{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.btn-sm{padding:8px 16px;font-size:var(--fs-xs);font-weight:600}.btn-group{display:flex;gap:var(--sp-2);flex-wrap:wrap}input[type=text],input[type=number],select{width:100%;padding:14px 18px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:var(--fs-base);font-weight:500;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}textarea{width:100%;padding:16px 18px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.8;resize:vertical;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}input::placeholder,textarea::placeholder{color:var(--text-3);font-weight:400}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23999' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--text-2);margin-bottom:var(--sp-3)}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:var(--fs-xs);font-weight:700;border-radius:var(--r-pill);letter-spacing:.02em}.tag-success{background:var(--green-soft);color:var(--green)}.tag-error{background:var(--red-soft);color:var(--red)}.tag-pending{background:var(--yellow-soft);color:var(--yellow)}.file-drop{border:2px dashed var(--border);border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;cursor:pointer;transition:all var(--t-base);color:var(--text-3);font-size:var(--fs-base);font-weight:500}.file-drop:hover,.file-drop.drag-over{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.tx-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bg-soft);border:1px solid var(--border);transition:border-color var(--t-fast)}.tx-item:hover{border-color:var(--border-active)}.tx-hash{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);text-decoration:none}.tx-hash:hover{text-decoration:underline}.theme-switcher{display:flex;background:var(--surface);border-radius:var(--r-pill);padding:4px;border:1px solid var(--border);gap:2px;flex-shrink:0}.theme-switcher button{background:none;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:var(--fs-base);color:var(--text-3);transition:all var(--t-fast);font-family:var(--font);display:flex;align-items:center;justify-content:center}.theme-switcher button:hover{color:var(--text);background:var(--bg-soft)}.theme-switcher button.active{background:var(--accent);color:var(--accent-text);box-shadow:0 2px 8px -2px var(--ring)}.summary-box{padding:var(--sp-4) var(--sp-5);background:var(--accent-soft);border-radius:var(--r-md);margin-bottom:var(--sp-4)}.summary-label{color:var(--text-3);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.summary-total{color:var(--accent);font-weight:800;font-size:var(--fs-xl);margin-top:var(--sp-2)}.wallet-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.wallet-status{font-weight:700;font-size:var(--fs-base);color:var(--text)}.wallet-status .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--sp-2);vertical-align:middle}.wallet-status .dot--on{background:var(--green);box-shadow:0 0 8px var(--green)}.wallet-status .dot--off{background:var(--text-3)}.wallet-address{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);margin-top:4px}.wallet-hint{font-size:var(--fs-sm);color:var(--text-3);margin-top:4px}.how-to-use-toggle{background:none;border:none;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--fs-base);font-weight:600;width:100%;text-align:left;padding:0;display:flex;justify-content:space-between;align-items:center;transition:color var(--t-fast)}.how-to-use-toggle:hover{color:var(--accent)}.how-to-use-content{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.how-to-use-step{display:flex;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-base);color:var(--text-2);line-height:1.6}.how-to-use-step strong{color:var(--accent);font-size:var(--fs-xs);font-weight:800;background:var(--accent-soft);padding:2px 8px;border-radius:var(--r-pill);flex-shrink:0}.helper-text{font-size:var(--fs-sm);color:var(--text-3);margin-top:var(--sp-2);display:block}.helper-text--warning{color:var(--yellow)}.helper-text--accent{color:var(--text-2)}.error-text{color:var(--red);font-size:var(--fs-sm);font-weight:600;text-align:center;margin-top:var(--sp-3);padding:var(--sp-3);background:var(--red-soft);border-radius:var(--r-md)}.token-info{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--text-3);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.token-info .token-address{font-family:var(--font-mono)}.token-info .token-balance{color:var(--text-2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:slide-up .6s var(--ease) both}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:70ms}.animate-in:nth-child(3){animation-delay:.14s}.animate-in:nth-child(4){animation-delay:.21s}.animate-in:nth-child(5){animation-delay:.28s}.animate-in:nth-child(6){animation-delay:.35s}.animate-in:nth-child(7){animation-delay:.42s}.spinner{width:18px;height:18px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.footer{text-align:center;padding:var(--sp-8) 0 var(--sp-6);color:var(--text-3);font-size:var(--fs-sm)}.footer a{color:var(--accent);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}@media(max-width:860px){.two-col{grid-template-columns:1fr}.header{padding:var(--sp-7) 0 var(--sp-5)}.header h1{font-size:var(--fs-2xl)}.header-row{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}}@media(max-width:480px){.section{padding:var(--sp-4);border-radius:var(--r-md)}.btn{padding:10px 16px;font-size:var(--fs-xs)}.btn-group{gap:var(--sp-1)}}