@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Noto+Sans:wght@400;600;700;800&display=swap";.seg{display:flex;background:#f1f2f9;border-radius:12px;padding:4px;margin-bottom:14px}.seg button{flex:1;padding:9px;border:none;background:none;border-radius:9px;font-family:Noto Sans,sans-serif;font-weight:800;font-size:14px;color:var(--muted);cursor:pointer}.seg button.active{background:#fff;color:var(--brand-deep);box-shadow:0 1px 4px #00000014}.ledger-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:none}.ledger-ico{font-size:22px;width:30px;text-align:center}.ledger-main{flex:1;min-width:0}.ledger-desc{font-weight:700;font-size:14px}.ledger-date{font-size:12px;color:var(--muted)}.ledger-val{font-family:Comfortaa,sans-serif;font-weight:600;font-size:15px;white-space:nowrap}.val-pos{color:var(--green)}.val-neg{color:var(--red)}.history-tabs .child-tab{font-size:13px;padding:10px 5px}.movement-card{padding:14px}.movement-head{display:flex;align-items:center;gap:10px}.movement-undo{display:block;margin-top:12px}.movement-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.correction-box{margin-top:12px;padding:12px;border-radius:12px;background:#fff8e8;border:1px solid #f2d58a}.correction-done{margin-top:12px;padding:9px 11px;border-radius:10px;background:#ecfdf5;color:#166534;font-size:12px;font-weight:700}.trail-summary-card{border:1.5px solid #ddd9ff;background:linear-gradient(145deg,#fff 55%,#f1efff)}.trail-open-button{margin-top:14px;width:100%}.trail-page{max-width:680px;margin:0 auto}.trail-topbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:10px;margin:-8px -8px 12px;padding:8px;border-radius:16px;background:#f4f5fbf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.trail-topbar>div:nth-child(2){flex:1;min-width:0}.trail-topbar h2{font-family:Comfortaa,sans-serif;font-size:20px;color:var(--brand-deep)}.trail-topbar span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.trail-back{flex:0 0 38px;width:38px;height:38px;border:none;border-radius:13px;background:var(--brand);color:#fff;font:700 28px/1 Comfortaa,sans-serif;cursor:pointer}.trail-level-pill{flex:0 0 auto;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-family:Comfortaa,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.trail-progress-card{position:relative;z-index:3;margin-bottom:-14px;padding:12px 16px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #3730a329;color:var(--brand-deep);font-size:13px;text-align:center}.trail-progress{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e8e7ff}.trail-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--gold));transition:width .5s ease}.trail-collection-button{position:relative;z-index:4;width:calc(100% - 24px);margin:22px 12px -16px;padding:11px 14px;display:flex;align-items:center;gap:10px;border:2px solid #fff;border-radius:17px;background:linear-gradient(135deg,#fff8d7,#fff);box-shadow:0 7px 20px #3730a333;color:var(--brand-deep);cursor:pointer;text-align:left}.trail-collection-button>span:first-child{font-size:27px}.trail-collection-button>span:nth-child(2){flex:1;display:flex;flex-direction:column}.trail-collection-button strong{font:700 14px/1.2 Comfortaa,sans-serif}.trail-collection-button small{margin-top:2px;color:var(--muted);font-size:10px}.trail-collection-button>span:last-child{font:700 26px/1 Comfortaa,sans-serif}.trail-sky{position:relative;overflow:hidden;min-height:420px;border-radius:24px;background:linear-gradient(180deg,#8e8af5,#8dd9fa 38%,#dff7ff);box-shadow:inset 0 0 50px #ffffff47}.trail-map{position:relative;z-index:2;width:100%;min-height:330px}.trail-route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.trail-route path{fill:none;stroke:#ffd34e;stroke-width:8;stroke-linecap:round;stroke-dasharray:2 15;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 1px rgba(133,82,0,.25))}.trail-stage{position:absolute;width:160px;height:138px;z-index:2}.trail-stage.side-left{left:5%}.trail-stage.side-right{right:5%}.floating-island{position:relative;width:160px;height:118px}.island-grass{position:absolute;top:36px;left:5px;width:150px;height:62px;border-radius:50%;background:linear-gradient(180deg,#a8e34c,#5cae39 68%,#3c842c);border:4px solid rgba(255,255,255,.38);box-shadow:0 11px 15px #2f426847,inset 0 -8px 10px #2f702747;z-index:2}.island-rock{position:absolute;top:70px;left:25px;width:110px;height:55px;background:linear-gradient(135deg,#906948,#5e4261);clip-path:polygon(4% 0,96% 0,79% 74%,55% 100%,27% 79%);filter:drop-shadow(0 9px 7px rgba(42,55,94,.26));z-index:1}.trail-marker{position:absolute;top:14px;left:50%;transform:translate(-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f8f7ff,#cbc8e8);border:5px solid #fff;box-shadow:0 4px 9px #23245b47;color:#5b5b78;font:700 27px/1 Comfortaa,sans-serif;z-index:4}.trail-marker small{position:absolute;right:-8px;bottom:-5px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:50%;background:#76758d;border:3px solid #fff;color:#fff;font:800 15px/1 Noto Sans,sans-serif}.trail-stage.completed .trail-marker{background:linear-gradient(145deg,#ffd958,#f3a712);color:#6c4600}.trail-stage.completed .trail-marker small{background:#22b451}.trail-stage.current{z-index:4}.trail-stage.current .island-grass{background:linear-gradient(180deg,#c6ef64,#55b83d);box-shadow:0 0 0 6px #ffd34e73,0 13px 18px #2f426852}.trail-stage.current .trail-marker{width:76px;height:76px;top:9px;color:#fff;background:linear-gradient(145deg,#655cf4,#3730a3);border-color:#ffd34e}.trail-stage.current .trail-marker small{background:var(--gold)}.trail-stage.locked{filter:saturate(.5);opacity:.84}.trail-avatar{position:absolute;top:-35px;left:50%;transform:translate(-50%);z-index:6;font-size:45px;line-height:1;filter:drop-shadow(0 4px 2px rgba(41,45,99,.28));animation:avatar-float 2.2s ease-in-out infinite}.trail-rewards{position:absolute;top:83px;left:50%;transform:translate(-50%);z-index:6;display:flex;justify-content:center;gap:3px}.trail-rewards span{display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:#fff8d7;box-shadow:0 3px 7px #23245b33;font-size:15px}.trail-rewards span.locked{position:relative;background:#e4e4ef;filter:grayscale(1);opacity:.75}.trail-rewards span.locked:after{content:"🔒";position:absolute;right:-6px;bottom:-5px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#fff;font-size:8px;filter:none}.trail-stage-name{position:absolute;top:113px;left:50%;transform:translate(-50%);z-index:5;max-width:145px;padding:5px 9px;border-radius:999px;background:#fffffff0;box-shadow:0 4px 10px #23245b26;color:var(--brand-deep);font-size:11px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trail-cloud{position:absolute;z-index:1;width:90px;height:28px;border-radius:999px;background:#ffffffb8;filter:blur(.3px)}.trail-cloud:before,.trail-cloud:after{content:"";position:absolute;bottom:4px;border-radius:50%;background:inherit}.trail-cloud:before{left:14px;width:38px;height:38px}.trail-cloud:after{right:12px;width:48px;height:48px}.cloud-one{top:7%;left:-24px}.cloud-two{top:38%;right:-35px;transform:scale(1.2)}.cloud-three{top:72%;left:-30px;transform:scale(.85)}.trail-coming-soon{margin-top:14px;padding:13px 16px;border:1.5px solid #f2d58a;border-radius:15px;background:#fff8e8;color:#805400;font-size:13px;font-weight:700;text-align:center}@keyframes avatar-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.level-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:22px;background:#191a46b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.celebration-card{position:relative;z-index:2;width:min(100%,380px);padding:30px 24px 24px;border:5px solid #ffd34e;border-radius:28px;background:linear-gradient(165deg,#fff 45%,#efedff);box-shadow:0 24px 70px #00000052;text-align:center;animation:celebration-pop .4s ease-out}.celebration-avatar{font-size:74px;line-height:1;margin-bottom:12px}.celebration-card h2{font-family:Comfortaa,sans-serif;color:var(--brand-deep);font-size:24px}.celebration-card p{margin-top:8px;color:var(--muted)}.celebration-rewards{margin:16px 0;padding:12px;border-radius:16px;background:#fff8d7;color:#805400}.celebration-rewards>strong{font-family:Comfortaa,sans-serif}.celebration-rewards>div{display:flex;justify-content:center;gap:8px;margin-top:9px;flex-wrap:wrap}.celebration-rewards span{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff;font-size:11px;font-weight:800}.celebration-rewards b{font-size:20px}.celebration-stars{position:fixed;inset:14% 0 auto;z-index:1;color:#ffd34e;font-size:clamp(24px,8vw,54px);text-align:center;letter-spacing:8vw;animation:stars-dance 1.2s ease-in-out infinite alternate}@keyframes celebration-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes stars-dance{0%{transform:translateY(-8px) rotate(-3deg)}to{transform:translateY(8px) rotate(3deg)}}.collection-page{width:100%;min-width:0;max-width:760px;margin:0 auto}.collection-header{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:15px;border-radius:22px;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;box-shadow:0 10px 26px #3730a338}.collection-header>div:nth-child(2){flex:1;min-width:0}.collection-header h2{color:#fff;font:700 21px/1.2 Comfortaa,sans-serif}.collection-header p{margin-top:3px;color:#e4e2ff;font-size:11px;line-height:1.35}.collection-header .trail-back{background:#fff3}.collection-count{flex:0 0 auto;display:flex;align-items:baseline;padding:8px 10px;border-radius:14px;background:#ffffff2b}.collection-count strong{font:700 18px/1 Comfortaa,sans-serif}.collection-count span{color:#dcd9ff;font-size:11px}.collection-page .alert-success{border-color:#9bddae;background:#ecfdf5;color:#166534}.collection-section{margin-top:17px;padding:15px;border:1.5px solid #e4e2f5;border-radius:21px;background:#fff;box-shadow:0 7px 18px #2a2d5f12}.collection-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.collection-section-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#efedff;font-size:22px}.collection-section-title h3{color:var(--brand-deep);font:700 17px/1.2 Comfortaa,sans-serif}.collection-section-title p{margin-top:2px;color:var(--muted);font-size:11px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-item{position:relative;width:100%;min-width:0;min-height:148px;padding:15px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #e5e3f3;border-radius:18px;background:linear-gradient(160deg,#fff,#f7f6ff);color:var(--ink);font-family:inherit;cursor:pointer;overflow:hidden}.collection-item:disabled{cursor:default;opacity:1}.collection-item.unlocked:not(.selected):not(:disabled):active{transform:translateY(1px)}.collection-item.selected{border-color:var(--gold);background:linear-gradient(160deg,#fffbea,#fff);box-shadow:0 0 0 3px #ffc40026}.collection-item.locked{background:#f1f1f6;border-color:#e0e0e8;color:#77768a}.collection-emoji{font-size:47px;line-height:1;margin-bottom:9px;filter:drop-shadow(0 4px 3px rgba(52,51,101,.15))}.collection-item.locked .collection-emoji{filter:grayscale(1);opacity:.52}.collection-item strong{max-width:100%;font-size:12px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.collection-item small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:700;text-align:center}.collection-item.selected small{color:#9a6500}.collection-lock,.collection-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:12px}.collection-lock{background:#dddde7}.collection-check{background:#22b451;border:2px solid #fff;color:#fff;font-weight:900}.signup-choice-card,.family-join-card,.family-create-card{position:relative;max-width:560px}.signup-choice-card h2{margin-top:8px;color:var(--brand-deep);font:700 21px/1.25 Comfortaa,sans-serif;text-align:center}.signup-choice-grid{display:grid;gap:11px;margin:18px 0 4px}.signup-choice-grid>button{width:100%;display:grid;grid-template-columns:48px 1fr;gap:3px 12px;align-items:center;padding:15px;border:2px solid #e3e0f7;border-radius:17px;background:linear-gradient(145deg,#fff,#f8f7ff);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.signup-choice-grid>button:active{transform:translateY(1px)}.signup-choice-grid>button>span{grid-row:1 / 3;font-size:34px;text-align:center}.signup-choice-grid strong{color:var(--brand-deep);font:700 15px/1.2 Comfortaa,sans-serif}.signup-choice-grid small{color:var(--muted);font-size:12px;line-height:1.35}.signup-login-link{margin-top:17px;color:var(--muted);font-size:13px;text-align:center}.signup-path-note{margin:0 0 15px;padding:10px 12px;border-radius:11px;background:#f1efff;color:var(--brand-deep);font-size:12px;font-weight:700;text-align:center}.family-code-input{text-transform:uppercase;font:700 21px/1 Comfortaa,sans-serif;letter-spacing:.12em;text-align:center}.family-privacy-note{margin:12px 0;font-size:12px;text-align:center}.family-pending{padding-top:15px;text-align:center}.family-pending>span{display:block;margin-bottom:10px;font-size:58px}.family-pending h2{color:var(--brand-deep);font:700 22px/1.2 Comfortaa,sans-serif}.family-pending p{margin:10px 0;line-height:1.5}.setup-screen{min-height:100vh;padding:14px;background:radial-gradient(circle at 85% 0,#e4e1ff 0,transparent 34%),#f4f5fb}.setup-header{max-width:760px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.setup-header>div{display:flex;min-width:0;flex-direction:column}.setup-header span{color:var(--brand);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.setup-header strong{overflow:hidden;color:var(--brand-deep);font:700 16px/1.4 Comfortaa,sans-serif;text-overflow:ellipsis;white-space:nowrap}.setup-card{width:100%;max-width:760px;margin:0 auto;padding:17px;border-radius:22px;background:#fff;box-shadow:0 12px 40px #2f2c701f}.setup-progress-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;font-weight:800}.setup-progress{height:8px;margin:7px 0 17px;overflow:hidden;border-radius:999px;background:#e9e7f5}.setup-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--gold));transition:width .35s ease}.setup-step{text-align:center}.setup-icon{font-size:55px;line-height:1;filter:drop-shadow(0 5px 3px rgba(55,48,163,.13))}.setup-step h1{margin-top:10px;color:var(--brand-deep);font:700 22px/1.25 Comfortaa,sans-serif}.setup-explanation{max-width:620px;margin:8px auto 18px;color:var(--muted);font-size:13px;line-height:1.5}.setup-form-box{margin:12px 0;padding:14px;border:1.5px solid #e5e2f5;border-radius:17px;background:#fbfaff;text-align:left}.setup-two-cols{display:grid;gap:10px}.setup-two-cols .field{margin-top:10px}.setup-add{margin-top:14px;background:var(--brand-deep)}.setup-child-saved{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border-radius:13px;background:#ecfdf5;text-align:left}.setup-child-saved>span{font-size:28px}.setup-child-saved>div{flex:1;display:flex;min-width:0;flex-direction:column}.setup-child-saved small{color:#397050;font-size:11px}.setup-child-saved>b{color:var(--green);font-size:18px}.setup-family-code{margin:20px auto;padding:18px;border:2px dashed #aaa4eb;border-radius:18px;background:#f6f4ff}.setup-family-code small{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.setup-family-code strong{color:var(--brand-deep);font:700 27px/1 Comfortaa,sans-serif;letter-spacing:.14em}.setup-tip{margin-bottom:18px;padding:11px;border-radius:12px;background:#fff8e8;color:#805400;font-size:12px;font-weight:700}.setup-choices{display:grid;gap:8px;max-height:390px;margin-bottom:16px;overflow-y:auto;text-align:left}.setup-choices button{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:1.5px solid #e4e2ee;border-radius:13px;background:#fff;color:var(--ink);font-family:inherit;cursor:pointer}.setup-choices button>span{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#efeff5;color:var(--muted);font-weight:900}.setup-choices button.selected{border-color:#8b85e9;background:#f4f2ff}.setup-choices button.selected>span{background:var(--brand);color:#fff}.setup-choices button>div{display:flex;min-width:0;flex-direction:column}.setup-choices strong{font-size:13px}.setup-choices small{margin-top:2px;color:var(--muted);font-size:10px}.setup-goal{margin:10px 0;padding:13px;border-radius:14px;background:#f7f6ff;text-align:left}.setup-goal>strong{color:var(--brand-deep);font-size:13px}.setup-skip{margin-top:14px;font-size:13px}.setup-review{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.setup-review span{padding:13px 7px;border-radius:13px;background:#f4f2ff;color:var(--brand-deep);font-size:12px;font-weight:700}.family-access-card{margin-bottom:16px;padding:15px;border:1.5px solid #dcd9f5;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f4ff)}.family-access-head{display:flex;align-items:flex-start;gap:10px}.family-access-head>span{font-size:29px}.family-access-head h3{color:var(--brand-deep);font:700 15px/1.3 Comfortaa,sans-serif}.family-access-head p{margin-top:3px;color:var(--muted);font-size:11px}.family-code{width:100%;margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border:1.5px dashed #aaa4eb;border-radius:12px;background:#fff;color:var(--brand-deep);cursor:pointer}.family-code strong{font:700 18px/1 Comfortaa,sans-serif;letter-spacing:.12em}.family-code span{color:var(--brand);font-size:11px;font-weight:800}.family-requests{margin-top:13px}.family-requests h4{margin-bottom:7px;color:#805400;font-size:12px}.family-request-row{padding:11px 0;border-top:1px solid #e5e2f5}.family-request-row>div:first-child{display:flex;min-width:0;flex-direction:column}.family-request-row span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.family-request-row>div:last-child{display:flex;gap:7px;margin-top:8px}.admin-page{width:100%;max-width:840px;margin:0 auto}.admin-title-row,.admin-user-head{display:flex;align-items:center;gap:11px}.admin-title-row>div{flex:1}.admin-shield{font-size:39px}.admin-warning{margin:12px 0 16px;padding:12px;border:1px solid #f2d58a;border-radius:13px;background:#fff8e8;color:#805400;font-size:12px;line-height:1.45}.admin-total{margin:13px 0 7px;color:var(--muted);font-size:11px;font-weight:800;text-align:right}.admin-family-block{margin:14px 0 20px;padding:10px;border:1.5px solid #dcd9ec;border-radius:18px;background:#f8f7fc}.admin-family-header{display:flex;justify-content:space-between;gap:10px;padding:5px 4px 11px;color:var(--muted);font-size:10px}.admin-family-header>div{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:14px}.admin-family-header>span{text-align:right}.admin-user-card{margin-bottom:10px;padding:14px;border:1.5px solid #e3e1ed;border-radius:16px;background:#fff}.admin-family-block .admin-user-card:last-child{margin-bottom:0}.admin-user-card.blocked{border-color:#e7b8b8;background:#fff8f8}.admin-user-avatar{flex:0 0 39px;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0eff9;font-size:23px}.admin-user-head>div{flex:1;min-width:0;display:flex;flex-direction:column}.admin-user-head strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.admin-user-head div span{color:var(--muted);font-size:10px}.admin-status{flex:0 0 auto;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.admin-status.on{background:#dcfce7;color:#166534}.admin-status.off{background:#fee2e2;color:#991b1b}.admin-user-details{display:grid;gap:3px;margin-top:11px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.admin-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.admin-edit-box,.admin-delete-box{margin-top:12px;padding:12px;border-radius:13px;background:#f7f6fb}.admin-delete-box{border:1px solid #efb1b1;background:#fff5f5}.admin-delete-box p{margin:5px 0 10px;color:#7f1d1d;font-size:11px}.btn-danger{border-color:#dc2626!important;background:#dc2626!important;color:#fff!important}.btn-warn{border-color:#d97706!important;background:#fff7ed!important;color:#9a4b08!important}.saldo-line{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.saldo-line .v{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;color:var(--green)}.header-help-btn{flex:0 0 auto;height:38px;padding:0 10px;border:1.5px solid #cbc8ff;border-radius:12px;background:#eef2ff;color:var(--brand-deep);cursor:pointer;font-family:inherit;font-size:12px;font-weight:900;white-space:nowrap}.header-chat-btn{position:relative;flex:0 0 auto;width:38px;height:38px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-size:20px}.header-chat-btn.has-unread{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b29}.header-chat-btn span{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900;line-height:1}.chat-people{margin-bottom:10px;overflow-x:auto;flex-wrap:nowrap}.chat-people .child-tab{flex:0 0 auto}.chat-box{min-height:300px;max-height:56vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px;border:1.5px solid var(--line);border-radius:18px;background:#f7f6fb}.chat-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center}.chat-message{max-width:82%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 2px 8px #231f4a0f;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;border-radius:14px 14px 4px;background:#e6e8ff}.chat-message.theirs{align-self:flex-start}.chat-author{display:block;margin-bottom:4px;color:var(--brand-deep);font-size:11px}.chat-message p{margin:0;white-space:pre-wrap;font-size:14px}.chat-message small{display:block;margin-top:4px;color:var(--muted);font-size:9px;text-align:right}.chat-compose{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:10px}.chat-compose textarea{resize:vertical;min-height:46px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-page{max-width:860px;margin:0 auto}.help-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;box-shadow:0 12px 28px #3730a338}.help-hero>div:first-child{flex:1;min-width:0}.help-hero span{color:#fff8d7;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.help-hero h2{margin-top:4px;font:700 22px/1.2 Comfortaa,sans-serif}.help-hero p{margin-top:7px;color:#eceaff;font-size:13px;line-height:1.45}.help-hero-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#ffffff2e;font:900 32px/1 Comfortaa,sans-serif}.help-search{margin:14px 0}.help-topics{display:grid;gap:13px}.help-topic{display:grid;gap:12px;padding:14px;border:1.5px solid #e5e2f5;border-radius:20px;background:#fff;box-shadow:0 8px 22px #2a2d5f12}.help-topic-title{display:flex;align-items:center;gap:9px}.help-topic-title span{font-size:24px}.help-topic-title h3{color:var(--brand-deep);font:700 17px/1.25 Comfortaa,sans-serif}.help-topic p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.help-topic ol{margin:10px 0 0 20px;color:var(--ink);font-size:13px;line-height:1.45}.help-topic li+li{margin-top:5px}.help-shot{min-height:142px;padding:12px;border-radius:17px;background:linear-gradient(160deg,#f4f2ff,#fff);border:1.5px solid #e4e0ff;overflow:hidden;position:relative}.help-phone-top{width:42px;height:5px;margin:0 auto 12px;border-radius:999px;background:#c9c6e9}.help-shot strong{display:block;color:var(--brand-deep);font:700 14px/1.25 Comfortaa,sans-serif}.help-shot small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.help-chip{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900}.help-chip.warn{background:#fff7ed;color:#9a4b08}.help-shot-actions,.help-list-lines,.help-bubbles{display:grid;gap:6px;margin-top:10px}.help-shot-actions{grid-template-columns:repeat(3,1fr)}.help-shot-actions b,.help-list-lines i,.help-bubbles i{display:block;border-radius:999px;background:#dcd9ff}.help-shot-actions b{height:19px}.help-list-lines i{height:9px}.help-red-line{height:10px;margin-top:16px;border-radius:999px;background:#fecaca}.help-islands{display:flex;justify-content:center;gap:12px;margin:14px 0 12px}.help-islands i{width:38px;height:28px;border-radius:50%;background:linear-gradient(180deg,#c6ef64,#55b83d);box-shadow:0 7px 10px #2f42682e}.help-money{margin:12px 0 4px;color:var(--green);font:800 34px/1 Comfortaa,sans-serif}.help-bubbles i{width:68%;height:22px}.help-bubbles i:nth-child(2){margin-left:auto;background:#e6e8ff}.help-code{margin-top:12px;padding:10px;border:1.5px dashed #aaa4eb;border-radius:12px;color:var(--brand-deep);font:800 16px/1 Comfortaa,sans-serif;text-align:center;letter-spacing:.12em}.mission-period-group+.mission-period-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.mission-period-title{font-weight:800;font-size:12px}.mission-progress{margin-top:12px}.mission-progress-head{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.mission-progress-head>span:last-child{flex:0 0 auto;font-size:11px}.mission-count{margin-top:4px;font-size:11px}.photo-message{max-width:150px;margin-top:5px;color:var(--green);font-size:10px;font-weight:700}.photo-message.error{color:var(--red)}.camera-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172aad}.camera-panel{width:min(100%,440px);padding:14px;border-radius:18px;background:#fff;box-shadow:0 22px 60px #0f172a47}.camera-preview{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:14px;background:#111827;display:grid;place-items:center}.camera-preview video{width:100%;height:100%;object-fit:cover}.camera-placeholder{color:#fff;font-weight:800;font-size:14px}.camera-help{margin-top:10px;color:var(--muted);font-size:13px;text-align:center}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.camera-secondary{background:#f3f4f6;color:var(--ink);border:1.5px solid var(--line)}.grade-history-head{display:flex;align-items:center;gap:10px}.grade-history-avatar{font-size:28px}.grade-history-head>div{flex:1;min-width:0;display:flex;flex-direction:column}.grade-history-head strong{font-size:14px}.grade-history-head span{color:var(--muted);font-size:10px}.grade-history-value{max-width:105px;color:var(--brand-deep);font-size:13px;text-align:right}.back-link{background:none;border:none;color:var(--brand);font-weight:700;font-family:inherit;font-size:14px;cursor:pointer;padding:0;margin-bottom:12px}.action-row{display:flex;gap:10px;margin-top:16px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.action-btn{padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:15px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px}.action-row .action-btn{flex:1}.action-btn:active{transform:translateY(1px)}.action-ico{font-size:22px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.form-inline>*{flex:1;min-width:120px}.check-row{display:flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;font-size:14px;cursor:pointer}.preview{margin-top:14px;padding:11px 14px;border-radius:10px;background:#eef2ff;color:var(--brand-deep);font-size:14px;font-weight:700;text-align:center}.grade-rule-row{display:grid;gap:7px;padding:11px 0;border-bottom:1px solid var(--line)}.grade-rule-row:last-of-type{border-bottom:none}.grade-rule-row>strong{font-size:13px}.grade-rule-row>span{font-size:12px}.grade-rule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grade-rule-inputs label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.grade-rule-inputs .input{min-width:0;padding:8px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.emoji-opt{font-size:24px;padding:8px 0;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.emoji-opt.active{border-color:var(--brand);background:#eef2ff}.bar-track{height:12px;background:#f1f2f9;border-radius:999px;overflow:hidden;margin-top:6px}.bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--gold));border-radius:999px;transition:width .4s}.col-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:150px;padding-top:8px}.col-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.col-val{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:4px}.col-bar{width:68%;min-height:3px;background:linear-gradient(180deg,var(--brand),var(--brand-deep));border-radius:8px 8px 0 0;transition:height .4s}.col-label{font-size:11px;color:var(--muted);margin-top:6px;font-weight:700}.tab-badge{position:absolute;top:-6px;right:-12px;background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}@media (prefers-reduced-motion: reduce){.action-btn:active,.collection-item:active{transform:none}.bar-fill,.col-bar,.trail-progress span{transition:none}.trail-avatar,.celebration-card,.celebration-stars{animation:none}}@media (min-width: 900px){.header-help-btn{padding:0 14px;font-size:13px}.grade-rule-row{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);align-items:center}.trail-topbar h2{font-size:24px}.trail-topbar span{font-size:13px}.trail-level-pill{padding:10px 14px;font-size:14px}.trail-sky{border-radius:30px}.trail-stage.side-left{left:12%}.trail-stage.side-right{right:12%}.trail-collection-button{padding:13px 17px}.collection-header{padding:18px 20px}.collection-header h2{font-size:25px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collection-grid.stickers{grid-template-columns:repeat(5,minmax(0,1fr))}.collection-item{min-height:158px}.signup-choice-grid{grid-template-columns:1fr 1fr}.signup-choice-grid>button{grid-template-columns:55px 1fr;min-height:125px}.setup-screen{padding:28px}.setup-card{padding:26px 32px}.setup-step h1{font-size:27px}.setup-explanation{font-size:14px}.setup-two-cols{grid-template-columns:1fr 1fr}.setup-choices{grid-template-columns:1fr 1fr;max-height:440px}.family-request-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.family-request-row>div:last-child{flex:0 0 auto;margin-top:0}.admin-user-details{grid-template-columns:1fr 1fr}.admin-family-block{padding:14px}.chat-box{min-height:420px}.help-topic{grid-template-columns:190px 1fr;align-items:start}.help-shot{min-height:160px}}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.cal-wd{text-align:center;font-size:11px;font-weight:800;color:var(--muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{aspect-ratio:1;border:none;border-radius:10px;background:#f1f2f9;color:var(--ink);font-family:Comfortaa,sans-serif;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center}.cal-cell.empty{background:transparent}.cal-cell.clickable{cursor:pointer}.cal-cell.clickable:active{transform:translateY(1px)}.cal-verde{background:#bbf7d0;color:#166534}.cal-amarelo{background:#fef08a;color:#854d0e}.cal-vermelho{background:#fecaca;color:#991b1b}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-nav button{background:none;border:none;font-size:22px;color:var(--brand);cursor:pointer;padding:2px 12px}.cal-mes{font-family:Comfortaa,sans-serif;font-weight:600;font-size:17px}.child-tabs{display:flex;gap:8px;margin-bottom:14px}.child-tab{flex:1;padding:10px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:15px;cursor:pointer;color:var(--ink)}.child-tab.active{border-color:var(--brand);background:#eef2ff;color:var(--brand-deep)}.color-picker{display:flex;gap:10px;justify-content:center;margin-top:14px}.color-opt{flex:1;padding:12px 6px;border:none;border-radius:12px;font-weight:800;font-family:Noto Sans,sans-serif;font-size:14px;cursor:pointer}.color-opt:active{transform:translateY(1px)}.cal-legend{display:flex;gap:14px;justify-content:center;margin-top:12px;font-size:12px}.section-label{font-family:Comfortaa,sans-serif;font-weight:600;font-size:14px;color:var(--muted);margin:4px 0 8px}.cat-obrigatoria_diaria{background:#e0f2fe;color:#075985}.btn-cancel{background:none;border:none;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;padding:2px 0 0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));background:#1f2937;color:#fff;border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #00000047;z-index:40;font-size:14px;font-weight:700;max-width:92%}.toast button{background:none;border:none;color:#fca5a5;font-weight:800;font-family:inherit;font-size:14px;cursor:pointer}@media (prefers-reduced-motion: reduce){.cal-cell.clickable:active,.color-opt:active{transform:none}}:root{--brand: #4f46e5;--brand-deep: #3730a3;--gold: #f59e0b;--green: #16a34a;--red: #dc2626;--amber: #eab308;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--bg: #f4f5fb;--card: #ffffff;--radius: 20px;--shadow: 0 10px 30px rgba(31, 41, 55, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans,system-ui,-apple-system,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(1100px 560px at 100% -12%,#e9e7ff 0%,transparent 55%),radial-gradient(950px 480px at -10% 112%,#fdecc8 0%,transparent 52%),var(--bg);-webkit-font-smoothing:antialiased}.screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.page{padding:28px 20px;max-width:480px;margin:0 auto}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 26px;width:100%;max-width:400px}.brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.brand-emoji{font-size:32px}.brand-logo{height:62px;width:auto;max-width:100%;display:block}.brand-name{font-family:Comfortaa,sans-serif;font-weight:700;font-size:26px;color:var(--brand-deep);letter-spacing:-.5px}.shell-logo{height:36px;width:auto;flex-shrink:0}.title{font-family:Comfortaa,sans-serif;font-weight:600;font-size:22px;color:var(--ink)}.subtitle{color:var(--muted);font-size:15px;margin-top:4px;text-align:center}.muted{color:var(--muted)}.field{margin-top:16px}.label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.input{width:100%;padding:13px 14px;font-size:16px;font-family:inherit;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e526}.btn{width:100%;margin-top:22px;padding:14px;font-size:16px;font-weight:800;font-family:Noto Sans,sans-serif;color:#fff;background:var(--brand);border:none;border-radius:12px;cursor:pointer;transition:transform .05s,background .15s}.btn:hover{background:var(--brand-deep)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.link-btn{background:none;border:none;color:var(--brand);font-weight:700;font-family:inherit;font-size:14px;cursor:pointer;padding:0}.alert{margin-top:16px;padding:11px 14px;border-radius:10px;font-size:14px}.alert-error{background:#fee2e2;color:#b91c1c}.splash{display:flex;align-items:center;justify-content:center;min-height:40vh}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-top:16px}.pill{display:inline-block;background:#eef2ff;color:var(--brand-deep);font-weight:700;font-size:12px;padding:4px 10px;border-radius:999px}.hello{font-family:Comfortaa,sans-serif;font-weight:600;font-size:20px}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.avatar-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border:1.5px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .05s,box-shadow .15s}.avatar-item:hover{border-color:var(--brand);box-shadow:0 6px 18px #4f46e51f}.avatar-item:active{transform:translateY(1px)}.avatar-item .avatar-emoji{font-size:46px;line-height:1}.avatar-name{font-family:Comfortaa,sans-serif;font-weight:600;font-size:16px;color:var(--ink)}.avatar-tag{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.pin-card{position:relative;text-align:center}.pin-back{position:absolute;left:22px;top:20px}.pin-avatar{font-size:58px;margin:10px 0 2px}.pin-dots{display:flex;gap:14px;justify-content:center;margin:20px 0}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--brand);background:transparent;transition:background .12s}.pin-dot.filled{background:var(--brand)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.key{font-family:Comfortaa,sans-serif;font-size:24px;font-weight:500;padding:16px;border:none;border-radius:14px;background:#f1f2f9;color:var(--ink);cursor:pointer;transition:background .12s,transform .05s}.key:hover{background:#e6e7f5}.key:active{transform:translateY(1px)}.key:disabled{opacity:.5}.key-back{background:transparent;color:var(--muted)}.shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;gap:12px;padding:20px 20px 6px}.shell-header .hello{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-content{flex:1;padding:12px 20px 100px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#fff;border-top:1px solid var(--line);display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}.tab{flex:1;min-width:0;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 2px;color:var(--muted);font-family:inherit;font-weight:700;font-size:11px;line-height:1.15;text-align:center}.tab>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.active{color:var(--brand)}.tab-ico{font-size:19px}.cfg-row{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px;margin-top:10px}.cfg-head{display:flex;align-items:center;gap:10px}.cfg-title{font-weight:700;font-size:15px}.cfg-sub{color:var(--muted);font-size:13px;margin-top:3px}.saldo-card{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.saldo-label{font-size:12px;opacity:.85;font-weight:700;letter-spacing:.5px}.saldo-num{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;margin:4px 0 2px}.saldo-sub{font-size:14px;opacity:.92}.xp-bar{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;margin-top:8px}.xp-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--gold));border-radius:999px;transition:width .4s}.task-row{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;margin-top:12px}.task-title{font-weight:700;font-size:16px}.task-meta{display:flex;align-items:center;gap:10px;margin-top:6px}.cat-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.cat-extra{background:#fef3c7;color:#b45309}.cat-obrigatoria{background:#e0e7ff;color:#3730a3}.task-val{font-family:Comfortaa,sans-serif;font-weight:600;color:var(--green);font-size:15px}.task-status{font-size:13px;font-weight:700;color:var(--muted)}.task-status.ok{color:var(--green)}.btn-sm{padding:10px 16px;border:none;border-radius:10px;font-family:Noto Sans,sans-serif;font-weight:800;font-size:14px;cursor:pointer;transition:transform .05s,opacity .15s}.btn-sm:active{transform:translateY(1px)}.btn-sm:disabled{opacity:.55}.btn-do{background:var(--brand);color:#fff}.btn-warn{background:#fef3c7;color:#b45309}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--line)}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.btn:active,.key:active,.avatar-item:active,.btn-sm:active{transform:none}.xp-bar span{transition:none}}@media (min-width: 900px){.shell{max-width:1080px;display:grid;grid-template-columns:236px 1fr;grid-template-rows:auto 1fr;column-gap:30px;padding:0 28px}.shell-header{grid-column:1 / -1;grid-row:1;padding:26px 0 18px;border-bottom:1px solid var(--line)}.shell-logo{height:44px}.shell-header .hello{font-size:22px}.tabbar{grid-column:1;grid-row:2;position:sticky;top:22px;align-self:start;max-width:none;margin:0;flex-direction:column;gap:4px;background:transparent;border-top:none;padding:22px 0 40px}.tab{flex:0 0 auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:15px;text-align:left;transition:background .12s,color .12s}.tab:hover{background:#eef2ff;color:var(--brand-deep)}.tab.active{background:#eef2ff}.tab-ico{font-size:21px}.tab>span:last-child{max-width:none}.shell-content{grid-column:2;grid-row:2;padding:22px 0 60px}.action-grid{grid-template-columns:repeat(3,1fr);gap:12px}.avatar-grid{grid-template-columns:repeat(3,1fr)}.emoji-grid{grid-template-columns:repeat(9,1fr)}.card{max-width:440px;padding:38px 32px}.brand-logo{height:74px}}@media (min-width: 1280px){.shell{max-width:1180px}}