:root{--slate: #0f172a;--ink: #1f2937;--muted: #64748b;--line: rgba(255,255,255,.7);--violet: #7c3aed;--fuchsia: #c026d3;--rose: #e11d48;--emerald: #059669;--indigo: #4f46e5;--gold: #f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);overflow:hidden;background:#f8fafc}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background-color:#f0fdf4;background-image:radial-gradient(at 80% 0%,hsla(288,96%,89%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(196,87%,88%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(43,100%,86%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(333,100%,93%,1) 0px,transparent 50%)}.glass{background:#ffffffad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px #4755691f}.glass-header{flex-shrink:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.8)}.header-inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-row{display:flex;align-items:center;gap:14px}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--violet),var(--fuchsia));box-shadow:0 10px 24px #7c3aed47}h1{margin:0;font-size:clamp(20px,3vw,28px);line-height:1;letter-spacing:-.04em}h1 span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#ede9fe;color:#5b21b6;padding:4px 7px;border-radius:6px;vertical-align:middle}.header-inner p,.section-head p,.hero-card p,.tool-card p{color:var(--muted);margin:6px 0 0;line-height:1.55}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-button,.primary,.secondary,.ok,.bad{border:0;border-radius:14px;font-weight:900;transition:.16s ease}.icon-button{width:44px;height:44px;background:#ffffffb3;color:var(--violet)}.switch{display:flex;gap:7px;align-items:center;font-weight:900;color:#334155;background:#ffffffad;border-radius:999px;padding:9px 12px}.coach-ready{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#ecfdf5d9;color:#047857;border:1px solid rgba(16,185,129,.22);padding:9px 12px;font-size:12px;font-weight:950}.coach-ready:before{content:"";width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #10b9811f}.active-tab-label{display:none}.minimize-button{border:0;border-radius:999px;padding:11px 14px;background:#0f172a14;color:#0f172a;font-weight:950;box-shadow:inset 0 0 0 1px #94a3b82e;transition:.16s ease}.minimize-button:hover{transform:translateY(-1px);background:#7c3aed1f;color:var(--violet)}.glass-header.collapsed .header-inner{padding:8px 16px}.glass-header.collapsed .brand-mark{width:38px;height:38px;border-radius:12px;font-size:14px}.glass-header.collapsed h1{font-size:clamp(16px,2.4vw,20px)}.glass-header.collapsed h1 span{font-size:9px;padding:3px 5px}.glass-header.collapsed .brand-copy>p:not(.active-tab-label){display:none}.glass-header.collapsed .active-tab-label{display:block;margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.1;font-weight:850}.glass-header.collapsed .coach-ready{display:none}.child-strip{max-width:1280px;margin:0 auto;padding:0 20px 12px;display:flex;justify-content:flex-end;gap:10px;align-items:center}.child-strip label{width:min(360px,100%);display:flex;gap:10px;align-items:center;color:#475569;font-size:13px;font-weight:900}input,textarea,select{width:100%;border:1px solid rgba(148,163,184,.45);background:#ffffffe6;border-radius:14px;padding:12px 13px;outline:none;color:#0f172a}textarea{min-height:92px;resize:vertical}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #7c3aed26;border-color:#7c3aed99}.provider-pill{border-radius:999px;background:#0f172a14;color:#334155;padding:9px 12px;font-size:12px;font-weight:900;text-align:center}.tabs{max-width:1280px;margin:0 auto;padding:12px 20px 15px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 205px;text-align:left;border-radius:18px;border:2px solid rgba(255,255,255,.6);background:#ffffff8f;color:#475569;padding:14px 16px;transition:.2s}.tabs button.active{transform:translateY(-2px);background:#fffffff0;border-color:var(--violet);box-shadow:0 12px 24px #7c3aed24}.tabs b{margin-right:8px;color:var(--violet)}.tabs span{display:inline;font-weight:900}.tabs small{display:block;margin-top:4px;color:#64748b;font-weight:700}.main-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:60px}.page{max-width:1280px;margin:0 auto;padding:26px 20px;display:grid;gap:22px}.animate-in{animation:fadeIn .35s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--violet)!important;font-weight:900;font-size:12px}.hero-card{border-radius:32px;padding:clamp(24px,4vw,42px)}.hero-card h2,.section-head h2{font-size:clamp(30px,5vw,56px);line-height:.95;letter-spacing:-.06em;margin:0;color:#0f172a}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.metric{background:#ffffffb8;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:16px}.metric span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.metric strong{display:block;color:#0f172a;font-size:30px;font-weight:950;margin-top:5px}.metric small{color:#64748b;font-weight:700}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:22px}.panel-card,.tool-card,.section-head,.analysis-card,.output-card{border-radius:28px;padding:24px}.tool-card{display:grid;gap:13px}.tool-card h3,.panel-card h3{margin:0;color:#0f172a;font-size:24px;letter-spacing:-.03em}.tool-card.rose{border-color:#e11d4838;background:#fff1f294}.tool-card.indigo{border-color:#4f46e538;background:#eef2ff99}.tool-card.emerald{border-color:#05966938;background:#ecfdf599}.tool-card.slate{border-color:#0f172a2e}.primary{background:linear-gradient(135deg,var(--violet),var(--fuchsia));color:#fff;padding:12px 16px;box-shadow:0 10px 22px #7c3aed38}.primary:hover,.secondary:hover,.icon-button:hover{transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:wait;transform:none}.secondary{background:#ffffffd1;color:#0f172a;border:1px solid rgba(148,163,184,.3);padding:12px 16px}.primary.small{padding:10px 14px;font-size:13px;margin-left:auto}.primary.big{width:100%;padding:16px;font-size:17px}.rose-btn{background:linear-gradient(135deg,#e11d48,#fb7185)}.indigo-btn{background:linear-gradient(135deg,#4f46e5,#818cf8)}.emerald-btn{background:linear-gradient(135deg,#059669,#34d399)}.dark{background:#0f172a}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-row{display:flex;gap:12px;align-items:center;padding:15px;margin-top:12px;background:#ffffffb8;border-radius:18px;font-weight:900}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head.compact h2{font-size:32px}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.intervention-card{border-radius:26px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:280px;transition:.18s ease}.intervention-card:hover{transform:translateY(-2px);background:#ffffffdb}.intervention-card.success{border-color:#05966980;box-shadow:0 12px 30px #0596691f}.intervention-card.struggle{border-color:#e11d4873;box-shadow:0 12px 30px #e11d481f}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-top span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#7c3aed1a;color:var(--violet);font-weight:950}.risk{border-radius:999px;padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.risk.green{background:#dcfce7;color:#166534}.risk.yellow{background:#fef3c7;color:#92400e}.risk.orange{background:#ffedd5;color:#9a3412}.risk.red{background:#fee2e2;color:#991b1b}.intervention-card h3{margin:0;color:#0f172a;font-size:21px;letter-spacing:-.03em}.intervention-card p{color:#475569;line-height:1.5;margin:0}.card-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.ok,.bad{width:42px;height:42px;background:#ffffffd1;color:#64748b;border:1px solid rgba(148,163,184,.28)}.ok.selected{background:#10b981;color:#fff}.bad.selected{background:#e11d48;color:#fff}.music-pill{width:max-content;margin:18px auto 0;padding:8px 13px;border-radius:999px;background:#ffffffb3;color:var(--violet);font-weight:900}.music-pill span{display:inline-block;width:8px;height:8px;background:var(--violet);border-radius:50%;margin-right:8px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(1.4)}}.output-card{display:grid;gap:18px}.info{background:#ffffffbd;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:18px}.info h4{margin:0 0 8px;color:#0f172a}.info p,.info li{color:#334155;line-height:1.55}.info.danger{background:#fff1f2c2;border-color:#e11d4824}blockquote{margin:8px 0;border-left:5px solid var(--violet);background:#0f172a;color:#fff;border-radius:14px;padding:14px 16px;font-weight:850}.story{white-space:pre-wrap;line-height:1.7;background:#eef2ffb3;padding:20px;border-radius:20px;color:#312e81;font-family:inherit}.variation{display:grid;gap:12px;background:#f8fafcb3;border-radius:22px;padding:16px}.variation h3{margin:0;color:#0f172a}.variation-item{background:#ffffffc7;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.85)}.variation.compact .variation-item:nth-child(n+4){display:none}.variation-item strong{color:var(--violet)}.muted{color:#64748b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal{width:min(920px,100%);max-height:90vh;display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#f8fafcf2}.modal-header{flex-shrink:0;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:start;padding:22px;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff}.modal-header .eyebrow,.modal-header h2{color:#fff!important;margin:0}.modal-header h2{font-size:clamp(24px,4vw,36px);letter-spacing:-.04em}.modal-header button{border:0;width:42px;height:42px;border-radius:999px;font-size:28px;background:#ffffff29;color:#fff}.modal-body{overflow-y:auto;padding:22px;display:grid;gap:18px}.star{position:absolute;color:#facc15b3;animation:twinkle 4s ease-in-out infinite}.s1{top:8%;left:20%}.s2{top:24%;left:82%;animation-delay:1s}.s3{top:62%;left:10%;animation-delay:2s}@keyframes twinkle{50%{opacity:1;transform:scale(1.25)}}.cloud{position:absolute;width:120px;height:46px;background:#ffffff94;border-radius:999px}.cloud:before{content:"";position:absolute;width:60px;height:60px;left:24px;top:-22px;border-radius:50%;background:inherit}.c1{top:10%;animation:cloud 70s linear infinite}.c2{top:38%;transform:scale(.72);animation:cloud 90s linear infinite -24s}@keyframes cloud{0%{left:-180px}to{left:110vw}}.balloon{position:absolute;top:22%;left:62%;width:76px;height:92px;border-radius:50% 50% 45% 45%;background:linear-gradient(90deg,#ffb8b8 0,#ffb8b8 35%,#fff1f2 35%,#fff1f2 65%,#ffb8b8 65%);opacity:.55;animation:float 15s ease-in-out infinite}.balloon:after{content:"";position:absolute;left:28px;bottom:-15px;width:20px;height:14px;border-radius:4px;background:#cbd5e1}@keyframes float{33%{transform:translate(15px,-18px) rotate(3deg)}66%{transform:translate(-12px,-10px) rotate(-2deg)}}.rainbow{position:absolute;right:-90px;bottom:-100px;width:520px;height:260px;border-radius:520px 520px 0 0;border:16px solid rgba(251,113,133,.2);border-bottom:0;box-shadow:inset 0 18px #facc1533,inset 0 38px #86efac33,inset 0 58px #93c5fd33}.busy-overlay{position:fixed;right:22px;bottom:22px;z-index:120;pointer-events:none}.busy-card{display:flex;align-items:center;gap:14px;width:min(410px,calc(100vw - 28px));padding:16px 18px;border-radius:22px;color:#0f172a;background:#fffffff0;border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 70px #0f172a3d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.busy-card strong{display:block;font-size:15px;color:#0f172a}.busy-card p{margin:3px 0 0;color:#64748b;font-size:13px;line-height:1.35;font-weight:700}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(124,58,237,.18);border-top-color:var(--violet);animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.child-strip{justify-content:stretch}.child-strip label{width:100%}.metric-grid,.cards-grid,.two-col{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.header-inner{align-items:flex-start;flex-direction:column}.glass-header.collapsed .header-inner{align-items:center;flex-direction:row}.glass-header.collapsed .header-actions{margin-left:auto}.glass-header.collapsed .icon-button{display:none}.tabs button{flex-basis:180px}}@media(max-width:640px){.form-row,.modal-header{grid-template-columns:1fr}.page{padding:18px 14px}.tool-card,.section-head,.panel-card,.output-card{padding:18px}.minimize-button{padding:10px 12px;font-size:12px}.glass-header.collapsed .brand-row{gap:10px;min-width:0}.glass-header.collapsed .brand-copy{min-width:0}.glass-header.collapsed h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.glass-header.collapsed .active-tab-label{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}