:root{--page: #f8fbff;--page-soft: #eef6ff;--surface: #ffffff;--surface-soft: #f8fbfe;--surface-muted: #f1f5f9;--border: #e5eaf3;--border-strong: #c7d3e2;--text: #1d2333;--muted: #5f6b85;--faint: #8b97aa;--primary: #3b82f6;--primary-strong: #2563eb;--primary-soft: #e9f1ff;--success: #0c8f62;--success-soft: #e8f7ef;--warning: #a16500;--warning-soft: #fff5df;--danger: #c33a54;--danger-soft: #fff0f3;--radius: 14px;--radius-sm: 10px;--shadow: 0 18px 42px rgba(34, 48, 74, .08);--shadow-sm: 0 8px 24px rgba(34, 48, 74, .06);color:var(--text);color-scheme:light;background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page: #111821;--page-soft: #162030;--surface: #182232;--surface-soft: #1d293b;--surface-muted: #223047;--border: rgba(220, 230, 244, .12);--border-strong: rgba(220, 230, 244, .2);--text: #e8edf5;--muted: #a5afc0;--faint: #7f8a9d;--primary: #8fb8ff;--primary-strong: #b5ccff;--primary-soft: rgba(143, 184, 255, .12);--success: #77d9a0;--success-soft: rgba(119, 217, 160, .12);--warning: #efc66a;--warning-soft: rgba(239, 198, 106, .13);--danger: #ff8799;--danger-soft: rgba(255, 135, 153, .12);--shadow: 0 18px 48px rgba(0, 0, 0, .18);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .14);color-scheme:dark}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(91,141,239,.12),transparent 34rem),radial-gradient(circle at 85% 4%,rgba(190,219,255,.42),transparent 32rem),linear-gradient(180deg,var(--page) 0%,var(--page-soft) 100%)}body,button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--primary-strong)}code{display:inline-block;max-width:100%;padding:.12rem .35rem;border:1px solid var(--border);border-radius:7px;background:var(--surface-muted);color:var(--text);font-size:.9em;word-break:break-all}input,select,textarea{width:100%;min-height:42px;padding:.64rem .72rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}label{display:grid;gap:.38rem;color:var(--muted);font-size:.9rem}label strong{color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.72rem max(1rem,calc((100vw - 1180px)/2 + 1rem));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px)}.brand,.top-actions,.ecosystem-nav,.button-row,.section-title,.payment-box,.payment-request,.inline-form,.hero-actions{display:flex;align-items:center;gap:.65rem}.brand-link{min-width:0;color:inherit;text-decoration:none}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary-strong);font-weight:800;box-shadow:var(--shadow-sm)}.brand strong,.brand small{display:block}.brand strong{color:var(--text);font-size:.96rem;line-height:1.25;letter-spacing:.08em}.brand small{max-width:250px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.ecosystem-nav{display:flex;gap:clamp(1rem,3vw,2.4rem);justify-content:center;min-width:0}.ecosystem-link,.icon-btn,.header-icon,.team-chip,.wallet-pill,.primary-btn,.ghost-btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;border:1px solid transparent;border-radius:10px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.ecosystem-link{position:relative;min-height:42px;padding:0 .1rem;color:var(--muted);font-size:.94rem}.ecosystem-link.is-active{color:var(--text)}.ecosystem-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-.76rem;height:2px;border-radius:999px;background:var(--primary-strong)}.wallet-pill svg,.team-chip svg,.header-icon svg,.primary-btn svg,.ghost-btn svg,.small-btn svg,.icon-btn svg{width:17px;height:17px;flex:0 0 auto}.ecosystem-link:hover,.header-icon:hover,.team-chip:hover,.ghost-btn:hover,.small-btn:hover,.wallet-pill:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--text)}.icon-btn,.header-icon{width:38px;border-color:var(--border);background:var(--surface);color:var(--muted)}.team-chip{padding:0 .75rem;border-color:var(--border);background:var(--surface);color:var(--muted)}.wallet-pill,.ghost-btn,.small-btn{padding:0 .9rem;border-color:var(--border);background:var(--surface);color:var(--text)}.primary-btn{padding:0 1rem;border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.primary-btn:hover{transform:translateY(-1px)}.primary-btn.wide,.ghost-btn.wide,.button-row.wide{grid-column:1 / -1;width:100%}.workspace{flex:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2.2rem 0 3rem}.workspace.is-busy{opacity:.68;pointer-events:none}.notice{width:min(1200px,calc(100% - 2rem));margin:.9rem auto 0;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm)}.notice.success{border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:var(--success)}.notice.warning{border-color:color-mix(in srgb,var(--warning) 30%,var(--border));color:var(--warning)}.notice.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}.market-hero,.overview-card,.surface,.stat-card,.offer-card,.empty-page,.modal-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.market-hero{position:relative;display:grid;min-height:clamp(390px,52vw,560px);place-items:center;overflow:hidden;padding:clamp(2.4rem,7vw,5rem) 1.25rem;border-radius:26px}.hero-wave{position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(59,130,246,.13),transparent 18rem),radial-gradient(circle at 58% 74%,rgba(147,197,253,.18),transparent 28rem)}.hero-wave:before,.hero-wave:after{content:"";position:absolute;left:50%;width:min(860px,88vw);height:240px;border:1px solid rgba(59,130,246,.14);border-color:rgba(59,130,246,.14) transparent transparent transparent;border-radius:50%;transform:translate(-50%) rotate(-2deg)}.hero-wave:before{bottom:8%}.hero-wave:after{bottom:15%;width:min(720px,80vw);opacity:.72;transform:translate(-50%) rotate(2deg)}.hero-inner{position:relative;z-index:1;display:grid;justify-items:center;max-width:760px;text-align:center}.hero-logo{display:grid;width:62px;height:62px;place-items:center;margin-bottom:1.3rem;border:1px solid var(--border);border-radius:18px;background:#ffffffc7;color:var(--primary-strong);font-size:1.45rem;font-weight:850;box-shadow:var(--shadow-sm)}.hero-inner h1,.page-heading h1,.page-heading h2,.section-title h2,.wizard-step h2{margin:0;color:var(--text);letter-spacing:0}.hero-inner h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.96}.hero-inner p,.page-heading p,.empty-page p,.form-note{margin:.55rem 0 0;color:var(--muted);line-height:1.6}.hero-inner p{max-width:640px;margin-top:1rem;font-size:clamp(1.05rem,2vw,1.24rem)}.hero-actions{justify-content:center;margin-top:1.8rem}.overview-card{display:grid;gap:1.3rem;margin-top:1.25rem;padding:clamp(1.2rem,3vw,2rem)}.overview-head,.overview-body{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:start}.overview-head h2{margin:0;font-size:1.35rem}.overview-head p{margin:.35rem 0 0;color:var(--muted);line-height:1.55}.overview-status{display:inline-flex;min-height:34px;align-items:center;padding:0 .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.86rem;font-weight:700}.overview-body{grid-template-columns:minmax(280px,.72fr) minmax(280px,1fr);align-items:stretch}.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.overview-metrics div{display:grid;min-height:112px;align-content:space-between;gap:.7rem;padding:.95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.overview-metrics span{color:var(--muted);font-size:.83rem}.overview-metrics strong{color:var(--text);font-size:clamp(1.45rem,3vw,2rem);line-height:1}.overview-chart{display:grid;min-height:235px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(59,130,246,.04),transparent 70%),var(--surface-soft)}.overview-chart svg{width:min(100%,420px);height:auto}.overview-chart.is-empty{color:var(--faint);font-weight:700}.chart-axis{fill:none;stroke:var(--border-strong);stroke-width:1}.chart-line{fill:none;stroke:var(--primary-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.overview-empty,.empty-page{display:grid;gap:.8rem;padding:1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft)}.overview-empty h3,.empty-page h2,.empty-page h1{margin:0}.overview-empty p{margin:0;color:var(--muted);line-height:1.6}.stat-card span,.offer-price span,.offer-metrics span,.detail-grid span,.preview-grid span,.wallet-readout span,.payment-box span,.payment-request span{color:var(--muted);font-size:.84rem}.stat-card strong{align-self:end;overflow-wrap:anywhere;color:var(--text);font-size:1.55rem;line-height:1.15}.stat-card small{color:var(--faint)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.3rem 0 .9rem}.page-heading h1{font-size:clamp(1.55rem,3vw,2.15rem)}.page-heading h2,.section-title h2{font-size:1.15rem}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.surface{padding:1rem}.section-title{justify-content:space-between;margin-bottom:.9rem}.list-stack{display:grid;gap:.55rem}.empty{display:grid;place-items:center;min-height:180px;gap:.35rem;padding:1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);text-align:center}.empty.small{min-height:90px}.empty strong{color:var(--text)}.offer-row,.trade-row{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:.75rem;align-items:center;width:100%;min-height:54px;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);text-align:left;text-decoration:none}.trade-row{border-color:var(--border);font:inherit}.badge{display:inline-flex;min-height:26px;align-items:center;justify-content:center;padding:0 .62rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:700}.badge.good{border-color:color-mix(in srgb,var(--success) 26%,var(--border));background:var(--success-soft);color:var(--success)}.badge.warn{border-color:color-mix(in srgb,var(--warning) 28%,var(--border));background:var(--warning-soft);color:var(--warning)}.badge.bad{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft);color:var(--danger)}.badge.muted{color:var(--muted)}.filter-surface{margin-bottom:1rem}.filters,.form-grid,.settings-form .form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:end}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.check-line{display:flex;min-height:42px;align-items:center;gap:.5rem;padding-top:1.45rem}.check-line input{width:18px;min-height:18px}.offer-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.offer-card{display:grid;gap:1rem;padding:1rem}.offer-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.offer-price{display:grid;gap:.15rem}.offer-price strong{font-size:2rem;line-height:1}.offer-price small{color:var(--faint)}.offer-metrics,.detail-grid,.preview-grid,.wallet-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.offer-metrics div,.detail-grid div,.preview-grid div{display:grid;gap:.22rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.offer-metrics strong,.detail-grid strong,.preview-grid strong{overflow-wrap:anywhere;color:var(--text)}.button-row{flex-wrap:wrap}.offer-detail,.wallet-page,.trade-detail{display:grid;gap:1rem}.wizard-shell{padding:0;overflow:hidden}.wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.wizard-step{display:grid;gap:1rem;padding:1.1rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.wizard-step:nth-child(2n){border-right:0}.preview-step{background:var(--surface-soft)}.step-index{width:fit-content;padding:.18rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800}.wizard-grid>.primary-btn{margin:1.1rem}.manual-settings,.advanced-settings,.event-accordion{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.manual-settings summary,.advanced-settings summary,.event-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .95rem;color:var(--text);cursor:pointer}.manual-settings summary small,.advanced-settings summary small{color:var(--muted)}.manual-settings .form-grid,.advanced-settings .settings-form{padding:0 .95rem .95rem}.manual-settings:not([open]) .form-grid,.advanced-settings:not([open]) .settings-form{display:none}.form-note.warning{color:var(--warning)}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.timeline.compact{margin:.4rem 0}.timeline-step{display:grid;gap:.45rem;color:var(--muted);font-size:.84rem}.timeline-step span{display:block;height:4px;border-radius:999px;background:var(--border)}.timeline-step.is-active{color:var(--text)}.timeline-step.is-active span{background:var(--primary)}.payment-request,.payment-box{justify-content:space-between;min-height:56px;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.payment-request div{display:grid;gap:.25rem}.payment-request strong{font-size:1.25rem}.payment-box code{flex:1}.network-badge{color:var(--primary-strong)}.inline-form{flex-wrap:wrap}.inline-form input{flex:1 1 180px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:640px;border-collapse:collapse}.data-table th,.data-table td{padding:.78rem;border-bottom:1px solid var(--border);color:var(--text);text-align:left;vertical-align:middle}.data-table th{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.empty-cell{color:var(--muted)!important;text-align:center!important}.audit-list,.accordion-list{display:grid;gap:.65rem}.audit-item{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft)}.audit-item span{color:var(--muted)}.raw-block{max-height:420px;margin:0;padding:.9rem;overflow:auto;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem;line-height:1.5}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.wallet-readout{align-items:center}.wallet-readout.compact{grid-template-columns:auto minmax(0,1fr);margin-bottom:.8rem}.wallet-readout code,.wallet-readout strong{justify-self:end;max-width:100%;color:var(--text)}.modal{position:fixed;inset:0;z-index:40;width:100%;height:100%;max-width:none;max-height:none;padding:1rem;border:0;background:#1018265c}.modal::backdrop{background:#1018265c}.modal-card{display:grid;width:min(640px,100%);gap:1rem;margin:6vh auto 0;padding:1rem}.wallet-modal{display:grid;justify-items:end;padding:1rem}.wallet-drawer{width:min(440px,100%);min-height:calc(100vh - 2rem);margin:0;align-content:start;padding:1.1rem}.wallet-drawer .section-title{align-items:flex-start}.wallet-drawer .section-title p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.shell{max-width:1440px;margin:0 auto;padding:0 16px}.global-app-footer{flex-shrink:0}.app-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 16px;margin-top:auto;font-size:12px}.app-footer,.app-footer .branding-line{color:#5f6b85}.app-footer .branding-line{flex:1;min-width:0}.app-footer a.branding-ntp-link{color:#3b82f6;text-decoration:none}.app-footer a.branding-ntp-link:hover{text-decoration:underline}[data-theme=dark] .app-footer,[data-theme=dark] .app-footer .branding-line{color:#9d94a8}[data-theme=dark] .app-footer a.branding-ntp-link{color:#ebe6f0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-footer,:root:not([data-theme=light]) .app-footer .branding-line{color:#9d94a8}:root:not([data-theme=light]) .app-footer a.branding-ntp-link{color:#ebe6f0}}.app-footer-actions{display:flex;align-items:center;gap:4px;align-self:center}.app-footer-actions .icon-btn.theme-toggle{position:relative;min-width:40px;min-height:40px;padding:0 8px;border:none;border-radius:10px;background:transparent;color:#5f6b85}.app-footer-actions .icon-btn.theme-toggle svg{width:20px;height:20px}.app-footer-actions .icon-btn.theme-toggle .theme-icon-light,.app-footer-actions .icon-btn.theme-toggle .theme-icon-dark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.app-footer-actions .icon-btn.theme-toggle .theme-icon-light{display:none}.app-footer-actions .icon-btn.theme-toggle .theme-icon-dark,[data-theme=dark] .app-footer-actions .icon-btn.theme-toggle .theme-icon-light{display:block}[data-theme=dark] .app-footer-actions .icon-btn.theme-toggle .theme-icon-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-footer-actions .icon-btn.theme-toggle .theme-icon-light{display:block}:root:not([data-theme=light]) .app-footer-actions .icon-btn.theme-toggle .theme-icon-dark{display:none}}.app-footer-actions .icon-btn.theme-toggle:active{background:transparent}.app-footer-actions .icon-btn.theme-toggle[data-theme-mode=dark],[data-theme=dark] .app-footer-actions .icon-btn.theme-toggle{color:#ebe6f0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-footer-actions .icon-btn.theme-toggle{color:#ebe6f0}}.app-footer-lang-wrap{display:flex;align-items:center}.app-footer-lang-wrap select{width:auto;height:28px;min-height:28px;padding:4px 8px;border:none;border-radius:8px;background:transparent;color:#1d2333;font-size:13px;line-height:1.2;cursor:pointer;vertical-align:middle;appearance:none;-webkit-appearance:none}.app-footer-lang-wrap select:focus{outline:none}[data-theme=dark] .app-footer-lang-wrap select{color:#ebe6f0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app-footer-lang-wrap select{color:#ebe6f0}}@media(max-width:1040px){.topbar{grid-template-columns:1fr auto}.ecosystem-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:.1rem}.overview-body,.offer-card-grid,.filters,.form-grid,.settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{position:static;grid-template-columns:1fr;padding:.9rem 1rem}.top-actions{justify-content:stretch}.wallet-pill{width:100%}.workspace,.notice,.app-footer{width:min(100% - 1rem,1200px)}.workspace{padding:1rem 0 1.5rem}.page-heading{align-items:stretch;flex-direction:column}.hero-actions,.button-row{align-items:stretch}.hero-actions>*,.button-row>*{flex:1 1 auto}.overview-body,.overview-head,.overview-metrics,.two-column,.offer-card-grid,.settings-layout,.wizard-grid,.form-grid.compact,.filters,.form-grid,.settings-form .form-grid,.offer-metrics,.detail-grid,.preview-grid,.wallet-readout{grid-template-columns:1fr}.wizard-step{border-right:0}.offer-row,.trade-row,.timeline{grid-template-columns:1fr}.market-hero{min-height:380px;border-radius:20px}.hero-inner h1{font-size:clamp(2.4rem,13vw,4.2rem)}.payment-request,.payment-box{align-items:flex-start;flex-direction:column}.wallet-readout code,.wallet-readout strong{justify-self:start}}@media(max-width:480px){.ecosystem-nav{gap:.95rem}.ecosystem-link,.team-chip span,.wallet-pill span{font-size:.9rem}.team-chip{display:none}}
