/* Assets use the existing graphite, blue and warm paper palette. */
.fa-tabs{display:flex;padding:4px;gap:4px;background:var(--blue-soft);border-radius:13px;margin:0 0 22px}
.fa-tabs button{flex:1;min-height:38px;font-size:12px;border-radius:10px;color:var(--secondary)}
.fa-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 5px var(--shadow);font-weight:600}
.fa-flow{list-style:none;padding:0;margin:4px 0 24px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.15px}
.fa-flow li{display:flex;align-items:center;gap:5px;flex:1;white-space:nowrap}.fa-flow li:not(:last-child)::after{content:"";height:1px;flex:1;background:var(--line);margin-left:3px}
.fa-flow li>span{font-size:8px;font-variant-numeric:tabular-nums}.fa-flow .current{color:var(--accent);font-weight:700}
.fa-heading h2{font-size:27px;line-height:1.4;letter-spacing:-.8px;font-weight:570;margin:12px 0 11px}
.fa-heading p{font-size:11px;line-height:1.65;color:var(--secondary);margin:0 0 23px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.fa-scope{margin-left:auto;font-size:10px}
.fa-feature{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--blue-soft);padding:15px 12px;border-radius:17px;text-align:left;margin:0 0 20px}
.fa-feature>span:nth-child(2){flex:1}.fa-feature strong{display:block;font-size:12px;line-height:1.6;font-weight:550}.fa-feature small{display:block;font-size:10px;color:var(--secondary);margin-top:4px}
.fa-feature>.icon{width:17px}.fa-feature-icon{width:32px;height:36px;display:grid;place-items:center;color:var(--accent)}
.fa-filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:3px 1px 10px;margin-bottom:10px}.fa-filter-row button{flex:none;min-height:34px;border:1px solid var(--line);border-radius:18px;padding:6px 12px;font-size:11px;color:var(--secondary)}
.fa-filter-row button[aria-pressed="true"]{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.fa-review-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 13px;color:var(--secondary);font-size:10px}.fa-review-row button{display:flex;align-items:center;min-height:30px;color:var(--accent);font-size:10px}.fa-review-row .icon{width:13px}
.fa-cards{display:grid;gap:11px}.fa-card{display:block;text-align:left;width:100%;border:1px solid var(--line);border-radius:17px;padding:15px;background:color-mix(in srgb,var(--paper) 94%,var(--accent));transition:border-color .16s,transform .16s}
.fa-card:hover{border-color:var(--accent)}.fa-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}
.fa-kind{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;font-weight:550}.fa-kind .icon{width:15px;height:15px}
.fa-kind[data-kind="expense"]{color:var(--green)}.fa-kind[data-kind="feeling"]{color:var(--red)}
.fa-status{font-size:9px;color:var(--muted);white-space:nowrap}.fa-status.review{color:var(--accent);border:1px solid var(--line);border-radius:5px;padding:3px 5px}
.fa-card>strong{font-size:15px;font-weight:550;line-height:1.55;display:block;margin:0 0 7px;overflow-wrap:anywhere}
.fa-excerpt{font-size:11px;line-height:1.75;color:var(--secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fa-card-bottom{border-top:1px solid var(--line);margin-top:13px;padding-top:10px;display:flex;gap:5px;color:var(--muted);font-size:9px;align-items:center}.fa-card-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fa-card-bottom .icon{width:12px;height:14px}
.fa-money{font-size:24px;letter-spacing:-.5px;display:block;margin:10px 0 0;font-variant-numeric:tabular-nums}
.fa-total{border-left:2px solid var(--green);padding:4px 0 4px 13px;margin:5px 0 20px;display:flex;flex-direction:column;gap:7px}.fa-total>span,.fa-total small{font-size:10px;color:var(--secondary)}.fa-total strong{font-size:22px;font-weight:550}
.fa-library-footer{margin:20px 0 5px;display:flex;flex-direction:column;gap:8px;font-size:9px;color:var(--muted)}
.fa-record-entry{width:100%;text-align:left;display:flex;flex-direction:column;gap:11px;background:var(--blue-soft);border:1px solid var(--line);border-radius:17px;padding:16px;margin:18px 0 0}
.fa-record-entry strong{font-size:14px;font-weight:550}.fa-record-entry>span:last-child{font-size:10px;color:var(--secondary);display:flex;align-items:center;justify-content:space-between;width:100%}.fa-record-entry>span:last-child .icon{width:16px}
.fa-timeline-badge{color:var(--accent);font-size:10px;display:inline-block;margin-top:7px}.fa-origin{border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:23px}.fa-origin h3{font-size:18px;font-weight:550;line-height:1.55;margin:10px 0 8px}.fa-origin p{font-size:10px;color:var(--secondary)}
.fa-origin .text-button{display:flex;align-items:center;gap:6px;min-height:32px}.fa-origin .icon{width:15px}
.fa-section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.fa-section-label h3{font-size:12px;font-weight:600;margin:0}.fa-section-label>span{font-size:10px;color:var(--secondary)}
.fa-action-section{border-top:1px solid var(--line);margin-top:24px;padding-top:1px}.fa-action-section>p{font-size:11px;color:var(--secondary);margin:0 0 15px}
.fa-action-card{width:100%;text-align:left;display:flex;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.fa-action-symbol{width:29px;height:33px;display:grid;place-items:center;color:var(--accent)}.fa-action-symbol.done{color:var(--green)}.fa-action-symbol .icon{width:19px}
.action-kind-option{padding:14px 0;gap:12px}.action-kind-option>.icon{width:20px;height:20px}.action-kind-option strong{font-size:13px}.action-kind-option p{font-size:10px;margin:4px 0 0}.action-kind-option>.icon:last-child{width:14px;height:14px}
.fa-action-copy{flex:1;min-width:0}.fa-action-copy strong{font-size:13px;display:block;line-height:1.6;overflow-wrap:anywhere;font-weight:550}.fa-action-copy small{font-size:10px;display:block;color:var(--secondary);line-height:1.7;margin-top:4px}.fa-action-state{font-size:9px;color:var(--accent);display:block;margin-top:6px}.fa-action-card>.icon{width:14px;color:var(--muted)}
.fa-detail-top{display:flex;align-items:center;justify-content:space-between}.fa-detail-title{font-size:23px;font-weight:550;line-height:1.5;margin:14px 0;overflow-wrap:anywhere}.fa-detail-copy{font-size:13px;line-height:1.9;color:var(--secondary);white-space:pre-line;overflow-wrap:anywhere}.fa-detail-money{font-size:31px;margin:20px 0 8px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.fa-evidence{border:1px solid var(--line);border-radius:14px;padding:15px;margin:23px 0 18px}.fa-evidence .eyebrow{font-size:10px;justify-content:space-between}.fa-evidence blockquote{margin:12px 0 14px;font-size:12px;line-height:1.9;color:var(--secondary);overflow-wrap:anywhere}
.fa-source{display:flex;gap:7px;align-items:center;color:var(--accent);font-size:10px;min-height:30px;text-align:left;max-width:100%;padding:0}.fa-source>span{flex:1;overflow-wrap:anywhere}.fa-source .icon{width:14px;height:14px}
.fa-detail-controls{display:grid;gap:10px;margin-top:23px}.fa-inline-actions{display:flex;justify-content:space-between;gap:10px}.fa-inline-actions button{min-height:44px;font-size:11px}
.fa-note,.fa-demo-note{font-size:10px;color:var(--secondary);line-height:1.8;margin:15px 0 20px}.fa-demo-note{margin:24px 0 3px;text-align:center;font-size:9px}
.fa-field{display:flex;flex-direction:column;gap:8px;font-size:11px;margin:16px 0;color:var(--secondary);min-width:0}.fa-field input,.fa-field textarea,.fa-field select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:11px;font:inherit;font-size:13px;line-height:1.5}.fa-field textarea{resize:vertical}.fa-field-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}
.fa-check{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;margin:20px 0 25px}.fa-check input{accent-color:var(--accent);margin-top:3px;width:16px;height:16px;flex-shrink:0}.fa-check small{display:block;color:var(--secondary);font-size:9px;margin-top:4px}
.fa-error{font-size:11px;color:var(--red);line-height:1.7}.fa-url{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere;font-size:11px;color:var(--accent);line-height:1.8}.fa-url .icon{width:14px}
.fa-empty{font-size:12px;line-height:1.9;color:var(--secondary);padding:20px 5px}.fa-state{text-align:center;padding:28px 12px 30px}.fa-state>.icon{width:30px;height:30px;color:var(--accent)}.fa-state h3{font-size:18px;margin:18px 0 12px;font-weight:550}.fa-state p{font-size:12px;line-height:1.9;color:var(--secondary)}
.fa-design-entry{margin-top:22px;display:grid;gap:8px}.fa-design-entry>p{font-size:10px;color:var(--secondary);margin:0 0 4px}.fa-design-entry button{display:flex;gap:7px;align-items:center;font-size:12px;text-align:left;padding:9px 0;color:var(--accent)}.fa-design-entry .icon{width:17px}.fa-design-states{display:flex;flex-wrap:wrap;gap:4px 12px}.fa-design-states button{font-size:10px}
.bottom-nav.fa-nav{gap:2px;padding-left:18px;padding-right:18px}.fa-nav .nav-item{min-width:43px}.fa-nav .capture-button{margin-left:3px;padding:12px;gap:4px}.fa-nav .capture-button span{font-size:10px}
@media(max-width:360px){.fa-heading h2{font-size:25px}.fa-card{padding:13px}.bottom-nav.fa-nav{padding-left:12px;padding-right:12px}.fa-nav .capture-button span{display:none}.fa-nav .capture-button{width:42px;height:42px;justify-content:center}.fa-flow{font-size:9px;gap:5px}.fa-field input{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fa-card{transition:none}}
