@font-face{font-family:Kalam;src:url('./fonts/Kalam-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Kalam;src:url('./fonts/Kalam-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{font-family:Kalam,'Segoe Print',cursive;font-size:20px;line-height:1.5}
body{background-color:#f7f4ec}
h1{font-family:Kalam,'Segoe Print',cursive;font-size:clamp(40px,6vw,66px);font-weight:700;letter-spacing:-.02em;line-height:1.12}
h2{font-family:Kalam,'Segoe Print',cursive;font-size:27px;font-weight:700}
button,.button,input,select,textarea{font-family:Kalam,'Segoe Print',cursive;font-size:19px}
.brand{font-family:Kalam,'Segoe Print',cursive;letter-spacing:.02em;font-size:20px}
.brand small{font-size:14px;line-height:1.3;font-weight:400}
.hero p{font-size:23px}.eyebrow{font-family:Kalam,'Segoe Print',cursive;font-size:15px;letter-spacing:.06em;text-transform:none}
.muted{font-size:17px}.status{font-size:17px}.tag{font-size:16px}.destinations{font-size:17px;letter-spacing:0}
nav a{font-family:Kalam,'Segoe Print',cursive;font-size:20px;font-weight:700}
.card{position:relative;background:linear-gradient(110deg,#fffef9,#fbf7e9);box-shadow:2px 5px 0 #ded6bd55}
.card:before{content:'';position:absolute;top:-11px;right:20px;width:54px;height:19px;background:#f3d47a88;transform:rotate(5deg);border-radius:2px}
.card:nth-child(2):before{background:#9cc5d688;transform:rotate(-4deg)}.card:nth-child(3):before{background:#eaa28f88}
.card strong.value,.balance{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.card strong.value{font-size:34px;font-weight:650}.balance{font-size:24px}
.travel-art>img{object-fit:contain}
.destinations{flex-wrap:wrap;text-align:center}
body[data-page="add"] .travel-art{border-bottom:1px dashed #d9bda0;padding-bottom:8px}
body[data-page="overview"] .travel-art{border-bottom:1px dashed #9dbdb4;padding-bottom:8px}
@media(max-width:700px){.brand{font-size:16px}.brand small{font-size:11px}header button{font-size:15px}.status{font-size:15px}.hero p{font-size:21px}.destinations{font-size:14px}nav a{font-size:17px;padding:12px 2px}.card strong.value{font-size:32px}.balance{font-size:22px}.muted{font-size:16px}}