.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#090c0ad1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--app-surface-1,#111613);border:1px solid var(--app-border-default,#2a362e);border-top:3px solid var(--app-lime,#a3e635);border-radius:var(--app-radius-xl,16px);width:100%;max-width:520px;max-height:92vh;color:var(--app-text-primary,#f2f5f3);padding:24px;overflow-y:auto}.modal-content.is-form{flex-direction:column;max-height:min(92vh,92dvh);padding:0;display:flex;overflow:hidden}.modal-content.is-form h2{flex-shrink:0;margin:0;padding:20px 24px 14px}.modal-content.is-form form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--app-border-default,#2a362e) transparent;flex:auto;min-height:0;padding:2px 24px 4px;overflow-y:auto}.modal-content.is-form .modal-actions{border-top:1px solid var(--app-border-subtle,#1e2621);background:var(--app-surface-1,#111613);flex-shrink:0;margin:0;padding:14px 24px 18px}.modal-content.is-form .create-stepper{margin-bottom:8px}.modal-content h2{color:var(--app-text-primary,#f2f5f3);margin:0 0 16px;font-size:1.25rem;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--app-text-secondary,#9ca8a1);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-group input{background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-default,#2a362e);border-radius:var(--app-radius-md,8px);width:100%;color:var(--app-text-primary,#f2f5f3);font-variant-numeric:tabular-nums;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.form-group input:focus{border-color:var(--app-lime,#a3e635);background:var(--app-surface-3,#1f2923);outline:none}.form-group select{background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-default,#2a362e);border-radius:var(--app-radius-md,8px);width:100%;color:var(--app-text-primary,#f2f5f3);font-family:var(--font-main);cursor:pointer;padding:10px 12px;font-size:.9rem}.form-group select:focus{border-color:var(--app-lime,#a3e635);outline:none}.form-hint{color:var(--app-text-secondary,#9ca8a1);margin-top:6px;font-size:.75rem;line-height:1.4}.form-hint.is-fee{color:var(--app-lime,#a3e635);font-weight:600}.form-hint.is-error{color:var(--app-yellow,#eab308)}.create-summary-box{background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-md,8px);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 14px;font-size:.82rem;display:flex}.create-summary-row{color:var(--app-text-secondary,#9ca8a1);justify-content:space-between;align-items:center;display:flex}.create-summary-row strong{color:var(--app-text-primary,#f2f5f3);font-weight:600}.create-summary-row.is-net{border-top:1px solid var(--app-border-subtle,#1e2621);color:var(--app-text-primary,#f2f5f3);margin-top:2px;padding-top:6px;font-weight:600}.create-summary-row.is-net strong{color:var(--app-lime,#a3e635);font-size:.9rem}.create-summary-note{color:var(--app-text-muted,#627067);margin-top:2px;font-size:.72rem}.create-gas-option{border-radius:var(--app-radius-md,8px);color:var(--app-text-primary,#f2f5f3);cursor:pointer;background:#eab30814;border:1px solid #eab30866;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:.78rem;line-height:1.45;display:flex}.create-gas-option input{accent-color:var(--app-yellow,#eab308);flex-shrink:0;width:15px;height:15px;margin-top:2px}.create-stepper{background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-md,8px);flex-direction:column;gap:8px;margin-bottom:18px;padding:12px 14px;display:flex}.create-step{color:var(--app-text-secondary,#9ca8a1);align-items:center;gap:10px;font-size:.8rem;display:flex}.create-step.is-active{color:var(--app-text-primary,#f2f5f3);font-weight:600}.create-step.is-done{color:var(--app-green,#22c55e)}.create-step-badge{border:1px solid var(--app-border-default,#2a362e);background:var(--app-surface-1,#111613);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:inline-flex}.create-step.is-active .create-step-badge{border-color:var(--app-lime,#a3e635);background:var(--app-lime-subtle,#a3e6351f);color:var(--app-lime,#a3e635)}.create-step.is-done .create-step-badge{border-color:var(--app-green,#22c55e);background:var(--app-green-subtle,#22c55e1f);color:var(--app-green,#22c55e)}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (max-width:480px){.modal-content{padding:18px 16px}.modal-content.is-form{padding:0}.modal-content.is-form h2{padding:16px 16px 12px}.modal-body{padding:2px 16px 4px}.modal-content.is-form .modal-actions{padding:12px 16px 14px}.modal-content form>.flex,.modal-body>.flex{flex-direction:column;gap:0}}
