:root{color:#1d2524;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.gate-shell{background:linear-gradient(120deg,#247a6b1f,#0000 35%),linear-gradient(240deg,#b24c6326,#0000 38%),#f7f2e8;align-items:center;min-height:100vh;padding:24px;display:flex}.gate-panel{background:#fffdf8;border:1px solid #eadfcd;border-radius:8px;width:100%;max-width:520px;margin:0 auto;padding:clamp(24px,5vw,44px);box-shadow:0 24px 60px #271f1524}.gate-badge,.eyebrow,.activity-meta{color:#53615f;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.gate-badge{color:#247a6b;text-transform:none;align-items:center;gap:8px;display:inline-flex}.gate-panel h1,.topbar h1,.progress-copy h2,.track-intro h2,.ideas-panel h2{letter-spacing:0;margin:0;line-height:1.05}.gate-panel h1{margin-top:16px;font-size:clamp(2.2rem,8vw,4.4rem)}.gate-panel p{color:#53615f;font-size:1.05rem;line-height:1.6}.gate-form{gap:12px;margin-top:28px;display:grid}.gate-form label{font-weight:800}.passcode-row,.idea-form{background:#f9f6ef;border:1px solid #dfd4c3;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.passcode-row input,.idea-form input{color:#1d2524;background:0 0;border:0;outline:0;width:100%;min-width:0}.primary-button,.idea-form button{color:#fffdf8;background:#1d2524;border:0;border-radius:8px;min-height:48px;padding:0 18px;font-weight:800}.form-error{margin:0;color:#a13a45!important;font-size:.95rem!important}.safety-note{border-top:1px solid #eadfcd;margin:24px 0 0;padding-top:18px;font-size:.92rem!important}.app-shell{max-width:1240px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.topbar h1{font-size:clamp(2rem,6vw,4rem)}.kid-switcher{background:#fffdf8;border:1px solid #eadfcd;border-radius:8px;gap:4px;padding:5px;display:flex}.kid-switcher button,.track-tab,.complete-button,.prompt-title button,.reset-button{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.kid-switcher button{color:#53615f;background:0 0;flex-direction:column;gap:1px;min-width:86px;min-height:48px;padding:0 18px;font-weight:800}.kid-switcher button small{font-size:.72rem;font-weight:900}.kid-switcher button.active{color:#fffdf8;background:#247a6b}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr) minmax(240px,.8fr);gap:16px;display:grid}.progress-panel,.badges-panel,.safety-panel,.ideas-panel{background:#fffdf8;border:1px solid #eadfcd;border-radius:8px}.progress-panel{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.progress-copy h2{font-size:clamp(1.8rem,4vw,3.2rem)}.progress-copy p,.track-intro p,.outcome,.kid-coach,.track-coach,.notebook-intro,.parent-note,.reflection,.empty-state{color:#53615f;line-height:1.55}.kid-coach,.track-coach{color:#2f5e55;background:#eef7f3;border:1px solid #cce2da;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-weight:750}.progress-meter{flex:0 0 132px;place-items:center;width:132px;height:132px;display:grid;position:relative}.progress-meter svg{width:132px;height:132px;transform:rotate(-90deg)}.meter-bg,.meter-fill{fill:none;stroke-width:11px}.meter-bg{stroke:#eadfcd}.meter-fill{stroke:#247a6b;stroke-dasharray:327;stroke-linecap:round;transition:stroke-dashoffset .18s}.progress-meter strong{font-size:1.4rem;position:absolute}.badges-panel,.safety-panel{padding:22px}.panel-title{align-items:center;gap:9px;margin-bottom:16px;font-weight:900;display:flex}.badges{gap:10px;display:grid}.badge{color:#6d7674;background:#f2eee6;border:1px solid #e6dac7;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 12px;font-weight:800;display:flex}.badge.earned{color:#247a6b;background:#e4f2ed;border-color:#b7d7cd}.safety-panel ul{color:#53615f;margin:0;padding-left:20px;line-height:1.5}.track-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.track-tab{color:#2c3433;text-align:left;background:#fffdf8;border:1px solid #eadfcd;grid-template-columns:auto 1fr auto;min-height:58px;padding:0 14px;display:grid}.track-tab.active{border-color:var(--accent);box-shadow:inset 0 -4px 0 var(--accent)}.track-tab span{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.track-tab small{color:#53615f;font-weight:900}.track-intro{border-left:6px solid var(--accent);margin:24px 0 18px;padding:4px 0 4px 18px}.track-intro h2{max-width:820px;font-size:clamp(1.35rem,3vw,2.2rem)}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.activity-card{background:#fffdf8;border:1px solid #eadfcd;border-radius:8px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.activity-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.activity-card h3{letter-spacing:0;margin:4px 0 0;font-size:1.35rem;line-height:1.12}.activity-meta{margin:0}.complete-button{color:#53615f;background:#f2eee6;flex:0 0 42px;width:42px;height:42px}.complete-button.complete{color:#fffdf8;background:#247a6b}.outcome{margin:0}.kid-version{color:#5c4b22;background:#fff7e3;border:1px solid #ead8a6;border-radius:8px;padding:12px 14px;line-height:1.45}.card-section h4,.prompt-title{margin:0 0 8px;font-size:.9rem;font-weight:900}.card-section ol{color:#34413f;margin:0;padding-left:22px;line-height:1.45}.prompt-box{background:#f9f6ef;border:1px solid #e6dac7;border-radius:8px;padding:14px}.prompt-title{justify-content:space-between;align-items:center;display:flex}.prompt-title button{color:#fffdf8;background:#1d2524;min-height:34px;padding:0 10px;font-size:.88rem;font-weight:800}.prompt-box p{color:#34413f;overflow-wrap:anywhere;margin:0;line-height:1.5}.variation-list{flex-wrap:wrap;gap:8px;display:flex}.variation-list span{color:#34413f;background:#f2eee6;border-radius:999px;padding:7px 10px;font-size:.88rem;font-weight:700}.reflection,.parent-note{border-top:1px solid #eadfcd;margin-top:auto;padding-top:12px}.parent-note{margin-top:0}.ideas-panel{margin-top:18px;padding:24px}.notebook-intro{max-width:860px;margin:10px 0 0}.notebook-guide{background:#f9f6ef;border:1px solid #e6dac7;border-radius:8px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:14px;margin:18px 0;padding:16px;display:grid}.notebook-guide div{gap:6px;display:grid}.notebook-guide strong{font-size:1rem}.notebook-guide span,.notebook-guide li{color:#53615f;line-height:1.45}.notebook-guide ul{margin:0;padding-left:20px}.idea-form{margin:18px 0;padding-right:6px}.idea-form button{min-height:40px}.idea-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.idea-list li{background:#f9f6ef;border:1px solid #e6dac7;border-radius:8px;padding:12px 14px}.reset-button{color:#8c3b45;background:0 0;min-height:40px;margin-top:18px;padding:0;font-weight:800}@media (width<=980px){.hero-grid,.activity-grid{grid-template-columns:1fr 1fr}.progress-panel{grid-column:1/-1}.track-tabs{grid-template-columns:1fr 1fr}}@media (width<=680px){.app-shell{padding:16px}.topbar,.progress-panel{flex-direction:column;align-items:stretch}.kid-switcher{width:100%}.kid-switcher button{flex:1;min-width:0}.hero-grid,.activity-grid,.track-tabs{grid-template-columns:1fr}.track-tab{grid-template-columns:auto 1fr auto}.notebook-guide{grid-template-columns:1fr}.idea-form{grid-template-columns:auto 1fr;align-items:stretch;padding:12px;display:grid}.idea-form button{grid-column:1/-1}}