/* HARÇLIK v3: sakin veli alanı, renkli çocuk dünyası, ortak erişilebilir kontroller. */
:root{--plum:#51447d;--lilac:#e9e1ff;--aqua:#dbf3ee;--sun:#ffe49a}
button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8769d0;outline-offset:4px}button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}.button{min-height:46px}.text-button{min-height:40px}.page-heading h1{letter-spacing:-1.4px}.panel{box-shadow:0 5px 24px #244a3c05}.app-body{background:#f5f7f3}.app-header{background:#ffffffd9}.sidebar{background:#fffefa}.sidebar #app-nav button[data-view=goals]{color:#755712;background:#fff6d9}.sidebar #app-nav button.active{background:#173d35;color:#fff}.sidebar-tip{border-radius:20px}.app-footer{padding-bottom:26px}.phone-settings{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:24px 0}.phone-settings small{display:block;max-width:600px;line-height:1.65;color:#606e66}.phone-settings p{font-weight:700}.phone-settings .button{flex-shrink:0}.quick-family-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.family-grid>.panel{min-width:0}.credential{overflow-wrap:anywhere}.task-meta{min-width:0}.task-meta strong,.goal-card h3{overflow-wrap:anywhere}
.parent-purpose{border:1px solid #d8e5da;border-radius:26px;overflow:hidden;background:linear-gradient(115deg,#e9f1e6,#f8f6e8);margin-bottom:26px;padding:30px}.purpose-heading{max-width:650px}.purpose-heading h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin:9px 0 12px}.purpose-heading>p{line-height:1.7;color:#536457}.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}.purpose-grid article{background:#ffffffc9;border:1px solid #ffffff;border-radius:18px;padding:21px}.purpose-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f0f3e6;font-size:23px}.purpose-grid h3{font-size:17px;margin:15px 0 9px}.purpose-grid p{font-size:14px;line-height:1.7;color:#576457;margin:0}.purpose-notes{margin-top:20px;font-size:14px}.purpose-notes summary,.savings-history summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:700}.purpose-notes p{line-height:1.8;max-width:850px}.purpose-notes a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.jar-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#f8eecb,#faf6e9);border:1px solid #efe3bf;border-radius:28px;padding:22px 35px;margin-bottom:25px;overflow:hidden}.jar-intro h2{font-size:clamp(25px,3vw,36px);line-height:1.25;letter-spacing:-1px;margin:13px 0}.jar-intro p{line-height:1.7;color:#6b6244}.jar-art{width:210px;height:220px;object-fit:contain;flex-shrink:0}.kumbara-grid{align-items:start}.kumbara-panel{border-color:#e9e2c5;padding:26px}.jar-total{background:#f8f5e9;border-radius:18px;padding:22px;margin:20px 0;display:flex;flex-direction:column;gap:9px}.jar-total>span{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#756a44}.jar-total strong{font-size:clamp(30px,4vw,42px);letter-spacing:-1.8px;color:#284f40;overflow-wrap:anywhere}.jar-total small{font-size:12px;color:#746d55}.jar-actions{display:flex;flex-wrap:wrap;gap:10px}.jar-goal{background:transparent!important;border:0!important;border-top:1px solid #e4e6da!important;border-radius:0!important;padding:22px 0 0!important;margin-top:18px}.jar-goal h3{font-size:22px;line-height:1.35}.jar-goal p{font-size:13px;line-height:1.65;color:#636b60}.jar-goal .progress{height:12px;background:#ebe9db;margin-top:18px;border-radius:10px;overflow:hidden}.jar-goal .progress i{background:linear-gradient(90deg,#6bac8b,#2c6456);height:100%;display:block;width:var(--progress)}.savings-history{border-top:1px solid #e6e8de;margin-top:17px;padding-top:12px;font-size:14px}.savings-history .ledger-row{gap:12px;padding:14px 0}.savings-history .ledger-row>div{min-width:0;flex:1}.savings-history .ledger-row strong{overflow-wrap:anywhere;font-size:13px}.savings-history .ledger-row b{white-space:nowrap;font-size:13px}.form-limit{padding:15px;border-radius:12px;background:#fff6d9}.kumbara-grid+.notice{margin-top:24px}
.child-mode{--green:#53407d;--ink:#302747;--muted:#746d83}.child-mode .app-body{background:#f7f5ff}.child-mode .sidebar{background:#fdfbff;border-color:#e8e0f3}.child-mode .sidebar #app-nav button.active{background:#5c4789;color:#fff;box-shadow:0 5px 0 #e6ddf7}.child-mode .sidebar #app-nav button[data-view=goals]:not(.active){background:#fff1c5;color:#796122}.child-mode .sidebar-tip{background:#eee7fa;color:#56467b}.child-mode .app-header{border-color:#ebe5f3}.child-mode .user-avatar{background:#ffe09b;color:#5e4923}.child-mode .button{background:#5e478e;color:white;border-color:#5e478e;border-radius:16px;box-shadow:0 4px 0 #dfd5ef;transition:transform .15s,box-shadow .15s}.child-mode .button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #dfd5ef}.child-mode .button:active{transform:translateY(2px);box-shadow:0 1px 0 #dfd5ef}.child-mode .button.secondary{background:#fff;color:#584278;border-color:#ddd1ec}.child-mode .text-button{color:#604387}.child-mode .panel{border-color:#e7dff1;border-radius:24px}.child-mode .task-emoji{border-radius:19px;transform:rotate(-3deg)}.child-mode .task-row{border-color:#eee8f5}.child-mode .badge.pending{background:#eee5fd;color:#694c92}.child-mode .filters button{border-radius:15px;min-height:44px}.child-mode .filters button.active{background:#60478b;color:white}.child-welcome{position:relative;display:flex;justify-content:space-between;align-items:center;isolation:isolate;border:1px solid #dfd3f0;border-radius:30px;background:linear-gradient(115deg,#e9e0fa 0%,#f1eaff 52%,#def2ec 100%);padding:34px 38px;overflow:hidden}.child-welcome h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.8px;margin:14px 0;color:#3d3158;line-height:1.18}.child-welcome p{font-size:16px;color:#625477;line-height:1.8;margin-bottom:22px}.child-welcome .jar-art{width:240px;height:250px;filter:drop-shadow(0 12px 15px #6e60821a)}.welcome-star{position:absolute;right:235px;top:22px;color:#a087c7;font-size:36px;z-index:-1}.child-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.child-shortcuts button{display:grid;grid-template-columns:46px 1fr;text-align:left;align-items:center;gap:4px 13px;border:1px solid #e2d9ee;background:white;padding:22px;border-radius:22px;box-shadow:0 5px 0 #ebe5f4;color:#3d3158;cursor:pointer;transition:transform .15s}.child-shortcuts button:hover{transform:translateY(-3px)}.child-shortcuts button:nth-child(2){background:#fff5ce;border-color:#eee0a9;box-shadow:0 5px 0 #f0e5c1}.child-shortcuts button:nth-child(3){background:#e7f5f0;border-color:#cfe9df;box-shadow:0 5px 0 #d7eae2}.child-shortcuts button>span{grid-row:span 2;font-size:30px}.child-shortcuts strong{font-size:16px}.child-shortcuts small{font-size:12px;line-height:1.5;color:#786a81}.child-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}.child-main-grid>section{min-width:0}.next-adventure .task-row{flex-wrap:wrap}.next-adventure .task-meta{flex:1;min-width:120px}.next-adventure .task-actions{width:100%;margin-top:8px}.next-adventure .task-actions .button{width:100%}.effort-note{display:flex;gap:14px;padding:18px;background:#f8f4fe;border-radius:18px;margin-top:20px}.effort-note>span{font-size:30px}.effort-note strong{font-size:14px}.effort-note p,.gentle-note{font-size:13px;line-height:1.75;color:#746481}.effort-note p{margin-bottom:0}.learn-card{background:#f9eadf;border:1px solid #f0dccc;border-radius:24px;padding:27px}.learn-card h2{font-size:23px;line-height:1.3;letter-spacing:-.7px}.learn-card p{line-height:1.8;font-size:14px;color:#796252}.learn-icon{font-size:35px;margin:18px 0}.offline-idea{padding:26px;border-radius:24px;background:#e3efec;border:1px solid #cfe2dd}.offline-idea>span{font-size:32px}.offline-idea h2{font-size:23px}.offline-idea p{line-height:1.8;color:#557269;font-size:14px}.offline-idea small{color:#61776f}.child-goal-preview .jar-goal{margin-top:0}.child-mode .notice{background:#f0eafa;border-color:#e1d6f0;color:#65537b}.child-mode .form-limit{color:#51432b}.child-mode .app-footer{color:#796e86}
/* Giriş sayfasındaki yeni KUMBARA vitrini */
#landing .hero{padding-top:65px;padding-bottom:65px}#landing .hero h1{font-size:clamp(44px,5.8vw,76px);letter-spacing:-3.6px}#landing .hero h1 span{color:#40755c}#landing .hero-art{border-radius:34px;background:#e8efe3}#landing .hero-art>.jar-art{width:100%;height:340px}#landing .art-label{color:#5d705d}#landing .benefit-strip{background:#203f34}.landing-promise{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.landing-promise span{border:1px solid #e0e5d7;background:#fbfcf8;border-radius:50px;padding:8px 12px;font-size:12px;color:#60705a}.landing-kumbara{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:40px;border-radius:30px;background:#f7efda;margin-bottom:70px}.landing-kumbara h2{font-size:clamp(28px,3.5vw,43px);letter-spacing:-1.5px;line-height:1.2}.landing-kumbara p{line-height:1.8;color:#756b52}.jar-demo{padding:28px;border:1px solid #e7ddc6;background:#fffdf6;border-radius:24px;box-shadow:10px 12px 0 #e8dfc2;transform:rotate(2deg)}.jar-demo .jar-art{display:block;margin:auto;height:175px;width:170px}.jar-demo h3{margin:0 0 20px;font-size:21px}.jar-demo-bar{height:12px;background:#e8e5d7;border-radius:9px;overflow:hidden}.jar-demo-bar i{display:block;height:100%;width:40%;background:#659f82}.jar-demo-label{display:flex;justify-content:space-between;margin-top:13px;gap:10px;font-size:13px}.jar-demo>small{display:block;margin-top:18px;color:#80765b;font-size:11px}
#landing .benefit-strip{color:#edf3e7}.child-mode .jar-intro .eyebrow{color:#796439}.child-mode .jar-intro h2{color:#52452e}.child-mode .task-amount{color:#544174}.child-mode .kumbara-panel .jar-total strong{color:#284f40}
@media(min-width:1500px){#app-content{max-width:1400px;margin-inline:auto}}
@media(max-width:1100px){.purpose-grid{gap:10px}.purpose-grid article{padding:16px}.child-shortcuts button{grid-template-columns:1fr;padding:18px}.child-shortcuts button>span{grid-row:auto}.child-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.child-welcome{padding:28px}.child-welcome .jar-art{width:180px;height:215px}.parent-purpose{padding:24px}.jar-intro{padding:24px}.jar-art{width:165px;height:190px}}
@media(max-width:760px){.purpose-grid{grid-template-columns:1fr}.purpose-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 14px;padding:16px}.purpose-grid article>span{grid-row:span 2}.purpose-grid h3{margin:0 0 6px}.purpose-grid p{font-size:13px}.parent-purpose{padding:22px;border-radius:22px}.child-main-grid{grid-template-columns:1fr}.child-welcome{padding:26px 23px;min-height:270px;align-items:flex-start}.child-welcome>div{position:relative;z-index:1;width:100%}.child-welcome h1{max-width:100%;font-size:32px}.child-welcome p{font-size:14px;max-width:70%}.child-welcome .jar-art{position:absolute;width:126px;height:150px;right:0;bottom:8px;opacity:.95}.child-welcome .button{max-width:75%;font-size:13px;padding:13px 17px}.welcome-star{right:25px;top:28px;font-size:25px}.child-shortcuts{gap:10px;margin:19px 0 24px}.child-shortcuts button{padding:15px 10px;border-radius:18px;text-align:center;justify-items:center;gap:7px}.child-shortcuts strong{font-size:13px}.child-shortcuts small{font-size:11px}.child-shortcuts button>span{font-size:27px}.child-mode #app-nav button{box-shadow:none!important;border-radius:13px;min-height:55px;font-size:10px}.jar-intro{padding:22px;position:relative;min-height:180px}.jar-intro>div{width:75%;position:relative;z-index:1}.jar-intro h2{font-size:25px}.jar-intro p{font-size:13px}.jar-intro .jar-art{width:115px;height:140px;position:absolute;right:-5px;bottom:10px}.jar-actions>.button{flex:1;font-size:13px;padding-inline:12px}.kumbara-grid{grid-template-columns:1fr}.kumbara-panel{padding:22px}.phone-settings{display:block}.phone-settings .button{margin-top:16px}.quick-family-actions{display:grid;grid-template-columns:1fr}.landing-kumbara{grid-template-columns:1fr;gap:25px;padding:26px;margin-bottom:45px}.jar-demo{transform:none;box-shadow:5px 7px 0 #e8dfc2;padding:23px}#landing .hero{padding-top:35px;padding-bottom:40px}#landing .hero h1{letter-spacing:-2px}#landing .hero-art>.jar-art{height:270px}.app-footer{padding-bottom:100px}.parent-mode .sidebar #app-nav button{font-size:10px}.goal-label{gap:10px;flex-wrap:wrap}}
@media(max-width:760px){.sidebar #app-nav button{width:20%;min-width:0;padding:6px 3px;white-space:normal}.form-field input,.form-field select,.form-field textarea{font-size:16px}.app-footer{padding-bottom:30px}.child-shortcuts button{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.child-shortcuts button:hover,.child-mode .button:hover{transform:none}}