:root{color:#183537;background:#f4efe5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}a{color:inherit}:focus-visible{outline:3px solid #e1784f;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}h1,h2{margin:0;color:#173f42;font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,7vw,5.2rem);line-height:.96}h2{font-size:clamp(1.8rem,4vw,3rem)}.eyebrow{margin:0 0 14px;color:#a64d2c;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:9px;cursor:pointer;font-weight:780;text-decoration:none}.button-primary{color:#fffdf7;background:#173f42}.button-secondary{border:1px solid rgba(24,53,55,.2);color:#234b4d;background:#fffdf7}.button:disabled{cursor:not-allowed;opacity:.58}.button-link{padding:8px 0;border:0;color:#31585a;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.brand{display:inline-flex;align-items:center;gap:11px;color:#173f42;font-family:Georgia,Times New Roman,serif;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#fffaf0;background:#173f42}.landing-page,.auth-page,.centered-page{display:grid;min-height:100vh;padding:28px;place-items:center}.landing-card,.auth-card{display:grid;width:min(100%,470px);gap:20px;padding:clamp(32px,7vw,54px);border:1px solid rgba(24,53,55,.13);border-radius:26px;background:#ffffff94;box-shadow:0 24px 70px #3435231a}.landing-card{justify-items:center;text-align:center}.landing-card p:not(.eyebrow){max-width:330px;margin:0;color:#536b69;line-height:1.65}.auth-card h1{font-size:clamp(2.7rem,8vw,4.2rem)}.stacked-form{display:grid;gap:10px}.stacked-form label,.field label{color:#274c4e;font-size:.88rem;font-weight:800}.stacked-form input,.field input{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(24,53,55,.28);border-radius:8px;color:#183537;background:#fffdf7}.stacked-form .button{margin-top:10px}.form-alert{margin:0;padding:12px 14px;border-radius:8px;color:#8f3528;background:#f9dfd8}.app-shell{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:0 auto}.app-header{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:center;min-height:92px;border-bottom:1px solid rgba(24,53,55,.16)}.app-header nav{display:flex;gap:24px}.app-header nav a{padding:12px 0;color:#506c6d;font-size:.9rem;font-weight:750;text-decoration:none}.app-header nav a.active{color:#173f42;text-decoration:underline;text-decoration-color:#e1784f;text-underline-offset:8px}.account-menu{display:flex;gap:14px;align-items:center;color:#426163;font-size:.86rem}.account-menu>span{display:flex;flex-direction:column}.account-menu small{color:#738584}footer{display:flex;justify-content:space-between;padding:28px 0 38px;border-top:1px solid rgba(24,53,55,.16);color:#607879;font-size:.82rem}.content-page{padding:clamp(42px,7vw,78px) 0}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.page-heading h1{max-width:760px}.page-heading p:not(.eyebrow){margin:16px 0 0;color:#536b69;font-size:1.08rem}.loading-state,.empty-state{padding:34px;border:1px solid rgba(24,53,55,.12);border-radius:20px;background:#ffffff7a}.empty-state p:last-child{color:#59706f;line-height:1.6}.field{display:grid;gap:7px}.allowance-page{--give-color: #d89138;--save-color: #4b927d;--spend-color: #cf6b61}.quarter-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 14px 9px 9px;border:1px solid rgba(24,53,55,.14);border-radius:999px;color:#3d5d5e;background:#ffffff8c;font-size:.82rem;font-weight:750}.quarter-badge span{display:grid;width:42px;height:42px;place-items:center;border:3px double #9a7228;border-radius:50%;color:#6d4b12;background:#f1ce70}.kid-switcher{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:24px;border:1px solid rgba(24,53,55,.12);border-radius:20px;background:#ffffff73}.kid-switcher .eyebrow{margin-bottom:12px}.kid-tabs,.kid-switcher-actions,.kid-name-actions{display:flex;flex-wrap:wrap;gap:10px}.kid-tab{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:0 20px;border:2px solid rgba(24,53,55,.16);border-radius:999px;color:#315658;background:#fffdf7;cursor:pointer;font-weight:800}.kid-tab span{color:#d89138}.kid-tab-active{border-color:#173f42;color:#fffdf7;background:#173f42;box-shadow:0 8px 20px #173f422e}.kid-name-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:16px;padding:20px 24px;border:1px solid rgba(24,53,55,.12);border-top:0;border-radius:0 0 20px 20px;background:#fffdf7c7}.kid-name-form .form-alert{grid-column:1 / -1}.jar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.money-jar-card{--jar-color: #777;--jar-wash: rgba(100, 100, 100, .15);position:relative;display:grid;min-width:0;padding:24px;overflow:hidden;border:1px solid rgba(24,53,55,.12);border-radius:26px;background:#ffffff94;box-shadow:0 16px 42px #383e2b14}.money-jar-card:before{position:absolute;top:0;right:0;left:0;height:7px;background:var(--jar-color);content:""}.money-jar-give{--jar-color: var(--give-color);--jar-wash: rgba(216, 145, 56, .2)}.money-jar-save{--jar-color: var(--save-color);--jar-wash: rgba(75, 146, 125, .2)}.money-jar-spend{--jar-color: var(--spend-color);--jar-wash: rgba(207, 107, 97, .2)}.jar-title{display:flex;align-items:center;gap:14px}.jar-title h2{font-size:2rem}.jar-title p{margin:5px 0 0;color:#5c7372;font-size:.83rem;line-height:1.4}.jar-icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:17px;background:var(--jar-wash);font-size:1.55rem}.jar-visual{position:relative;display:grid;width:min(190px,82%);height:210px;margin:30px auto 18px;align-content:end;justify-items:center}.jar-rim{position:absolute;z-index:2;top:33px;width:78%;height:25px;border:4px solid var(--jar-color);border-radius:10px;background:#fffdf7}.jar-glass{position:relative;width:92%;height:166px;overflow:hidden;border:4px solid var(--jar-color);border-top:0;border-radius:14px 14px 42px 42px;background:linear-gradient(105deg,rgba(255,255,255,.68) 0 18%,transparent 19%),var(--jar-wash)}.jar-coins{position:absolute;right:9px;bottom:10px;left:9px;display:flex;min-height:48px;flex-wrap:wrap-reverse;align-content:end;justify-content:center;gap:3px}.stacked-quarter,.falling-quarter{display:grid;width:37px;height:37px;place-items:center;border:2px solid #9a7228;border-radius:50%;color:#6d4b12;background:#f1ce70;font-size:.68rem;font-weight:900}.falling-quarter{position:absolute;z-index:3;top:-8px;animation:quarter-drop .7s cubic-bezier(.34,.1,.58,1) forwards}@keyframes quarter-drop{0%{opacity:0;transform:translateY(-24px) rotate(0) scale(1.1)}20%{opacity:1}to{opacity:0;transform:translateY(154px) rotate(270deg) scale(.85)}}.jar-balance{display:grid;justify-items:center}.jar-balance strong{color:#173f42;font-family:Georgia,Times New Roman,serif;font-size:2.35rem;font-weight:500}.jar-balance span{color:#617877;font-size:.8rem;font-weight:700}.jar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.add-quarter-button,.use-quarter-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:9px;border:2px solid var(--jar-color);border-radius:15px;cursor:pointer;font-size:.95rem;font-weight:900}.add-quarter-button{color:#fffdf7;background:var(--jar-color);box-shadow:0 7px color-mix(in srgb,var(--jar-color),#000 22%)}.use-quarter-button{color:var(--jar-color);background:#fffdf7}.add-quarter-button:not(:disabled):active{box-shadow:0 2px color-mix(in srgb,var(--jar-color),#000 22%);transform:translateY(5px)}.add-quarter-button:disabled,.use-quarter-button:disabled{cursor:not-allowed;opacity:.65}.use-quarter-form{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr) auto;align-items:end;gap:18px;margin-top:18px;padding:22px 24px;border:2px solid rgba(23,63,66,.18);border-radius:20px;background:#fffdf7e6;box-shadow:0 14px 34px #383e2b14}.use-quarter-form h2{font-size:1.55rem}.use-quarter-form p:not(.eyebrow,.form-alert){margin:5px 0 0;color:#5c7372;font-size:.86rem}.use-quarter-form .form-alert{grid-column:1 / -1}.use-quarter-actions{display:flex;gap:10px}.allowance-activity{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:36px;margin-top:28px;padding:30px;border-top:1px solid rgba(24,53,55,.16);border-bottom:1px solid rgba(24,53,55,.16)}.allowance-activity h2{font-size:clamp(1.8rem,3vw,2.65rem)}.allowance-activity ol{display:grid;gap:12px;padding:0;margin:0;list-style:none}.allowance-activity li{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;background:#ffffff7a}.allowance-activity li>span:last-child{display:grid;gap:3px}.allowance-activity small{color:#667e7d}.activity-dot{width:13px;height:13px;flex:0 0 auto;border-radius:50%}.activity-dot-give{background:var(--give-color)}.activity-dot-save{background:var(--save-color)}.activity-dot-spend{background:var(--spend-color)}.allowance-no-activity{align-self:center;color:#617877}@media(max-width:860px){.app-header{grid-template-columns:auto 1fr;gap:24px}.account-menu{grid-column:1 / -1;justify-content:space-between;padding-bottom:18px}.page-heading{align-items:start;flex-direction:column}.jar-grid{grid-template-columns:1fr}.money-jar-card{grid-template-columns:minmax(180px,1fr) minmax(190px,.8fr);column-gap:24px}.jar-title,.jar-balance,.jar-actions{grid-column:1}.jar-visual{grid-column:2;grid-row:1 / span 3;margin:0 auto}.jar-balance{margin-top:22px;justify-items:start}.allowance-activity{grid-template-columns:1fr}.use-quarter-form{grid-template-columns:1fr 1fr}.use-quarter-form>div:first-child,.use-quarter-form .form-alert{grid-column:1 / -1}}@media(max-width:560px){.app-shell{width:min(100% - 28px,1180px)}.app-header{grid-template-columns:1fr auto}.app-header .brand>span:last-child{display:none}footer{gap:8px;flex-direction:column}.kid-switcher{align-items:stretch;flex-direction:column}.kid-switcher-actions .button,.kid-name-actions .button{flex:1}.kid-name-form,.use-quarter-form{grid-template-columns:1fr}.use-quarter-form>div:first-child,.use-quarter-form .form-alert{grid-column:1}.use-quarter-actions .button{flex:1}.kid-tabs{display:grid;grid-template-columns:1fr 1fr}.kid-tab{justify-content:center;padding:0 12px}.money-jar-card{grid-template-columns:1fr}.jar-title,.jar-balance,.jar-actions,.jar-visual{grid-column:1}.jar-visual{grid-row:auto;margin:28px auto 16px}.jar-balance{justify-items:center;margin-top:0}.allowance-activity{padding:26px 6px}}@media(prefers-reduced-motion:reduce){.falling-quarter{animation:none}}