:root{color:#202741;background:#eceef4}
body{background:radial-gradient(ellipse at 6% 2%,#fff 0,#f2f3f8 38%,#e9ecf4 100%);color:#202741}
.app-shell{max-width:1240px;padding:0 20px}
.topbar{height:76px}.brand{color:#202741}.brand-dot{color:#ff755d}.today-label{color:#8990a4}
.icon-button{border-radius:17px;background:#fff;border:1px solid #fff;box-shadow:0 6px 14px #222f5730, inset 0 -3px 0 #e7eaf2;color:#5868a0;display:grid;place-items:center}
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle}
.icon-button .ui-icon{width:24px;height:24px}
.hero{gap:15px;padding:4px 0 15px;grid-template-columns:minmax(0,1fr) 300px}
.hero-copy{border:1px solid #fff;border-radius:26px;box-shadow:0 13px 25px #6c739b24,inset 0 2px 0 #fff;padding:23px 27px;background:linear-gradient(145deg,#fff,#f9faff)}
.hero-copy:after{content:"";width:172px;height:172px;top:-74px;right:-35px;border-radius:50%;background:linear-gradient(135deg,#d7efff,#f4d9fb);filter:blur(2px);opacity:.8}
.hero h1{color:#242a42}.hero h1 em{background:linear-gradient(90deg,#0879f0,#8f77e9,#ff8a79);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{color:#828bab}.live-dot{background:#4c96f1;box-shadow:0 0 0 5px #e2efff}.hero-copy>p{color:#8b92a4}
.primary-button,.secondary-button,.lane-toggle,.challenge-action,.summary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .17s,box-shadow .17s,filter .17s}
.primary-button{border:0;color:#fff;background:linear-gradient(110deg,#007bff,#7068e9 57%,#f48b8b);box-shadow:0 5px 0 #6269c1,0 10px 18px #5a71cf30}
.primary-button:hover{background:linear-gradient(110deg,#0071ef,#6960df 57%,#ed7e83);filter:saturate(1.08)}
.primary-button:active,.secondary-button:active,.lane-toggle:active,.challenge-action:active{transform:translateY(3px);box-shadow:0 2px 0 #9faad0}
.secondary-button{background:#fff;border:1px solid #e6e8f2;color:#5e67a5;box-shadow:0 5px 0 #dde2ef,0 9px 16px #6c739b18}
.secondary-button:hover{background:#fafaff}
.hero-stat{background:linear-gradient(135deg,#2788f8 0%,#616dec 52%,#ef8f97 100%);border:1px solid #a3abec;color:#fff;box-shadow:0 12px 24px #6873b457,inset 0 2px 1px #ffffff94;position:relative}
.hero-stat:after{content:"";width:94px;height:94px;border-radius:50%;right:-24px;top:-26px;background:#ffffff32;box-shadow:-52px 105px 0 15px #ffffff12}
.stat-top,.stat-top span,.stat-number,.stat-bottom,.stat-message{color:#fff}.stat-top span{opacity:.8}.stat-slash{color:#ffffff96}.progress-track{background:#ffffff55}.progress-fill{background:#fff}.stat-message{opacity:.85}
.section-head h2{color:#262d48}.eyebrow.dark{color:#959bb0}.period-tabs{background:#fff;border:1px solid #e5e8f2;box-shadow:0 5px 14px #5c678a13}.period{color:#969bb0}.period.active{background:#eff5ff;color:#3374d8;box-shadow:0 3px 8px #4d79bd18}
.board,.challenge-grid{gap:12px}.lane{border:1px solid #fff;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 10px 22px #79819c20,inset 0 2px 1px #fff;border-radius:23px}
.lane-icon{background:linear-gradient(150deg,#dbf2ff,#b9dcff);color:#1687dd;box-shadow:inset 0 -4px 6px #6db5ed3b,0 5px 10px #279ce326}
.todo .lane-icon{background:linear-gradient(150deg,#ffece9,#ffc9ba);color:#e67358;box-shadow:inset 0 -4px 6px #ee8b6a30,0 5px 10px #f18b7030}
.life .lane-icon{background:linear-gradient(150deg,#e7fce7,#b7edcf);color:#36a976;box-shadow:inset 0 -4px 6px #80d29c40,0 5px 10px #59bb8333}
.lane-icon .ui-icon{width:23px;height:23px}.lane h3{color:#29304c}.lane-kicker{color:#a0a7b9}.lane-count{background:#f0f3fa;color:#74809e}
.lane-toggle{border:1px solid #e4e9f4;background:#fff;color:#6376a4;box-shadow:0 4px 0 #dfe4ef,0 8px 12px #8791ad1a;border-radius:11px;padding:7px 9px}
.lane-toggle:hover{background:#f5f9ff}.lane.is-open .lane-toggle{background:#edf3ff;color:#3b75cc}.toggle-symbol{font-weight:700}.lane-preview{color:#9299ab}
.lane-add{display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #cad5e9;border-radius:12px;background:#f7faff;color:#4d7dd2}.lane-add .ui-icon{width:16px;height:16px}.lane-add:hover{background:#ecf4ff}
.task-card{background:#fff;border-color:#ebedf3;box-shadow:0 3px 9px #6a739112}.task-check{border-color:#b8c5d9}.task-card.done .task-check{background:#39af82;border-color:#39af82}.task-meta span{background:#eef5ff;color:#5c78a9}
.challenge-card,.challenge-card:nth-child(2),.challenge-card:nth-child(3){min-height:166px;padding:17px 18px;background:linear-gradient(155deg,#fff,#fbfcff);border:1px solid #fff;box-shadow:0 10px 22px #79819c20,inset 0 2px 1px #fff;border-radius:22px}
.challenge-top>div{display:grid;grid-template-columns:38px 1fr;column-gap:9px;align-items:center}.challenge-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,#e4f2ff,#bad9ff);color:#2983e5;box-shadow:inset 0 -3px 0 #8ec7f44d}.challenge-icon .ui-icon{width:20px;height:20px}
.challenge-card:nth-child(2) .challenge-icon{background:linear-gradient(150deg,#fff0e7,#ffcfb6);color:#ee8c4f;box-shadow:inset 0 -3px 0 #efa37440}.challenge-card:nth-child(3) .challenge-icon{background:linear-gradient(150deg,#e5fbe9,#baebc8);color:#37a16a;box-shadow:inset 0 -3px 0 #6ccf9040}
.challenge-tag{grid-column:2;color:#9ca5b8;font-size:10px}.challenge-card h3{grid-column:2;color:#29304c;font-size:17px;margin:1px 0 0}.challenge-days{color:#939bad}.challenge-track{background:#ebeff8}.challenge-track span{background:linear-gradient(90deg,#2d91ef,#797be9)}.challenge-card:nth-child(2) .challenge-track span{background:linear-gradient(90deg,#f7a64c,#ef7d78)}.challenge-card:nth-child(3) .challenge-track span{background:linear-gradient(90deg,#60c995,#31a87d)}
.challenge-action{border-radius:11px;background:#f1f5ff;color:#5179c7;box-shadow:0 3px 0 #dce5f6}.challenge-action:disabled{background:#eef7f1;color:#4eab7d;box-shadow:none}.challenge-card:nth-child(2) .challenge-action{background:#fff3eb;color:#da855d;box-shadow:0 3px 0 #f3e3d9}.challenge-card:nth-child(3) .challenge-action{background:#eaf8ef;color:#45a974;box-shadow:0 3px 0 #ccead7}
.text-button{color:#4e79c5}.modal{border-radius:23px}.modal-head h2{color:#29304c}.field input,.field textarea,.field select{background:#fafbfe;border-color:#e2e7f1}.field input:focus,.field textarea:focus,.field select:focus{background:#fff}.record-button{border-radius:11px}.record-button.recording{background:#ec6e67}.summary-button{background:linear-gradient(110deg,#5e85e8,#817ce5);border-radius:11px}
.mobile-jumpbar{background:#fff;border-color:#fff;box-shadow:0 9px 27px #323d6355,inset 0 2px 0 #fff}.mobile-jumpbar button{color:#9da5b8;transition:transform .16s,background .16s}.mobile-jumpbar button.active{color:#2e77d4;background:#eaf3ff}.mobile-jumpbar button:active{transform:scale(.94)}.jump-icon{height:23px}.jump-icon .ui-icon{width:22px;height:22px}
.mobile-jumpbar button[data-jump="business"].active{color:#188de2;background:#e8f5ff}.mobile-jumpbar button[data-jump="todo"].active{color:#ed8265;background:#fff0e9}.mobile-jumpbar button[data-jump="life"].active{color:#39a873;background:#e9f9ef}.mobile-jumpbar button[data-jump="challenges"].active{color:#816be1;background:#f2eeff}
footer{color:#9ba1b1;border-color:#e2e5ee}.toast{background:#3d5ea8}
@media(max-width:760px){.app-shell{padding:0 13px}.topbar{height:65px}.hero{padding-top:3px}.hero-copy{padding:17px 18px}.hero-copy:after{width:115px;height:115px;top:-55px;right:-33px}.hero-stat{display:grid;grid-template-columns:1fr auto;min-height:0}.hero-stat:after{width:65px;height:65px;right:-22px;top:-25px;box-shadow:none}.stat-number{color:#fff}.board{gap:10px}.lane{padding:12px 14px}.challenge-card,.challenge-card:nth-child(2),.challenge-card:nth-child(3){min-height:147px}.challenge-head{align-items:center}.mobile-jumpbar{bottom:max(9px,env(safe-area-inset-bottom));left:9px;right:9px;padding:6px}.mobile-jumpbar button{padding:6px 0 4px}.hero-actions .primary-button,.hero-actions .secondary-button{min-height:41px}}