/* Leul isteț v0.8.1 — Candy Garden.
   Custom Web Awesome tokens plus children's scrapbook surfaces.
   IMPORTANT: map rail/text are separate GRID columns, so labels never cover the path. */

:root,.wa-light{
 --wa-font-family-body:"Nunito Sans",system-ui,sans-serif;
 --wa-font-family-heading:"Fredoka",system-ui,sans-serif;
 --wa-color-brand-fill-loud:#b82d79;
 --wa-color-brand-fill-normal:#de55a2;
 --wa-color-brand-fill-quiet:#ffe8f4;
 --wa-color-brand-on-loud:#fff;
 --wa-color-brand-border-normal:#e0a4cb;
 --wa-color-text-normal:#573a60;
 --wa-color-text-quiet:#89718f;
 --candy-pink:#e95aa0;
 --candy-dark:#aa347d;
 --candy-lilac:#c7a8ed;
 --candy-violet:#8353ae;
 --candy-ink:#644360;
 --candy-shadow:#e8d2e7;
}
body{background:radial-gradient(circle at 7% 8%,#ffdeef 0%,transparent 26%),radial-gradient(circle at 93% 18%,#e9dcff 0%,transparent 32%),#fff8fd;color:#583c5f}
.header{border-bottom:2px dashed #e9c7df}
.brand{color:#723e67}.brand b{color:#ce3989}.status{color:#9b67b4}
.card{background:#fffdfd;border:2px solid #efdbe8;box-shadow:0 5px 0 #f0dfe9}
.card h1,.card h2,.card h3,h1,h2,h3{color:#663966}
.card p,p{color:#7a667b}
.eyebrow{color:#b3438b}
.btn{background:#c53a88;box-shadow:0 4px 0 #982e6b}.btn:hover{background:#b3337c}
.btn.secondary{background:#f4eafd;color:#754e9b;border-color:#dcc6ef;box-shadow:0 3px 0 #e2d1ef}
.tab{background:#fff7fc;border:2px solid #eed5e5;color:#795f7d;box-shadow:0 2px 0 #edd9e7}
.tab.active{color:#ac3780;background:#ffe1f2;border-color:#e9acd0}
.card.hero{background:linear-gradient(115deg,#ffdce9,#faeafa 61%,#e7d9ff);border:2px solid #e6bdd8}
.profile{background:#fff0f8;border:2px solid #ecc5df;box-shadow:0 7px 0 #eed6e4}
.profile.rabbit{background:#f5edff;border:2px solid #d9c5ed;box-shadow:0 7px 0 #e6d7f3}
.profile:hover{box-shadow:0 10px 0 #eed6e4}
.profile.rabbit:hover{box-shadow:0 10px 0 #e6d7f3}
.profile .tag{background:#fff;color:#9e387c;border:1px solid #e8bbd6}
.wa-light wa-tag,wa-tag{display:inline-flex;max-width:100%;font-family:"Nunito Sans",system-ui,sans-serif;font-weight:900;vertical-align:middle}
wa-tag::part(base){border-radius:999px;font-size:11px;font-weight:900;padding:5px 11px}
wa-tag[variant="brand"]::part(base){background:#ffe4f2;border:1px solid #e7afd3;color:#a83178}
wa-tag[variant="success"]::part(base){background:#e8f7ee;border:1px solid #a8d4bc;color:#39795a}
wa-tag[variant="neutral"]::part(base){background:#f4edf8;border:1px solid #e1d2ec;color:#856f8f}
wa-progress-bar{display:block;--track-height:12px;--track-color:#f3dce9;--indicator-color:#de66ad;border-radius:999px;overflow:hidden}
.kid-world{--ink:#5b3b5f;--moss:#b84d90;--sand:#fff4fa;--line:#eccfe0;--paper:#fffaff;background:linear-gradient(140deg,#fff1f8,#fdf5ff 50%,#fff8fc);color:#573957}
.kid-world.world-rabbit{--moss:#8a60b4;--sand:#f9f3ff;--line:#e1d0f2}
.kid-world::before{background-image:radial-gradient(#d5bad3 0.75px,transparent .75px);opacity:.36}
.kid-world h1,.kid-world h2,.kid-world h3{color:#643962}
.kid-world .kid-eyebrow{color:#b2428a}
.kid-exit{background:#fffdfd;border:2px solid #e8c8df;box-shadow:0 3px #edd8e7;color:#8d4d86}
.kid-topnote{color:#9e7897}
.kid-cover{background:linear-gradient(114deg,#ed81b7,#d6569e 65%,#ba72cf);box-shadow:inset 0 -9px 0 #993b7920;color:#fff}
.world-rabbit .kid-cover{background:linear-gradient(114deg,#bd83e5,#ac66ce 70%,#e29fce);box-shadow:inset 0 -9px 0 #794c9822}
.kid-cover h1{color:#fff}
.kid-cover p{color:#fff5fb}
.kid-cover .kid-eyebrow,.world-rabbit .kid-cover .kid-eyebrow{color:#fff6fb}
.kid-stats span{background:#fff8fb33;border:1px solid #ffffff5a}
.level-progress{background:#fff8fb26}
.level-track{background:#fff4fa65}
.level-track i{background:#ffed95}
.cover-mascot::before{background:#ffe0ec}.world-rabbit .cover-mascot::before{background:#f3dcff}
.cover-name{background:#fff7e9;color:#915c8f}
.money-total{background:#ffe0f0;color:#a13479}
.lesson-count{background:#ede3ff;color:#8851b1;border-color:#d9c3f1}
.banks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.creature-bank{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 18px;background:#fffafd;border:2px solid #edc5df;border-radius:23px;box-shadow:0 6px 0 #f0dbe9;min-width:0}
.bank-save{background:#fff0f8;border-color:#edb6d7;box-shadow:0 6px 0 #f1cfe3}
.bank-invest{background:#f3ebff;border-color:#d7b9ef;box-shadow:0 6px 0 #e7d7f7}
.bank-spend{background:#fff5fa;border-color:#edc2d7;box-shadow:0 6px 0 #f2dbe6}
.bank-give{background:#f9f1ff;border-color:#dfc6ef;box-shadow:0 6px 0 #ebdcf5}
.bank-illustration{width:100%;height:165px;display:grid;place-items:center}
.bank-illustration svg{width:min(100%,156px);height:160px;max-width:100%}
.bank-copy{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;flex:1;text-align:center}
.bank-kind{font-family:"Fredoka",sans-serif;font-size:clamp(13px,1.4vw,16px);font-weight:600;color:#885279}
.bank-copy strong{font-size:clamp(18px,1.7vw,25px);color:#5c4162}
.bank-target{font-size:11px;color:#8c748e;font-weight:800}
.bank-copy wa-progress-bar{width:90%;margin:4px 0}
.bank-copy small{font-size:11px;color:#957e92;line-height:1.4}
.bank-reserved{padding:4px 8px;border-radius:8px;background:#f3eafa;color:#7b56a0;font-size:10px;font-weight:900}
.bank-set-target{border:0;background:#fbe5f2;color:#964e86;border-radius:10px;font-size:11px;font-weight:900;padding:8px 10px;margin-top:auto}
.bank-set-target:hover{background:#f3d0e5}
.bank-disclaimer{color:#9a8193}
.section-heading h2{color:#714067}
.trail{position:relative;padding:20px 12px 30px}
.trail.trail--single-column{--rail-size:82px;display:flex;flex-direction:column;gap:11px}
.trail.trail--single-column::before{content:"";position:absolute;left:calc(12px + var(--rail-size)/2);top:44px;bottom:24px;width:0;border-left:6px dotted #e4b7d7;transform:translateX(-50%);z-index:0;opacity:1}
.trail--single-column .trail-row{display:grid;grid-template-columns:var(--rail-size) minmax(0,1fr);gap:14px;align-items:center;margin:0!important;min-height:112px;position:relative;z-index:1;width:100%;max-width:100%}
.trail--single-column .trail-rail{width:var(--rail-size);display:grid;place-items:center}
.trail--single-column .trail-node{width:68px;height:68px;box-sizing:border-box;font-size:26px;border:4px solid #fffafb;background:#d961a4;box-shadow:0 5px 0 #a7437f,0 0 0 3px #b95d9c}
.trail--single-column .is-complete .trail-node{background:#f4d78b;color:#855d31;box-shadow:0 5px 0 #dab76a,0 0 0 3px #e9bc63}
.trail--single-column .is-locked .trail-node{background:#e4d9e9;color:#88798b;box-shadow:0 5px 0 #d0c1d5,0 0 0 3px #e0d2e4}
.trail--single-column .trail-content{min-width:0;width:100%;border-radius:19px;padding:15px 16px;background:#fffdfd;border:2px solid #edd5e8;box-shadow:0 4px 0 #f1e2ed;overflow-wrap:anywhere}
.trail--single-column .is-next .trail-content{background:#ffe8f5;border-color:#e6a7ce}
.trail--single-column .is-locked .trail-content{opacity:.67}
.trail--single-column .trail-step-number{font-size:10px;letter-spacing:1px;font-weight:1000;color:#b85e99}
.trail--single-column .trail-content h3{font-size:clamp(16px,2vw,20px);line-height:1.18;margin:5px 0 3px;max-width:none}
.trail--single-column .trail-content p{font-size:12px;line-height:1.45;margin:0;color:#8c758a}
.trail--single-column .trail-status{margin-top:9px;display:flex;flex-wrap:wrap}
.trail--single-column .chapter-flag{position:relative;z-index:2;margin:14px 0 9px;padding:11px 16px;text-align:center;background:#f7d8ee;color:#995c92;max-width:none;width:100%;transform:none;box-shadow:0 4px 0 #ecc1df;border-radius:14px}
.world-rabbit .trail--single-column .chapter-flag{background:#eadcff;color:#815ba4;box-shadow:0 4px 0 #dcc9f1}
.trail--single-column .lesson-row{display:grid;grid-template-columns:var(--rail-size) minmax(0,1fr);gap:14px;align-items:start;z-index:3;position:relative;margin:0 0 15px}
.trail--single-column .lesson-connector{width:var(--rail-size);display:flex;justify-content:center;padding-top:25px;color:#bd79b0;font-size:21px;position:relative}
.trail--single-column .mini-lesson{min-width:0;margin:0;padding:19px;border:2px solid #e0b5d6;box-shadow:0 5px 0 #eed8e8;background:#fffdfd;border-radius:20px}
.trail--single-column .mini-lesson h3{font-size:20px;margin:8px 0 13px;line-height:1.3}
.trail--single-column .lesson-options{display:grid;gap:8px}
.trail--single-column .lesson-options button{padding:12px;background:#fff5fb;border:2px solid #edd4e4;border-radius:13px;font-size:13px;color:#684965}
.trail--single-column .lesson-options button:hover{background:#f8e4f5}
.journey-map{background:#fffbfe;border:2px solid #ead5e6;box-shadow:0 6px 0 #f0dfeb}
.path-banner{background:#ffdeef;color:#904b83}.world-rabbit .path-banner{background:#eddfff;color:#76539a}
.path-banner h2{color:#704266}
.path-banner p{color:#8e6585}
.map-meter{background:#eddde8}.map-meter i{background:#d95aa1}
.goal-card,.kid-wish-form,.jar-target-editor,.subjar-panel,.wallet-form,.goal-editor,.wallet-tools-grid>.form{border-radius:20px;border:2px solid #edd3e7;background:#fffaff;padding:20px;box-shadow:0 4px 0 #f3e4ee}
.goals-layout,.kid-wishes{display:grid;gap:13px;margin:16px 0}
.goals-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
.goal-card-top{display:flex;align-items:start;justify-content:space-between;gap:9px}
.goal-card h3{font-size:19px;line-height:1.2;margin:6px 0 13px}
.goal-small-tag{font-size:11px;font-weight:900;color:#a8528b}
.goal-amounts{display:flex;justify-content:space-between;gap:8px;margin:10px 0 10px;align-items:baseline}
.goal-amounts strong{font-size:24px;color:#99508b}.goal-amounts span{font-size:12px;color:#89758a}
.goal-meta{font-size:11px;color:#90758d;margin:10px 0}
.goal-actions{margin-top:12px;display:flex;gap:7px}
.wallet-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.wallet-tools-grid .form{max-width:none}
.goal-edit-header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.goal-balance-row{display:flex;gap:14px;margin:18px 0;flex-wrap:wrap}
.goal-balance-row>div{flex:1;border-radius:12px;background:#f9edf9;padding:14px;display:grid;gap:4px}
.goal-balance-row small{color:#93718c}.goal-balance-row b{font-size:24px;color:#934b8c}
.parent-jar-grid,.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.parent-jar-item{display:flex;flex-direction:column;gap:7px}
.parent-jar-item b{font-size:18px;overflow-wrap:anywhere}
.wish-intro{font-size:13px;margin-bottom:15px}
.kid-wishes{grid-template-columns:repeat(2,minmax(0,1fr))}
.wish-card{display:flex;align-items:center;gap:11px;text-align:left;background:#fffafb;border:2px solid #e6c7df;border-radius:17px;padding:13px 15px;min-width:0;color:#5f4362}
.wish-card:hover{background:#ffeaf7}
.wish-icon{font-size:28px}.wish-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.wish-copy b{font-size:14px;line-height:1.2;overflow-wrap:anywhere}.wish-copy small{font-size:11px;color:#947b96}
.wish-arrow{font-size:28px;color:#b66c9d}
.wish-mini-fill{display:block;height:7px;border-radius:99px;background:#eedce8;overflow:hidden}
.wish-mini-fill i{display:block;background:#e07aaf;height:100%}
.wish-pending{opacity:.82;border-style:dashed}
.wish-empty{padding:18px;background:#fffdfd;border:1px dashed #dcaecf;border-radius:14px;color:#936c89}
.subjar-panel{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;position:relative;margin:20px 0}
.subjar-panel h3{margin:6px 0}.subjar-panel p{margin:8px 0}.subjar-panel small{display:block;margin-top:8px;color:#95738e}
.subjar-illustration{display:grid;place-items:center}
.subjar-illustration .animal-bank-svg{max-width:150px}
.subjar-close{position:absolute;right:10px;top:10px;border:0;border-radius:10px;padding:6px 9px;background:#ffe1ef;color:#904b86}
.subjar-pending{padding:13px;border-radius:13px;background:#f2eafa;color:#7e6a8c;font-size:12px}
.kid-wish-form{display:grid;gap:11px;margin-top:15px}
.kid-wish-form h3,.jar-target-editor h3{margin:0 0 6px}
.kid-wish-form label,.kid-target-form label{display:grid;gap:5px}
.kid-wish-form input,.kid-wish-form select,.kid-target-form input{width:100%;padding:11px 12px;border:2px solid #ebcfe3;border-radius:12px;background:#fff;color:#664763;min-width:0}
.jar-target-editor{margin:16px 0}
.kid-target-form{display:grid;gap:12px;margin-top:16px}
.kid-form-submit{border:0;border-radius:14px;padding:12px 15px;font-weight:900;background:#c6418b;color:#fff}
@media(max-width:1100px){.banks{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-illustration{height:162px}.bank-illustration svg{width:154px;height:160px}}
@media(max-width:780px){.goals-layout,.wallet-tools-grid{grid-template-columns:1fr}.parent-jar-grid,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.kid-wishes{grid-template-columns:1fr}.kid-world .banks{grid-template-columns:repeat(2,minmax(0,1fr))}.trail.trail--single-column{--rail-size:66px}.trail--single-column .trail-node{width:57px;height:57px;font-size:22px}.trail--single-column .trail-row,.trail--single-column .lesson-row{gap:9px}.trail--single-column .trail-content{padding:13px}.trail--single-column .mini-lesson{padding:14px}.trail--single-column .trail-content h3{font-size:16px}}
@media(max-width:420px){.kid-world .banks{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-illustration{height:121px}.bank-illustration svg{width:122px;height:125px}.bank-kind{font-size:12px}.bank-copy strong{font-size:19px}.kid-world h2{font-size:22px}.trail.trail--single-column{--rail-size:52px;padding-left:5px;padding-right:5px}.trail.trail--single-column::before{left:calc(5px + var(--rail-size)/2)}.trail--single-column .trail-node{width:46px;height:46px;font-size:19px;border-width:2px}.trail--single-column .trail-row,.trail--single-column .lesson-row{gap:8px}.trail--single-column .trail-content{padding:11px 12px}.trail--single-column .trail-content h3{font-size:15px}.trail--single-column .trail-content p{font-size:11px}.trail--single-column .mini-lesson h3{font-size:17px}.subjar-panel{grid-template-columns:1fr}.subjar-illustration{display:none}}
@media(prefers-reduced-motion:reduce){.kid-world .is-next .trail-node{animation:none!important}}
