@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg: #0f1724;--card: #0b1220;--muted: #94a3b8;--text: #e6eef8;--accent: #7c3aed;--accent-2: #06b6d4;--glass: rgba(255,255,255,.04);--radius: 12px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace;--ui-gap: 24px}.app-heading{font-size:36px;font-weight:800;text-align:center;color:#d0eb22;margin-bottom:40px;text-shadow:2px 2px 6px rgba(243,7,7,.5);animation:headingBounce 2s infinite alternate}@keyframes headingBounce{0%{transform:translateY(0)}50%{transform:translateY(-10px) scale(1.05)}to{transform:translateY(0)}}.card:after{content:"";display:block;width:10px;height:10px;background:var(--accent-2);border-radius:50%;margin:10px auto 0;animation:cartoonBounce 1.2s infinite alternate}@keyframes cartoonBounce{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.3)}to{transform:translateY(0) scale(1)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg) 0%,#071022 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:32px}.app-shell{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}@media (max-width: 880px){.app-shell{grid-template-columns:1fr;padding:8px}}.brand .logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700;color:#fff;font-family:var(--mono);animation:logoPulse 2s infinite}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:18px;box-shadow:0 6px 20px #02061799,inset 0 1px #ffffff05;border:1px solid rgba(255,255,255,.03);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #020617cc}.input,input[type=text],textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:var(--glass);color:var(--text);font-size:14px;outline:none;transition:box-shadow .12s ease,transform .08s ease;animation:inputFadeIn .6s ease forwards;opacity:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:600;background:linear-gradient(90deg,var(--accent),#5b21b6);color:#fff;box-shadow:0 8px 18px #0c082899;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #0c0828cc}.wallet-adapter-button,.wallet-adapter-button *{border-radius:10px!important;font-weight:600!important;padding:8px 12px!important;transition:transform .2s ease}.wallet-adapter-button:hover{transform:translateY(-2px)}.status{margin-top:8px;padding:12px;border-radius:8px;background:#06080c66;border:1px solid rgba(255,255,255,.02);color:var(--muted);font-size:13px;animation:fadeIn .8s ease forwards;opacity:0}.signature{font-family:var(--mono);font-size:13px;background:#0a0c1266;padding:10px;border-radius:8px;word-break:break-all;color:var(--text);animation:fadeIn 1s ease forwards;opacity:0}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes inputFadeIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.badge.success{background:linear-gradient(90deg,var(--accent-2),#0ea5a4);color:#042027;animation:fadeIn .8s ease forwards;opacity:0}.badge.warn{background:linear-gradient(90deg,#f59e0b,#f97316);color:#1b1406;animation:fadeIn .8s ease forwards;opacity:0}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-gap);margin-bottom:8px}.header .brand{display:flex;align-items:center;gap:12px}.brand .logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700;color:#fff;font-family:var(--mono)}.brand h1{font-size:18px;margin:0;line-height:1;color:var(--text)}.brand p{margin:0;font-size:12px;color:var(--muted)}.controls{display:flex;gap:12px;align-items:center}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:18px;box-shadow:0 6px 20px #02061799,inset 0 1px #ffffff05;border:1px solid rgba(255,255,255,.03)}.main{display:flex;flex-direction:column;gap:16px}.sidebar{display:flex;flex-direction:column;gap:16px;align-self:start}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.input,input[type=text],textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:var(--glass);color:var(--text);font-size:14px;outline:none;transition:box-shadow .12s ease,transform .08s ease}.input:focus,input[type=text]:focus,textarea:focus{box-shadow:0 6px 18px #7c3aed1f;transform:translateY(-1px);border-color:#7c3aed59}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:600;background:linear-gradient(90deg,var(--accent),#5b21b6);color:#fff;box-shadow:0 8px 18px #0c082899}.btn.secondary{background:none;color:var(--text);border:1px solid rgba(255,255,255,.04)}.btn.ghost{background:transparent;border:1px dashed rgba(255,255,255,.03);color:var(--muted)}.btn:active{transform:translateY(1px)}.wallet-adapter-button,.wallet-adapter-button *{border-radius:10px!important;font-weight:600!important;padding:8px 12px!important}.controls .input-small{width:160px}.status{margin-top:8px;padding:12px;border-radius:8px;background:#06080c66;border:1px solid rgba(255,255,255,.02);color:var(--muted);font-size:13px}.signature{font-family:var(--mono);font-size:13px;background:#0a0c1266;padding:10px;border-radius:8px;word-break:break-all;color:var(--text)}.h{font-size:14px;margin:0 0 8px;color:var(--text);font-weight:700}.sub{font-size:13px;color:var(--muted);margin:0}.help{font-size:12px;color:var(--muted);margin-top:6px}.footer{grid-column:1 / -1;margin-top:18px;text-align:center;color:var(--muted);font-size:13px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}@media (max-width:520px){.controls{flex-direction:column;align-items:stretch}.controls .input-small{width:100%}}.card:hover{transform:translateY(-4px);transition:transform .18s cubic-bezier(.2,.9,.2,1)}.badge{display:inline-block;padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px}.badge.success{background:linear-gradient(90deg,var(--accent-2),#0ea5a4);color:#042027}.badge.warn{background:linear-gradient(90deg,#f59e0b,#f97316);color:#1b1406}.text-muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}