:root{--bg:#f7f3ec;--surface:#fffdf8;--surface-strong:#ffffff;--ink:#14120f;--muted:#686157;--line:#ded6ca;--accent:#0d6b5f;--accent-strong:#094c44;--gold:#c38a2e;--danger:#aa3b38;--shadow:0 20px 60px rgba(38,31,22,0.1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body,html{overflow-x:hidden}body{margin:0;color:var(--ink);background:linear-gradient(145deg,rgba(13,107,95,.13),transparent 34%),linear-gradient(315deg,rgba(195,138,46,.11),transparent 28%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px}.topbar{gap:20px;justify-content:space-between;margin:0 auto 46px;max-width:1180px;min-width:0}.brand,.topbar{align-items:center;display:flex}.brand{gap:12px}.brand-mark{align-items:center;background:var(--ink);border-radius:8px;color:#fff8e8;display:grid;font-size:17px;font-weight:800;height:36px;letter-spacing:0;place-items:center;width:36px}.brand-copy{display:grid;grid-gap:2px;gap:2px}.brand-name{font-size:17px;font-weight:800}.brand-line{color:var(--muted);font-size:13px}.nav,.nav-actions,.nav-links{align-items:center;display:flex;gap:12px}.nav-link{color:var(--muted);white-space:nowrap}.follow-x-button,.nav-link{font-size:14px;text-decoration:none}.follow-x-button{align-items:center;background:var(--surface-strong);border:1px solid rgba(20,18,15,.12);border-radius:8px;color:var(--ink);display:inline-flex;font-weight:800;gap:8px;min-height:42px;padding:0 14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.follow-x-button span{align-items:center;background:var(--ink);border-radius:6px;color:#fff8e8;display:grid;font-size:12px;font-weight:900;height:22px;place-items:center;width:22px}.follow-x-button:hover{background:#f4eee4;border-color:var(--accent);transform:translateY(-1px)}.connect-button,.mode-button,.primary-button,.secondary-button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 16px;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.connect-button,.primary-button{background:var(--ink);color:#fff8e8}.connect-button:hover,.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.mode-button,.secondary-button{background:transparent;border-color:var(--line);color:var(--ink)}.mode-button:hover,.secondary-button:hover{border-color:var(--accent)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.mode-button.active{background:var(--accent);border-color:var(--accent);color:#fff}.wallet-control{position:relative}.wallet-menu{background:var(--surface-strong);border:1px solid rgba(222,214,202,.95);border-radius:14px;box-shadow:0 18px 44px rgba(20,18,15,.16);display:grid;grid-gap:8px;gap:8px;min-width:256px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:15}.wallet-menu-account{background:#f7f3ec;border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:3px;gap:3px;margin-bottom:2px;padding:10px}.wallet-menu-account span{color:var(--muted);font-size:12px}.wallet-menu-account strong{font-size:14px}.wallet-menu button{background:transparent;border:0;border-radius:8px;color:var(--ink);font-weight:750;min-height:38px;padding:0 10px;text-align:left}.wallet-menu button:hover{background:#f4eee4}.modal-backdrop{align-items:center;background:rgba(20,18,15,.46);display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:20}.wallet-modal{background:var(--surface-strong);border:1px solid rgba(222,214,202,.9);border-radius:16px;box-shadow:0 30px 90px rgba(20,18,15,.28);display:grid;grid-gap:18px;gap:18px;max-width:430px;padding:20px;width:min(100%,430px)}.wallet-modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.wallet-modal-header h2{font-size:22px;margin:0}.wallet-modal-header p{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 0}.icon-button{align-items:center;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.icon-button:hover{border-color:var(--accent);color:var(--ink)}.wallet-list{display:grid;grid-gap:10px;gap:10px}.wallet-option{align-items:center;background:#fbf8f1;border:1px solid var(--line);border-radius:10px;color:var(--ink);display:flex;gap:12px;min-height:68px;padding:12px;text-align:left;width:100%}.wallet-option:hover{background:#ffffff;border-color:var(--accent)}.wallet-icon-wrap{align-items:center;background:var(--ink);border-radius:8px;display:grid;flex:0 0 auto;height:38px;overflow:hidden;place-items:center;width:38px}.wallet-icon{display:block;height:100%;object-fit:cover;width:100%}.wallet-initial{color:#fff8e8;font-size:16px;font-weight:900;text-transform:uppercase}.wallet-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.wallet-name{font-size:15px;font-weight:800}.wallet-rdns{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-empty{background:#fbf8f1;border:1px dashed var(--line);border-radius:10px;color:var(--muted);display:grid;font-size:14px;grid-gap:6px;gap:6px;line-height:1.45;padding:16px}.wallet-empty strong{color:var(--ink)}.hero{grid-gap:34px;gap:34px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin:0 auto;max-width:1180px}.hero,.hero-copy{display:grid;min-width:0}.hero-copy{align-content:center;grid-gap:26px;gap:26px;min-height:620px}.eyebrow{align-items:center;color:var(--accent-strong);display:flex;font-size:13px;font-weight:700;gap:10px;text-transform:uppercase}.eyebrow:before{background:var(--accent);border-radius:999px;content:"";display:block;height:8px;width:8px}h1{font-size:clamp(44px,7vw,82px);letter-spacing:0;line-height:.92;margin:0}.hero-text{color:var(--muted);font-size:18px;line-height:1.65;margin:0;max-width:590px}.proof-strip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}.proof-item{border-left:1px solid var(--line);padding-left:16px}.proof-value{display:block;font-size:22px;font-weight:800}.proof-label{color:var(--muted);display:block;font-size:13px;line-height:1.4;margin-top:5px}.pledge-panel{background:rgba(255,253,248,.86);border:1px solid rgba(222,214,202,.82);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-gap:22px;gap:22px;min-width:0;overflow:hidden;padding:22px;width:100%}.panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.panel-title{display:grid;grid-gap:6px;gap:6px;min-width:0}.panel-title h2{font-size:24px;letter-spacing:0;margin:0}.panel-title p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.status-pill{align-items:center;background:rgba(13,107,95,.09);border:1px solid rgba(13,107,95,.22);border-radius:999px;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;min-height:30px;padding:0 10px}.form-grid{grid-gap:16px;gap:16px}.field,.form-grid{display:grid;min-width:0}.field{grid-gap:8px;gap:8px}.field label,.field-label{color:#2a251f;font-size:13px;font-weight:750}.field input,.field select{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:48px;outline:none;padding:0 14px;width:100%}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(13,107,95,.12)}.select-shell{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:10px;display:grid;min-height:48px;min-width:0;position:relative}.select-shell select{background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--ink);font-weight:850;min-height:46px;outline:none;padding-left:14px;padding-right:36px;width:100%}.select-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(13,107,95,.12)}.select-caret{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent-strong);pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.network-select-shell{gap:12px;grid-template-columns:48px minmax(0,1fr);min-height:58px;padding-left:8px}.network-select-shell select{font-size:15px;min-width:0;padding-left:0}.network-mark{align-items:center;background:#00c805;border-radius:12px;display:grid;height:44px;overflow:hidden;place-items:center;width:44px}.network-mark img{display:block;height:100%;object-fit:cover;width:100%}.two-col{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.mcap-input-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) 96px}.unit-select-shell select{font-weight:800;text-align:center}.token-lookup-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.token-lookup-row .secondary-button{min-height:48px}.token-results{display:grid;grid-gap:10px;gap:10px;min-width:0}.token-card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:grid;grid-gap:14px;gap:14px;min-width:0;padding:14px;text-align:left;width:100%}.token-card.selected,.token-card:hover{border-color:var(--accent)}.token-card.selected{background:rgba(13,107,95,.06)}.token-card-top,.token-identity,.token-stats{align-items:center;display:flex}.token-card-top{gap:12px;justify-content:space-between}.token-identity{gap:12px;min-width:0}.token-logo-wrap{align-items:center;background:var(--ink);border-radius:10px;display:grid;flex:0 0 auto;height:44px;overflow:hidden;place-items:center;width:44px}.token-logo{display:block;height:100%;object-fit:cover;width:100%}.token-logo-fallback{color:#fff8e8;font-size:18px;font-weight:900;text-transform:uppercase}.token-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.token-title strong{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;line-height:1.2}.token-source,.token-title small,.token-title strong span{color:var(--muted)}.token-source,.token-stats small,.token-title small{font-size:12px}.token-select-state{background:#f4eee4;border-radius:999px;color:var(--accent-strong);flex:0 0 auto;font-size:12px;font-weight:800;padding:6px 9px}.token-stats{gap:10px;justify-content:space-between}.token-stats span{background:#f7f3ec;border-radius:8px;display:grid;grid-gap:4px;gap:4px;min-height:58px;padding:9px;width:100%}.token-stats small{color:var(--muted)}.token-stats strong{font-size:14px}.token-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}.hint{color:var(--muted);font-size:12px;line-height:1.45}.balance-tools{align-items:center;background:#f7f3ec;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;justify-content:space-between;min-width:0;padding:8px}.balance-readout{color:var(--muted);font-size:13px;font-weight:750;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-actions{display:inline-flex;flex:0 0 auto;gap:6px}.balance-button{background:var(--ink);border:0;border-radius:8px;color:#fff8e8;font-size:12px;font-weight:900;min-height:34px;min-width:54px;padding:0 10px}.balance-button:disabled{cursor:not-allowed;opacity:.42}.summary{background:#17130f;border-radius:14px;color:#fff8e8;display:grid;grid-gap:16px;gap:16px;min-width:0;padding:18px}.summary-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.summary-label{color:rgba(255,248,232,.68);font-size:13px}.summary-value{font-size:14px;font-weight:750;max-width:58%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.fee-row{border-top:1px solid rgba(255,248,232,.14);padding-top:14px}.fee-row .summary-value{color:#f4d48a}.submit-row{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr auto;min-width:0}.fee-note{color:var(--muted);font-size:12px;grid-column:1/-1;line-height:1.45}.message{border-radius:8px;font-size:13px;line-height:1.45;max-height:132px;min-width:0;overflow:auto;overflow-wrap:anywhere;padding:10px 12px;white-space:normal;word-break:break-word}.message.error{background:rgba(170,59,56,.1);color:var(--danger)}.message.success{background:rgba(13,107,95,.11);color:var(--accent-strong)}.message.info{background:rgba(20,18,15,.08);color:var(--ink)}.vows-panel{background:rgba(255,253,248,.78);border:1px solid rgba(222,214,202,.86);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-gap:20px;gap:20px;margin:34px auto 0;max-width:1180px;min-width:0;padding:22px}.vow-stat-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.vow-stat-grid span{background:#fffdf8;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:5px;gap:5px;padding:14px}.vow-stat-grid strong{font-size:28px}.vow-stat-grid small{color:var(--muted);font-size:12px;font-weight:750}.vows-empty{background:#fbf8f1;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:14px;padding:16px}.vow-list{display:grid;grid-gap:12px;gap:12px}.vow-item{align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:14px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:16px}.vow-item-main{display:grid;grid-gap:8px;gap:8px;min-width:0}.vow-item h3{font-size:20px;margin:0}.vow-item p{color:var(--muted);font-size:14px;margin:0}.vow-status{background:rgba(20,18,15,.08);border-radius:999px;color:var(--ink);font-size:12px;font-weight:850;justify-self:start;padding:6px 9px}.vow-status.active,.vow-status.settlement_ready{background:rgba(13,107,95,.11);color:var(--accent-strong)}.vow-status.trigger_candidate{background:rgba(195,138,46,.16);color:#7a4e11}.vow-status.settled{background:rgba(13,107,95,.16);color:var(--accent-strong)}.vow-status.refunded{background:rgba(104,97,87,.12);color:var(--muted)}.vow-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px 14px}.vow-actions{align-items:flex-end;display:grid;grid-gap:8px;gap:8px;justify-items:end}.vow-actions .secondary-button{min-width:128px;text-decoration:none}.vow-action-note{color:var(--muted);font-size:11px;max-width:160px;text-align:right}.how-it-works{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:60px auto 0;max-width:1180px}.step{background:rgba(255,253,248,.7);border:1px solid rgba(222,214,202,.8);border-radius:12px;display:grid;grid-gap:12px;gap:12px;padding:18px}.step-number{color:var(--gold);font-size:13px;font-weight:900}.step h3{font-size:17px;margin:0}.step p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}@media (max-width:980px){.topbar{align-items:flex-start;flex-direction:column}.nav{justify-content:space-between;width:100%}.hero{grid-template-columns:1fr}.hero-copy{min-height:auto}.how-it-works{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.app-shell{padding:16px}.topbar{margin-bottom:36px}.nav{align-items:stretch;grid-gap:12px;gap:12px}.nav,.nav-links{display:grid;width:100%}.nav-links{grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{align-items:center;background:rgba(255,253,248,.76);border:1px solid rgba(222,214,202,.86);border-radius:8px;display:inline-flex;font-size:13px;justify-content:center;min-height:38px;padding:0 8px}.nav-actions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);width:100%}.connect-button,.follow-x-button{min-width:0;width:100%}.wallet-control{width:100%}.wallet-menu{left:0;right:0}.hero{gap:26px}.hero-copy{gap:18px}h1{font-size:40px;line-height:1}.hero-text{font-size:16px;line-height:1.55}.pledge-panel,.vows-panel{border-radius:14px;padding:16px}.status-pill{justify-self:start}.how-it-works,.mcap-input-row,.proof-strip,.segmented,.submit-row,.token-lookup-row,.token-stats,.two-col,.vow-item,.vow-stat-grid{grid-template-columns:1fr}.balance-tools,.vow-actions{align-items:stretch;justify-items:stretch}.balance-tools{display:grid}.balance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.vow-actions .secondary-button{width:100%}.vow-action-note{max-width:none;text-align:left}.token-stats{display:grid}.token-card-top{align-items:flex-start;display:grid}.token-identity{width:100%}.token-title strong{display:grid}.token-select-state{justify-self:start}.summary-row{align-items:flex-start;display:grid;grid-gap:6px;gap:6px}.summary-value{max-width:none;overflow:visible;text-align:left;white-space:normal}.panel-header{display:grid}}@media (max-width:420px){.app-shell{padding:12px}.brand-line{font-size:12px}.nav-actions{grid-template-columns:1fr}h1{font-size:36px}.network-select-shell{gap:10px;grid-template-columns:42px minmax(0,1fr);padding-left:7px}.network-mark{border-radius:10px;height:38px;width:38px}}