body{min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#181c2f,#232946);color:#f3f4f6;display:flex;align-items:center;justify-content:center}.container,.container.dark{max-width:740px;width:100%;min-width:720px;background:#232946;border-radius:24px;box-shadow:0 6px 32px #14142852;padding:56px 40px 40px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}h1{font-size:2rem;font-weight:700;margin-bottom:32px;color:#a3a8f0;letter-spacing:-1px;text-align:center}button{background:linear-gradient(90deg,#6366f1,#38bdf8);color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:600;margin-bottom:18px;margin-top:8px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #6366f11f}button:disabled{background:#3b3f5c;color:#bfc7d5;cursor:not-allowed}button:hover:not(:disabled){background:linear-gradient(90deg,#818cf8,#38bdf8);box-shadow:0 4px 16px #6366f13d}.form-group{width:100%;margin-bottom:18px;display:flex;flex-direction:column;align-items:flex-start}.form-group label{font-size:1rem;font-weight:500;margin-bottom:6px;color:#a3a8f0}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1.5px solid #393e5c;border-radius:8px;font-size:1rem;background:#181c2f;color:#f3f4f6;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus{border:1.5px solid #38bdf8}.status{width:100%;margin-top:18px;background:#181c2f;border-radius:10px;padding:16px 14px;font-size:1rem;color:#f3f4f6;box-shadow:0 1px 4px #6366f11a;word-break:break-all}.status a{color:#38bdf8;text-decoration:underline;font-weight:500;transition:color .2s}.status a:hover{color:#f59e42}.status strong{color:#10b981;font-size:1.08em}.history{width:100%;background:#181c2f;border-radius:12px;padding:1rem;margin-top:1.5rem}.theme-toggle{margin-bottom:1rem;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;background:#333;color:#fff;transition:background .2s,color .2s}.user-id-box{margin-top:2rem;padding:1rem;background:#181c2f;border-radius:10px;color:#a3a8f0;font-weight:600;text-align:center;word-break:break-all;width:100%;max-width:100%;box-sizing:border-box}.user-id-address{color:#38bdf8;font-family:monospace;font-size:1rem;word-break:break-all;display:inline-block;max-width:100%;overflow-wrap:break-word}select{width:100%;padding:.9rem 1.2rem;border-radius:10px;border:1.5px solid #393e5c;background:#181c2f;color:#f3f4f6;font-size:1.08rem;font-weight:500;margin-bottom:1.2rem;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.2rem;transition:border .2s,box-shadow .2s}select:focus{border:1.5px solid #38bdf8;box-shadow:0 0 0 2px #38bdf826}option{color:#232946;background:#f3f4f6;font-size:1.05rem;font-weight:500;padding:.7rem 1.2rem}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;z-index:1000}.modal-content{background:#232946;border:1px solid #555e7b;border-radius:16px;padding:32px;max-width:480px;width:90%;text-align:center}.history-item{margin-bottom:1rem;padding:1rem;border-radius:12px;background:#181c2f;border:1px solid #393e5c;box-shadow:0 2px 12px #00000040;transition:transform .2s}.history-item:hover{transform:scale(1.01)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.heading{font-size:3rem;font-weight:800;margin-bottom:2.5rem;text-align:center;background:linear-gradient(90deg,#a855f7,#ec4899,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heading-secondary{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:#a3a8f0}.connect-btn,.send-btn{width:100%}.connect-btn{background:linear-gradient(90deg,#2563eb,#06b6d4)}.send-btn{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.copy-btn{padding:.3rem .75rem;font-size:.75rem;margin-left:.5rem}.select-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.select-row .form-group{flex:1 1 0;min-width:0}@media (max-width: 700px){.select-row{flex-direction:column;gap:.75rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#232946;padding:2rem;border-radius:16px;max-width:420px;width:100%;text-align:center;box-shadow:0 6px 32px #14142852}.tx-link{color:#38bdf8;text-decoration:underline;word-break:break-all}.tx-link:hover{color:#818cf8}.tx-info{font-size:.9rem;margin-bottom:.5rem;word-break:break-all}.received-msg{font-size:1.125rem;color:#10b981;font-weight:600;margin-top:1rem}.history-wrapper{margin-top:2rem}.message-card{margin-bottom:1rem;padding:1rem;border-radius:12px;background:#181c2f;border:1px solid #393e5c;box-shadow:0 2px 12px #00000040;transition:transform .2s}.message-card:hover{transform:scale(1.01)}.message-card-text{font-size:1rem;color:#f3f4f6;margin-bottom:.5rem}.message-card-meta{font-size:.8rem;color:#a3a8f0;margin-bottom:.3rem;word-break:break-all}.card{background:#232946;border-radius:32px;box-shadow:0 8px 40px #5050a040;border:2px solid #a855f7;padding:48px 36px 36px;max-width:700px;width:100%;margin:48px auto;display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}@media (max-width: 600px){.card{padding:24px 8px;max-width:98vw}}.card .form-group,.card .select-row,.card .status,.card .user-id-box,.card .history{width:100%}.card .heading{margin-top:0;margin-bottom:2rem}.card .connect-btn,.card .send-btn{margin-bottom:1.2rem;margin-top:.2rem}.card .send-btn{font-size:1.2rem;padding:1.1rem 0}.card .status{margin-bottom:.5rem;margin-top:.5rem}.card .history{margin-top:1.5rem}.card .user-id-box{margin-bottom:.5rem}