/* A localized, fictional ledger rendered from TripLedgerView's layout and the approved device capture. */
.app-preview-device{box-sizing:border-box;width:360px;max-width:100%;margin:0;container-type:inline-size;padding:7px;border-radius:51px;background:linear-gradient(145deg,#f9f9fb,#e1e2e5 48%,#fff);box-shadow:inset 0 0 0 1px #b8bbc2,0 30px 65px #0000001c,0 4px 12px #0000000c;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","PingFang TC","Hiragino Sans","Apple SD Gothic Neo",sans-serif;line-height:1.25;text-align:center;isolation:isolate}
.app-preview-device *{box-sizing:border-box}
.app-preview-device p,.app-preview-device h3{margin:0}
.app-preview-device svg{display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-preview-screen{position:relative;aspect-ratio:430/932;overflow:hidden;border-radius:44px;background:#2d2520;color:#fff;isolation:isolate}
.app-preview-cover{position:absolute;inset:0;width:100%;height:76%;object-fit:cover;object-position:center 48%;z-index:-2;filter:brightness(.85)}
.app-preview-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#272824b3 0%,#27282400 18%,#523d2600 31%,#58483299 53%,#382d23ee 70%,#2b2520 88%)}
.app-preview-status{height:12.55cqw;display:flex;align-items:center;justify-content:space-between;padding:0 9.1cqw;font-size:4.65cqw;font-weight:650;letter-spacing:-.1cqw;background:#282a2dcc}
.app-preview-status-icons{display:flex;align-items:center;gap:1.75cqw}
.app-preview-status-icons>svg{width:5.8cqw;height:4cqw}
.app-preview-battery{position:relative;display:block;border-radius:1.1cqw;background:#35c759;padding:.05cqw .85cqw;color:white;font-size:3.3cqw;font-weight:700;line-height:1.25}
.app-preview-battery:after{content:"";position:absolute;right:-.55cqw;top:27%;width:.4cqw;height:44%;border-radius:0 .3cqw .3cqw 0;background:#7bb47c}
.app-preview-navigation{position:absolute;top:13.7cqw;left:4.7cqw;right:4.7cqw;display:flex;align-items:center;justify-content:space-between}
.app-preview-nav-back,.app-preview-nav-actions{display:flex;align-items:center;justify-content:center;border:1px solid #ffffff2b;background:#70665cab;box-shadow:inset 0 1px 2px #ffffff2b,0 2px 3px #00000014;backdrop-filter:blur(10px)}
.app-preview-nav-back{width:11.4cqw;height:11.4cqw;border-radius:50%}
.app-preview-nav-back>svg{width:6.1cqw;height:6.1cqw;stroke-width:2}
.app-preview-nav-actions{height:11.4cqw;border-radius:8cqw;padding:0 3cqw;gap:7.2cqw}
.app-preview-nav-actions>svg{width:6.4cqw;height:6.4cqw}
.app-preview-hero{height:104.5cqw;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 5.6cqw 4.1cqw;gap:1.35cqw;text-shadow:0 1px 10px #231b1720}
.app-preview-title{font-family:inherit!important;font-size:8.15cqw!important;font-weight:650!important;line-height:1.14!important;letter-spacing:-.18cqw;max-width:100%;overflow-wrap:normal!important;hyphens:auto;text-wrap:balance}
.app-preview-date,.app-preview-location{font-size:4cqw;line-height:1.32;max-width:100%;color:#ffffffe8;text-wrap:balance}
.app-preview-content{padding:0 3.95cqw;display:grid;gap:3.95cqw}
.app-preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:17.3cqw;padding:1.15cqw 0;border-radius:12cqw;background:#4c4943ab;backdrop-filter:blur(16px)}
.app-preview-summary-item{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.1cqw;padding:0 1.45cqw}
.app-preview-summary-item+.app-preview-summary-item:before{content:"";position:absolute;left:0;top:1cqw;bottom:1cqw;width:1px;background:#ffffff38}
.app-preview-summary-item>svg{width:5.8cqw;height:5.4cqw}
.app-preview-summary-item>strong{font-size:3.65cqw;line-height:1.23;font-weight:650;overflow-wrap:normal;hyphens:none;max-width:100%;text-wrap:wrap}
.app-preview-summary-item>.app-preview-amount{white-space:nowrap;font-size:3.95cqw;letter-spacing:-.08cqw;font-variant-numeric:tabular-nums}
.app-preview-roster{padding:5.25cqw 4.6cqw 5.4cqw;border-radius:7cqw;background:#393633bc;backdrop-filter:blur(20px)}
.app-preview-avatars{display:flex;justify-content:center;margin-bottom:2.2cqw;padding-left:1.85cqw}
.app-preview-avatars>span{display:grid;place-items:center;width:8cqw;height:8cqw;margin-left:-1.85cqw;border-radius:50%;background:#fac7a7;font-size:5.5cqw;line-height:1}
.app-preview-avatars>span:nth-child(2){background:#ffbdb4}.app-preview-avatars>span:nth-child(3){background:#c0efcd}.app-preview-avatars>span:nth-child(4){background:#bfeaf1}.app-preview-avatars>span:nth-child(5){background:#ffe997}.app-preview-avatars>span:nth-child(6){background:#ffb6ac}
.app-preview-roster-title{font-size:4.15cqw;font-weight:650;line-height:1.35;overflow-wrap:normal;hyphens:auto;text-wrap:balance}
.app-preview-families{font-size:3.55cqw;line-height:1.5;color:#ffffffbd;margin-top:1.8cqw!important;overflow-wrap:normal;hyphens:auto;text-wrap:balance}
.app-preview-cash{padding:5cqw;border-radius:7cqw;background:#332f2dcf;backdrop-filter:blur(20px);text-align:left}
.app-preview-cash-title{display:flex;align-items:center;gap:2.3cqw;font-size:4.35cqw;font-weight:650;line-height:1.2}
.app-preview-cash-title>svg{width:5.8cqw;height:5.4cqw}
.app-preview-cash-title>.app-preview-chevron{margin-left:auto;width:3cqw;height:4cqw;opacity:.5}
.app-preview-currency{font-size:3.55cqw;color:#ffffffd9;line-height:1.4;margin-top:3.4cqw!important}
.app-preview-cash-balance{display:flex;align-items:center;gap:3cqw;margin-top:1.5cqw}
.app-preview-cash-balance>strong{font-size:7.9cqw;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.app-preview-cash-balance>span{font-size:2.7cqw;padding:.8cqw 1.9cqw;background:#ffffff26;border-radius:5cqw}
.app-preview-progress{height:.9cqw;background:white;border-radius:1cqw;margin-top:3cqw}
.app-preview-cash-note{position:absolute;left:8.95cqw;right:8.95cqw;bottom:4cqw;font-size:3.15cqw;line-height:1.45;color:#ffffffb3;margin:0!important;text-wrap:nowrap}
.app-preview-bottom{position:absolute;left:4.7cqw;right:4.7cqw;bottom:9.3cqw;display:flex;gap:2.3cqw;align-items:stretch;filter:drop-shadow(0 3px 6px #201b1829)}
.app-preview-add{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:2.4cqw;min-height:12.4cqw;padding:1cqw 2cqw;border-radius:8cqw;background:#fff;color:#151515;font-size:4.7cqw;line-height:1.15;font-weight:500}
.app-preview-add>svg{width:5cqw;height:5cqw}
.app-preview-add>span{max-width:100%;hyphens:auto;text-wrap:balance}
.app-preview-bottom-icon{display:grid;place-items:center;flex:0 0 12.4cqw;min-height:12.4cqw;border-radius:50%;border:1px solid #ffffff2b;background:#72706ccc;box-shadow:inset 0 1px 1px #ffffff30;backdrop-filter:blur(10px)}
.app-preview-bottom-icon>svg{width:5.5cqw;height:5.5cqw}
.app-preview-home-indicator{position:absolute;bottom:2.4cqw;left:32%;width:36%;height:1.2cqw;background:#fff;border-radius:1cqw}
@media(max-width:520px){.app-preview-device{width:318px;padding:6px;border-radius:45px}.app-preview-screen{border-radius:39px}}
@media(prefers-reduced-transparency:reduce){.app-preview-nav-back,.app-preview-nav-actions{background:#6a6158;backdrop-filter:none}.app-preview-summary{background:#4a4540;backdrop-filter:none}.app-preview-roster{background:#393633;backdrop-filter:none}.app-preview-cash{background:#332f2d;backdrop-filter:none}.app-preview-bottom-icon{background:#67635f;backdrop-filter:none}}
@media(forced-colors:active){.app-preview-device,.app-preview-nav-back,.app-preview-nav-actions,.app-preview-summary,.app-preview-roster,.app-preview-cash,.app-preview-add,.app-preview-bottom-icon{border:1px solid CanvasText}.app-preview-cover{forced-color-adjust:none}.app-preview-cover-shade{background:Canvas}.app-preview-screen{background:Canvas;color:CanvasText}.app-preview-summary,.app-preview-roster,.app-preview-cash{background:Canvas;color:CanvasText}}