:root{--bg:#eeeee8;--paper:#f8f7f1;--ink:#1a211b;--muted:#687269;--line:#d2d7cf;--green:#c4f24f;--green-dark:#163e2f;--red:#b94d38;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #6e8c23;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.hidden{display:none!important}
.app-shell{min-height:100vh;max-width:1700px;margin:auto}
.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.5vw,86px);gap:16px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:28px;font-weight:850;letter-spacing:-2px}.brand-period{color:#64843c}.logo-glyph{width:38px;height:38px;background:var(--ink);color:var(--green);display:grid;place-items:center;border-radius:50%;position:relative;font-size:25px;font-weight:800;line-height:1}.logo-dot{width:7px;height:7px;background:var(--green);border-radius:50%;position:absolute;right:8px;top:8px}
.header-center{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}.pulse{width:7px;height:7px;border-radius:50%;background:#7daa23;box-shadow:0 0 0 4px #a9d9602c}
.head-actions{display:flex;align-items:center;gap:25px}.network{font-size:10px;font-weight:850;letter-spacing:1px;color:#557151}.wallet-btn{background:transparent;border:1px solid var(--ink);padding:12px 15px;font-size:12px;font-weight:800;border-radius:4px;white-space:nowrap;display:flex;gap:18px;align-items:center}.wallet-btn:hover{background:var(--ink);color:var(--paper)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:calc(100vh - 127px)}.left-panel{padding:clamp(36px,5.2vw,92px) clamp(24px,5.2vw,91px) 36px;border-right:1px solid var(--line);display:flex;flex-direction:column}.right-panel{padding:clamp(35px,4.2vw,75px) clamp(24px,4.5vw,80px) 26px;background:var(--paper);display:flex;flex-direction:column;min-width:0}
.eyebrow,.section-number,.capture-heading,.field-label,.lower-left>span,.inbox-controls>span,.metric>span,.inbox-footer,.page-footer,.dialog-eyebrow,.dialog-bottom{font-size:10px;letter-spacing:1.4px;font-weight:800}.eyebrow{color:var(--green-dark);display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:#5f7d30;border-radius:50%}h1{font-size:clamp(43px,4.7vw,77px);letter-spacing:-.065em;line-height:1.025;font-weight:800;margin:30px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#4f734b;letter-spacing:-.055em}.intro{font-size:15px;line-height:1.75;color:var(--muted);max-width:480px;margin:0 0 42px}
.capture{border:1px solid #b9c5b3;background:#f7f9f0;box-shadow:7px 7px 0 #d2dcc7}.capture-heading{display:flex;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #cad6bf;color:#324f32;gap:10px}.capture-sub{color:#73816b;font-size:9px}.capture-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ccd6bf}.tab{padding:17px 6px;background:transparent;border:0;border-right:1px solid #d8dfce;text-align:center;font-size:13px;font-weight:750;color:#677362}.tab:last-child{border-right:0}.tab.active{background:var(--green);color:var(--ink)}.tab-icon{margin-right:8px;font-size:17px;vertical-align:middle}
.capture-body{padding:23px}.field-label{display:block;color:#5a7358;margin-bottom:11px}textarea{width:100%;resize:vertical;min-height:144px;background:#fffefa;border:1px solid #cbd6c7;padding:16px;font-size:13px;line-height:1.6;color:var(--ink);border-radius:2px}textarea::placeholder{color:#839080}.input-foot{display:flex;justify-content:space-between;gap:12px;color:#818e7d;font-size:10px;margin:10px 0 25px}.action-btn{width:100%;background:var(--green-dark);color:#fff;border:1px solid var(--green-dark);padding:17px 19px;font-weight:800;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.01em;transition:transform .15s ease,background .15s ease}.action-btn:hover:not(:disabled){background:#275541;transform:translateY(-2px)}.action-btn span{font-size:18px}.notice{padding:12px 16px;margin:0 22px 20px;font-size:12px;line-height:1.5;background:#e4eede;color:#29482d;border:1px solid #becdb8}.notice.error{color:#913d30;background:#fae7de;border-color:#edc4af}
.record-helper,.dialog-note{font-size:13px;line-height:1.6;color:var(--muted)}.recorder{display:flex;align-items:center;justify-content:center;gap:12px;padding:27px 10px;font-size:12px;color:var(--muted)}.record-dot{height:14px;width:14px;border-radius:50%;background:#b9c7af}.record-dot.recording{background:#f16c50;box-shadow:0 0 0 7px #f16c5027;animation:pulse 1.3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #f16c5010}}.recorder strong{font-variant-numeric:tabular-nums;font-size:23px;color:var(--ink)}audio{width:100%;margin:16px 0}.secondary-btn{width:100%;border:1px solid var(--green-dark);background:transparent;padding:13px;font-weight:700;margin-top:12px}.drop-area{min-height:154px;border:1px dashed #92a590;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer;text-align:center;margin-bottom:21px;background:#fffefa}.drop-area:hover{background:#f2f8e6}.drop-area>span:last-child{font-size:11px;color:var(--muted)}.import-icon{font-size:31px;color:#466a3c}
.lower-left{margin-top:auto;padding-top:53px}.lower-left>span{color:#466841}.lower-left p{max-width:400px;color:var(--muted);font-size:12px;line-height:1.7;margin:11px 0}.link-btn{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-weight:760;font-size:12px;padding:10px 0}
.inbox-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.section-number{color:#647f58}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.055em;line-height:1.1;margin:12px 0 0}.asterisk{color:#91b03f;font-size:28px;vertical-align:top;margin-left:7px}.clear-btn{border:0;background:none;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:35px 0 32px}.metric{padding:20px 0 22px;display:flex;flex-direction:column;gap:13px;border-right:1px solid var(--line)}.metric:not(:first-child){padding-left:22px}.metric:last-child{border:0}.metric>span{color:var(--muted);font-size:9px}.metric strong{font-size:clamp(23px,2.8vw,40px);font-weight:750;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.inbox-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}.inbox-controls>span{color:#3e4f41}.filters{display:flex;gap:13px}.filter{border:0;padding:5px 1px;background:transparent;color:#7d867b;font-size:12px}.filter.active{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.inbox{display:flex;flex-direction:column;gap:0}.obligation{padding:19px 0;border-bottom:1px solid var(--line)}.obligation-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.item-title{font-size:16px;letter-spacing:-.02em;font-weight:760;margin:4px 0 7px;line-height:1.35}.item-category{display:flex;align-items:center;gap:7px;color:#62745f;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:750}.item-category .mini-tag{background:#ebf1e3;padding:4px 6px}.item-price{font-size:23px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.item-evidence{font-size:12px;color:#68726a;line-height:1.6;margin:7px 0 15px;font-family:Georgia,serif;font-style:italic}.item-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.item-source{font-size:10px;color:#8c948d}.small-btn{border:1px solid var(--ink);padding:9px 13px;font-size:11px;font-weight:760;background:transparent}.small-btn.solid{color:#fff;background:var(--ink)}.small-btn:hover{background:var(--green);color:var(--ink)}.small-btn:disabled{opacity:.6}.status-text{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#5c7b51}.status-text.done{color:#6a8a57}.status-text.pending{color:#b47a3a}.status-text.warning{color:#a34738}.tx-link{font-size:11px;color:#345e43;text-decoration:underline;word-break:break-all}.empty{padding:62px 17px;text-align:center;display:grid;justify-items:center;gap:12px}.empty-mark{height:69px;width:69px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:33px;color:#668355}.empty h3{font-size:22px;margin:8px 0 0;letter-spacing:-.04em}.empty p{max-width:280px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.sample-tag{font-size:10px;font-weight:800;background:#f1edda;color:#776632;padding:5px 7px}.inbox-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--ink);padding-top:17px;color:#647160;margin-top:auto;padding-bottom:12px;font-size:9px}.page-footer{border-top:1px solid var(--line);padding:17px clamp(24px,4.5vw,86px);display:flex;justify-content:space-between;gap:12px;color:#808981;font-size:9px}
.pay-dialog{width:min(480px,calc(100% - 24px));border:1px solid #3d5040;background:#fcfbf5;padding:30px;color:var(--ink);box-shadow:14px 14px 0 #252d22}.pay-dialog::backdrop{background:#172418a6;backdrop-filter:blur(3px)}.pay-dialog form{position:absolute;right:16px;top:10px}.close-dialog{border:0;background:none;font-size:28px}.dialog-eyebrow{color:#658354;margin:15px 0 16px}.pay-dialog h3{font-size:30px;letter-spacing:-.05em;margin:0 0 10px}.dialog-description{font-size:12px;color:var(--muted);line-height:1.6}.dialog-amount{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.dialog-amount span{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:1px}.dialog-amount strong{font-size:43px;letter-spacing:-.05em}.pay-dialog input[type=text]{width:100%;padding:13px;border:1px solid var(--line);font-size:13px;margin-bottom:3px;background:#fff}.confirm-check{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.4;margin:23px 0}.confirm-check input{accent-color:var(--green-dark);margin:2px 0}.dialog-bottom{color:#7f897d;margin:16px 0 0;font-size:9px}.faucet-note{font-size:11px;line-height:1.7;color:#5f6d61;margin:10px 0}.faucet-note a{color:#245c40;font-weight:750;text-underline-offset:3px}.pay-dialog .notice{margin:0 0 12px}
@media(max-width:1050px){.header-center{display:none}.workspace{grid-template-columns:1fr}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.right-panel{min-height:550px}.left-panel,.right-panel{padding:45px 8vw}.capture{max-width:640px}.lower-left{padding-top:35px}}@media(max-width:600px){.topbar{height:70px;padding:0 19px}.logo{font-size:24px}.logo-glyph{height:31px;width:31px}.network{display:none}.wallet-btn{padding:10px;font-size:11px}.left-panel,.right-panel{padding:35px 20px}.eyebrow{font-size:9px}h1{font-size:48px}.intro{font-size:14px;margin-bottom:27px}.capture-heading{padding:14px;font-size:9px}.capture-sub{display:none}.capture-body{padding:15px}.metrics{margin:25px 0}.metric:not(:first-child){padding-left:11px}.metric>span{font-size:8px;letter-spacing:.5px}.metric strong{font-size:27px}.inbox-head{align-items:flex-start}.clear-btn{margin-top:15px;font-size:10px}.page-footer{padding:17px 20px;font-size:8px;line-height:1.5;flex-direction:column}.inbox-footer{font-size:8px}.pay-dialog{padding:20px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Receipt · deliberately paper-like and distinct from the wallet authorization modal */
.receipt-dialog{padding:0;width:min(530px,calc(100% - 28px));max-height:min(92vh,820px);overflow:auto;background:#ebeee4;border:1px solid #25392b;color:var(--ink);box-shadow:13px 13px 0 #1b2b1e}
.receipt-dialog::backdrop{background:#121f17bc;backdrop-filter:blur(5px)}
.receipt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #b6c5b0;background:#e2e8dc}
.receipt-brand{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.45px;font-weight:900}
.receipt-brand-dot{width:10px;height:10px;border-radius:50%;background:#285a35;box-shadow:0 0 0 3px #b6d5a9}
.receipt-modal-head form{margin:0}
.receipt-close{background:none;border:0;font-size:26px;width:30px;height:30px;line-height:1;color:var(--ink)}
.receipt-paper{padding:30px 32px 20px;background:#fcfcf7;position:relative}
.receipt-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#617364;display:flex;justify-content:space-between;gap:8px}
.receipt-eyebrow span{font-size:9px;color:#4c7b4b}
.receipt-seal{margin:25px 0 18px;width:42px;height:42px;border:1px solid #aabb9f;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#547851;transform:rotate(-35deg)}
.receipt-seal.verified{background:#d5f3a5;border-color:#75a04a;color:#244626;transform:none;font-size:25px}
.receipt-seal.unavailable{background:#f0e0d7;border-color:#c29174;color:#9d5638;transform:none}
.receipt-state{font-size:10px;color:#607b58;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}
.receipt-state.unavailable{color:#aa6744}
.receipt-heading{font-size:clamp(26px,6vw,36px);letter-spacing:-.055em;line-height:1.1;margin:9px 0 3px}
.receipt-subtitle{color:#728074;font-size:12px;margin:0 0 25px;line-height:1.5}
.receipt-value{background:#e9f4d6;padding:19px 20px;margin:0 -10px 23px;border-left:3px solid #689d40;display:flex;flex-direction:column;gap:7px}
.receipt-value span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#477040}
.receipt-value strong{font-size:clamp(35px,8vw,53px);letter-spacing:-.06em;font-variant-numeric:tabular-nums;line-height:1.1}
.receipt-details{margin:0;padding:4px 0 8px}
.receipt-details>div{display:grid;grid-template-columns:103px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #e2e9df;font-size:12px;line-height:1.5}
.receipt-details dt{color:#819183;font-weight:650}
.receipt-details dd{margin:0;color:#203c2b;font-weight:720;overflow-wrap:anywhere;text-align:right}
.receipt-details .receipt-address{font-family:ui-monospace,Consolas,monospace;font-weight:570;font-size:11px;letter-spacing:-.01em;word-break:break-all}
.receipt-message{min-height:34px;padding:12px 0 0;color:#5f7c57;font-size:11px;line-height:1.55;margin:0 0 18px}
.receipt-message.unavailable{color:#a15238}
.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.receipt-copy,.receipt-explorer{min-height:45px;padding:13px 11px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none}
.receipt-copy{background:#203c2d;color:#fff;border:1px solid #203c2d}
.receipt-copy:hover{background:#335a40}
.receipt-explorer{background:transparent;border:1px solid #899e8b;color:#294f36}
.receipt-explorer:hover{background:#eaf1e4}
.receipt-refresh{background:none;border:0;padding:15px 0 0;color:#537755;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:800}
.receipt-foot{padding:17px 26px 20px;text-align:center;font-size:10px;line-height:1.6;color:#627266;background:#ebeee4}
@media(max-width:600px){.receipt-dialog{box-shadow:none}.receipt-paper{padding:25px 20px}.receipt-details>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.receipt-actions{grid-template-columns:1fr}.receipt-modal-head{padding:10px 16px}}