/* DayPilot 2.4 — a quiet workspace for projects, practice and recorded progress. */
:root{--bg:#f4f5ef;--panel:#fffefa;--text:#24312e;--muted:#7c867a;--line:#e0e4d8;--soft:#eef1e8;--brand:#21312b;--brand-2:#2c4335;--accent:#d66c43;--accent-soft:#f7eadd;--green:#647b54;--green-soft:#e9eedf;--amber:#a07939;--amber-soft:#fbf0db;--red:#bd5a45;--red-soft:#fae9e3;--shadow:0 14px 40px #26311e08;--radius:13px}
body{background:var(--bg);font-family:Arial,Helvetica,sans-serif}.sidebar{background:#1e3028;border-right:0}.sidebar .brand{letter-spacing:-.8px}.sidebar .nav-item{border-radius:7px;margin-bottom:5px;color:#b5c2b1}.sidebar .nav-item.active{background:#dce7cc;color:#243c2a;box-shadow:none}.sidebar .nav-item:hover{background:#ffffff12}.sidebar .nav-item.active:hover{background:#dce7cc}.sidebar .user-card{border-color:#ffffff1c}.topbar{background:var(--bg);border-bottom:1px solid var(--line)}.primary{background:#253c2e;box-shadow:none;border-radius:7px}.primary:hover{background:#38573c}.secondary,.tiny,.chip,.icon-btn{border-radius:7px}.panel{border-radius:13px;box-shadow:none;border-color:var(--line);background:var(--panel)}.panel h2{font-weight:600;letter-spacing:-.5px}.eyebrow{color:#7c8c71;font-size:8px;letter-spacing:1.4px}.stat-card{border-radius:11px;box-shadow:none}.stat-card strong{letter-spacing:-1.5px}.hero-panel{background:#e6ebdb;border-color:#d8dfcc;color:var(--text)}.hero-panel:before,.hero-panel:after{opacity:.12}.auth-screen{background:#e9eddf}.auth-card{border-radius:19px;background:#fffefa}.auth-card .brand-large{color:#2b442f}.auth-card h1{font-weight:500;letter-spacing:-1.8px}.auth-kicker{color:#a06d45}.status-pill{border-radius:6px;font-size:10px}.stack input:focus,.stack select:focus,.stack textarea:focus{border-color:#9cad8b;box-shadow:0 0 0 3px #8b9c6c14}button:focus-visible,a:focus-visible{outline:3px solid #d66c43;outline-offset:3px}.topbar h1{font-weight:500;letter-spacing:-1.25px}
.control-center{display:grid;gap:23px}.control-hero{background:#e4e9da;border:1px solid #dce3d1;border-radius:13px;min-height:245px;padding:32px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden}.control-hero .eyebrow{font-size:8px;color:#748566}.control-hero h2{font-size:37px;line-height:1.08;letter-spacing:-1.5px;font-weight:500;margin:14px 0 12px}.control-hero p{font-size:12px;color:#75836a;line-height:1.8;margin:0 0 20px}.control-hero .primary,.control-hero .secondary{font-size:10px;padding:11px 14px}.control-hero .secondary{background:#f4f6ec;color:#52664b}.control-orbit{position:relative;min-width:190px;margin-right:26px;border:1px solid #bbc7a470;border-radius:50%;width:198px;height:198px;display:grid;place-items:center;transform:rotate(-8deg)}.orbit-word{font-size:33px;letter-spacing:-1.5px;line-height:1.04;color:#7c9066;font-weight:600}.orbit-word em{font-family:Georgia,serif;font-weight:400;color:#fffefa}.orbit-star{position:absolute;right:-28px;bottom:4px;font-size:86px;color:#d66c43;line-height:1}.control-status{font-size:10px;color:#75836c;line-height:1.7;min-height:17px}.control-stats{margin:0!important}.control-stats .stat-card{padding:21px 23px;min-height:122px;border-top:2px solid #c2ceac}.control-stats .stat-card>span{font-size:10px;color:#7c8776}.control-stats strong{font-size:34px;margin-block:9px 5px;font-weight:500}.control-stats small{font-size:8px;color:#7c8a70;line-height:1.6}.control-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px}.control-grid>.panel{min-width:0}.control-center .panel{padding:23px}.control-center .panel-head{margin-bottom:21px;align-items:flex-start;gap:14px}.control-center .panel-head h2{font-size:16px;font-weight:500;margin-top:6px;letter-spacing:-.35px;line-height:1.4}.control-center .chip{font-size:7px;white-space:nowrap;font-weight:500;letter-spacing:.3px;padding:6px 8px}.control-chart svg{display:block;width:100%;height:auto;max-height:180px}.control-chart-scale{display:block;font-size:9px;text-align:right;color:#8a967f;margin-top:2px}.control-caption{font-size:9px!important;color:#7e8b72!important;line-height:1.8!important;margin-top:15px!important;margin-bottom:0!important}.learning-series-label{font-size:8px;letter-spacing:.6px;margin-top:12px}.learning-series-label+svg{max-height:80px}.control-section-head{display:flex;align-items:center;justify-content:space-between;margin:5px 0 18px;gap:20px}.control-section-head h2{font-size:22px;font-weight:500;letter-spacing:-.8px;margin-top:6px}.tracker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tracker-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px;min-width:0}.tracker-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.tracker-icon{font-size:17px;color:var(--tracker-color);font-family:Georgia,serif;background:#f1f2ea;display:grid;place-items:center;border-radius:7px;width:33px;height:33px}.tracker-state{color:#7f906e;font-size:7px;max-width:85px;text-align:right;line-height:1.5}.muted-state{color:#b0835a}.tracker-card h3{font-size:15px;letter-spacing:-.4px;font-weight:500;margin:18px 0 5px}.tracker-card p{font-size:9px;color:#87927d;margin:0}.tracker-total{font-size:29px;letter-spacing:-1px;font-weight:400;margin:24px 0 12px}.tracker-total>span{font-size:9px;color:#8b967f;letter-spacing:0}.tracker-meter{height:4px;background:#e9ecdf;overflow:hidden;border-radius:4px}.tracker-meter>i{display:block;height:100%;background:var(--tracker-color);border-radius:4px}.tracker-bottom{font-size:8px;color:#7e8e6b;margin-top:12px}.tracker-synced{font-size:7px;color:#929c88;line-height:1.6;margin-top:6px}.tracker-card a{display:inline-block;color:#70845c;font-size:8px;text-decoration:none;border-bottom:1px solid #cbd3be;padding-bottom:5px;margin-top:18px}.repo-table-head,.repo-row{display:grid;grid-template-columns:2.4fr .8fr .9fr 1.1fr;gap:20px;align-items:center}.repo-table-head{font-size:7px;color:#8b977e;letter-spacing:.7px;padding-bottom:16px;border-bottom:1px solid var(--line)}.repo-row{padding:17px 0;border-bottom:1px solid #e9ecdf;font-size:9px}.repo-row:last-child{border:0;padding-bottom:0}.repo-row a{font-size:11px;color:#3b5236;text-decoration:none;word-break:break-word}.repo-row small{font-size:7px;line-height:1.8;display:block;margin-top:5px;color:#89977b}.connection-warning{color:#a1714a!important}.build-badge{padding:5px 7px;background:#edf1e5;border-radius:5px;font-size:8px;color:#73865e;text-align:center;line-height:1.5}.build-failed{color:#b26344;background:#faeee0}.control-task{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #e7ebdc}.control-task:last-child{border:0}.control-task strong{font-size:11px;line-height:1.6;font-weight:500}.control-task small{display:block;font-size:8px;color:#8b987d;margin-top:3px}.control-task button{margin-left:auto;font-size:8px}.priority-dot{width:6px;height:6px;border-radius:50%;background:#a6b28c}.priority-dot.high{background:#d88b60}.priority-dot.low{background:#a6b6c5}.control-alert{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e7ebdc}.control-alert:last-child{border:0}.control-alert>span{background:#f6eddf;color:#b08a56;display:grid;place-items:center;width:25px;height:25px;border-radius:6px}.control-alert strong{font-size:10px;line-height:1.7;display:block;font-weight:500}.control-alert small{font-size:8px;color:#88967a;display:block;margin-top:3px}.connection-intro{max-width:660px;padding:9px 0}.connection-intro h2{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:15px 0}.connection-intro p{font-size:12px;line-height:1.9;color:#7d8b70}.connection-steps{font-size:11px;line-height:1.9;padding-left:18px;color:#7c8b70;margin-bottom:22px}.connection-check{display:flex!important;align-items:flex-start;gap:9px!important;line-height:1.7!important;font-size:10px!important}.connection-check input{width:15px!important;margin:2px 0;accent-color:#536c40}.connection-token{background:#eef2e5;padding:17px;margin-top:18px;border-radius:8px;display:grid;gap:12px}.connection-token strong{font-size:10px;font-weight:500;line-height:1.7}.connection-token label{display:grid;gap:6px;font-size:9px;color:#768b61}.connection-token input{width:100%;padding:10px;font:10px monospace;color:#405f2c;background:#fffefa;border:1px solid #d2dcc0;border-radius:4px}.connection-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.connection-row:last-child{border:0}.connection-row strong{font-size:12px;font-weight:500}.connection-row small{display:block;font-size:9px;color:#829373;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.connection-deploy p{font-size:11px;line-height:1.9;color:#7d8e6d;margin-top:15px}.connection-deploy h2{margin-top:12px;font-size:20px}.connection-deploy code{font-size:10px;color:#627b4c}.managed-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.managed-project{background:#f4f6ee;padding:20px;border-radius:9px;border:1px solid #e5e9db}.managed-project h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:10px 0}.managed-project p{font-size:10px;color:#80936d;line-height:1.8;margin:0 0 15px}.control-center .empty{font-size:11px;line-height:1.8;border:1px dashed #dfe5d3;border-radius:8px;background:#f7f8f1;padding:27px 18px}
@media(max-width:1200px){.tracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid{grid-template-columns:1fr 1fr}.control-hero h2{font-size:32px}.control-orbit{min-width:155px;width:155px;height:155px;margin-right:14px}.orbit-word{font-size:27px}.orbit-star{font-size:70px}.repo-table-head,.repo-row{gap:12px;grid-template-columns:2fr .8fr .8fr 1fr}.managed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-stats .stat-card{padding:18px}.control-stats small{font-size:7px}}
@media(max-width:900px){.control-grid{grid-template-columns:1fr}.control-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.control-hero{padding:25px;min-height:225px}.control-hero h2{font-size:31px}.control-center .panel{padding:20px}.control-chart svg{max-height:150px}}
@media(max-width:600px){.control-center{gap:17px}.control-hero{padding:24px 20px;position:relative;min-height:245px;gap:0}.control-hero>div:first-child{z-index:1}.control-hero h2{font-size:31px;letter-spacing:-1.3px}.control-hero p{font-size:10px;max-width:250px;line-height:1.8}.control-orbit{position:absolute;right:-67px;top:30px;opacity:.2;width:170px;height:170px;min-width:170px;margin:0}.control-hero .eyebrow{font-size:6px;letter-spacing:1.1px}.control-hero .primary,.control-hero .secondary{font-size:8px;padding:10px}.control-hero .row{gap:6px}.control-status{font-size:8px}.control-stats{gap:11px!important}.control-stats .stat-card{padding:17px 14px;min-height:117px}.control-stats .stat-card>span{font-size:9px}.control-stats strong{font-size:30px}.control-stats small{font-size:7px}.tracker-grid{gap:11px}.tracker-card{padding:15px 12px}.tracker-card h3{font-size:13px;line-height:1.4}.tracker-card p{font-size:8px}.tracker-total{font-size:25px}.tracker-total>span{font-size:7px}.tracker-card-top{gap:5px}.tracker-state{font-size:6px;max-width:57px}.tracker-icon{width:28px;height:28px;font-size:14px}.tracker-synced{font-size:6px}.tracker-card a{font-size:7px}.control-section-head h2{font-size:21px}.control-section-head .tiny{font-size:8px}.control-center .panel{padding:18px}.control-center .panel-head h2{font-size:15px}.control-center .panel-head .secondary{font-size:8px!important;white-space:nowrap}.control-center .chip{font-size:6px;letter-spacing:0;padding:5px}.repo-table-head{display:none}.repo-row{grid-template-columns:1fr auto;gap:12px}.repo-row>div{grid-column:1 / -1}.repo-row>span:nth-child(2):before{content:'Last push: ';color:#879576}.repo-row>span:nth-child(3):before{content:'Open issues + PRs: ';color:#879576}.repo-row>span:nth-child(4){grid-column:1 / -1;justify-self:start}.control-task strong{font-size:10px}.connection-intro h2{font-size:28px}.connection-intro p{font-size:11px}.managed-project-grid{grid-template-columns:1fr}.connection-row{align-items:flex-start}.connection-deploy p{font-size:10px}.connection-deploy h2{font-size:18px;line-height:1.4}.control-caption{font-size:8px!important}.control-chart svg{max-height:130px}.control-hero .secondary{border:1px solid #d2dbc2}.mobile-nav{background:#1e3028;border-color:#ffffff12}.mobile-nav button.active{color:#e1edca}}

.learning-chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px}.learning-chart-legend>span{display:flex;align-items:center;gap:5px;font-size:7px;color:#7d8e6c}.learning-chart-legend i{display:block;width:5px;height:5px;border-radius:50%}.sidebar-profile{background:#ffffff09!important;border:1px solid #ffffff0a}.control-grid>.panel{align-self:stretch}
@media(max-width:600px){.mobile-nav button.active{background:#dce7cc;color:#2b452f}}
