.learning-rhythm-pill{display:inline-flex;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #ffffff45;border-radius:999px;background:#ffffff18;color:#fff;font-size:.7rem;font-weight:800}.bonsai-progress-card{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:18px;margin:14px 0;padding:16px 20px;border:1px solid #bbd6c2;border-radius:22px;background:radial-gradient(circle at 8% 20%,#fff 0 4%,transparent 28%),linear-gradient(135deg,#f7fee7,#ecfdf5 56%,#eff6ff);box-shadow:0 10px 28px #14532d16;overflow:hidden}.bonsai-visual{display:grid;place-items:center;align-self:stretch;min-height:285px;position:relative}.bonsai-tree{width:150px;height:280px;background-image:url('media/bonsai/bonsai-growth-stages.png?v=11.8.33');background-repeat:no-repeat;background-size:auto 100%;background-position-y:center;filter:drop-shadow(0 10px 7px #33415535);transform-origin:bottom center;animation:bonsaiArrive .7s cubic-bezier(.2,.8,.2,1)}.bonsai-tree[data-stage="0"]{background-size:auto 130%;background-position-x:-2.5%}.bonsai-tree[data-stage="1"]{background-size:auto 135%;background-position-x:15.4%}.bonsai-tree[data-stage="2"]{background-size:auto 120%;background-position-x:35.6%}.bonsai-tree[data-stage="3"]{background-size:auto 90%;background-position-x:62.3%}.bonsai-tree[data-stage="4"]{background-size:auto 75%;background-position-x:99.4%}.bonsai-visual>span{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:#ffffffd9;color:#166534;font-size:.65rem;font-weight:900;white-space:nowrap;box-shadow:0 3px 12px #14532d1c}.bonsai-copy{display:grid;gap:8px}.bonsai-copy h2,.bonsai-copy p{margin:0}.bonsai-copy h2{color:#14532d;font-size:clamp(1.35rem,3vw,1.8rem)}.bonsai-copy p{color:#475569;line-height:1.45}.bonsai-growth-track{height:11px;overflow:hidden;border-radius:999px;background:#dbe7dc;box-shadow:inset 0 1px 2px #14532d1a}.bonsai-growth-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65a30d,#16a34a,#0d9488);transition:width .6s ease}.bonsai-copy>small{color:#64748b;font-size:.72rem}.bonsai-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bonsai-stats span{display:grid;gap:2px;padding:8px 9px;border:1px solid #d8e5dc;border-radius:12px;background:#ffffffb8;color:#64748b;font-size:.62rem}.bonsai-stats strong{color:#166534;font-size:.9rem}.bonsai-actions{display:flex;gap:8px;flex-wrap:wrap}.bonsai-actions button{min-height:44px}.bonsai-actions .primary{flex:1;min-width:190px}.bonsai-progress-card.new-learner{border-color:#86efac;box-shadow:0 12px 32px #16a34a24}.bonsai-progress-card.new-learner .bonsai-copy .eyebrow{color:#166534}.bonsai-progress-card.stage-grown .bonsai-tree{animation:bonsaiGrow 1s cubic-bezier(.2,.9,.2,1)}.bonsai-tree{position:relative;z-index:1;transition:filter .6s ease}.bonsai-visual>span{z-index:2}.bonsai-condition-aura{position:absolute;z-index:0;bottom:4px;width:175px;height:280px;background-image:url('media/bonsai/bonsai-condition-overlays.png?v=11.8.33');background-repeat:no-repeat;background-size:400% 100%;opacity:.7;mix-blend-mode:multiply;pointer-events:none;transition:opacity .6s ease,filter .6s ease}.bonsai-condition-aura[data-condition="resting"]{background-position-x:0;opacity:.48}.bonsai-condition-aura[data-condition="steady"]{background-position-x:33.333%}.bonsai-condition-aura[data-condition="flourishing"]{background-position-x:66.667%;opacity:.76}.bonsai-condition-aura[data-condition="radiant"]{background-position-x:100%;opacity:.82;filter:saturate(1.08)}.bonsai-progress-card[data-condition="resting"] .bonsai-tree{filter:saturate(.76) brightness(.96) drop-shadow(0 10px 7px #33415535)}.bonsai-progress-card[data-condition="flourishing"] .bonsai-tree{filter:saturate(1.08) brightness(1.02) drop-shadow(0 10px 10px #65a30d42)}.bonsai-progress-card[data-condition="radiant"] .bonsai-tree{filter:saturate(1.12) brightness(1.05) drop-shadow(0 10px 13px #eab30855)}.bonsai-condition{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #d8e5dc;border-radius:13px;background:#ffffffad}.bonsai-condition i{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b824}.bonsai-condition div{display:grid;gap:1px}.bonsai-condition strong{color:#334155;font-size:.76rem}.bonsai-condition small{color:#64748b;font-size:.64rem;line-height:1.35}.bonsai-condition[data-condition="steady"] i{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.bonsai-condition[data-condition="flourishing"] i{background:#84cc16;box-shadow:0 0 0 4px #84cc1630}.bonsai-condition[data-condition="radiant"] i{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b30}.bonsai-progress-card[data-condition="flourishing"]{border-color:#a3e635}.bonsai-progress-card[data-condition="radiant"]{border-color:#facc15;box-shadow:0 12px 34px #eab30824}.bonsai-progress-card.condition-changed .bonsai-condition-aura{animation:bonsaiCondition 1s ease}.dashboard-priority-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:9px;margin:14px 0 8px}.dashboard-priority-actions button{min-height:58px;font-weight:850}.dashboard-priority-actions .primary{font-size:1.05rem;box-shadow:0 9px 22px #2563eb30}.dashboard-priority-actions:has(#bonsaiQuickStep[hidden]) #bonsaiPrimaryAction{grid-column:1/-1}#home .dashboard-sign-in{align-self:flex-start;min-height:0!important;margin-top:2px;padding:3px 0;background:transparent;border:0;color:#dbeafe;text-decoration:underline;box-shadow:none}.bonsai-condition-trigger{position:absolute;z-index:3;top:8px;right:4px;width:36px;height:36px;padding:0;border:1px solid #bbd6c2;border-radius:50%;background:#ffffffdf;color:#166534;font-size:1rem;font-weight:900;box-shadow:0 4px 12px #14532d20}.bonsai-condition-dialog{width:min(420px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 24px 65px #0f172a55}.bonsai-condition-dialog::backdrop{background:#0f172a80;backdrop-filter:blur(3px)}.bonsai-condition-popup{position:relative;display:grid;gap:11px;padding:22px;background:linear-gradient(145deg,#fff,#f0fdf4);border:1px solid #bbd6c2;border-radius:22px}.bonsai-condition-popup h2{margin:0;color:#14532d}.bonsai-condition-close{position:absolute;top:12px;right:12px;width:38px;height:38px;padding:0;border:0;border-radius:50%;font-size:1.25rem}.bonsai-condition-popup .bonsai-condition{margin-top:1px}.bonsai-condition-popup .bonsai-condition p{margin:0;color:#475569;font-size:.78rem;line-height:1.45}.bonsai-condition-explainer{display:grid;gap:8px;padding-top:2px}.bonsai-condition-explainer p{margin:0;padding:10px 11px;border-radius:12px;background:#ffffffb8;color:#475569;font-size:.78rem;line-height:1.45}.bonsai-condition-explainer strong{color:#166534}
.first-launch-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.first-launch-steps article>span{border-radius:50%;background:linear-gradient(135deg,#16a34a,#0f766e);color:#fff;font-size:1rem;font-weight:900}.first-launch-actions #firstLaunchFirstLesson{flex:1.4}
@keyframes bonsaiArrive{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}@keyframes bonsaiGrow{0%{transform:scale(.88)}55%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes bonsaiCondition{0%{opacity:.2;transform:scale(.88)}60%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
@media(max-width:600px){.bonsai-progress-card{grid-template-columns:118px minmax(0,1fr);gap:10px;padding:13px 12px;border-radius:18px}.bonsai-visual{min-height:222px}.bonsai-tree{width:112px;height:210px}.bonsai-condition-aura{width:131px;height:210px}.bonsai-copy{gap:6px}.bonsai-copy h2{font-size:1.22rem}.bonsai-copy p{font-size:.78rem}.bonsai-condition{padding:6px 8px}.bonsai-condition small{font-size:.59rem}.bonsai-stats{grid-template-columns:repeat(3,1fr);gap:4px}.bonsai-stats span{padding:6px 4px;text-align:center}.bonsai-actions{grid-column:1/-1}.bonsai-actions button{width:100%}.bonsai-actions .primary{min-width:0}.first-launch-steps{grid-template-columns:1fr}}
@media(max-width:390px){.bonsai-progress-card{grid-template-columns:96px minmax(0,1fr)}.bonsai-visual{min-height:180px}.bonsai-tree{width:96px;height:180px}.bonsai-condition-aura{width:113px;height:180px}.bonsai-stats span{font-size:.56rem}.bonsai-stats strong{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.bonsai-tree,.bonsai-progress-card.stage-grown .bonsai-tree,.bonsai-progress-card.condition-changed .bonsai-condition-aura{animation:none}.bonsai-growth-track i{transition:none}}