@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#23362d;background:#f7f8f4;font-synthesis:none;--ink:#23362d;--muted:#647169;--line:#dfe5dc;--green:#d8eea4;--paper:#fff;--orange:#b7532e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-1px}.brand-mark{background:var(--ink);color:var(--green);display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-family:Georgia,serif;font-size:30px;padding-bottom:5px}.brand-sub{font-size:11px;letter-spacing:1.6px;font-weight:500;border-left:1px solid var(--line);margin-left:16px;padding-left:24px;color:var(--muted)}.top-note{font-size:14px;color:var(--muted)}main{max-width:1216px;margin:auto;padding:46px 36px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.7px;margin:0 0 12px;color:var(--muted)}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:64px;letter-spacing:-2px;font-weight:400;line-height:1.05;margin:0 0 12px}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:16px;line-height:1.5}.date-stamp{font-size:14px;line-height:1.8;text-align:right;max-width:160px}.stats{border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);border-radius:16px;overflow:hidden;background:white;margin-bottom:30px}.stats>div{padding:23px 28px;border-right:1px solid var(--line)}.stats>div:last-child{border:0;background:var(--green)}.stats p{font-size:14px;color:#58655d;margin:0 0 8px}.stats strong{font-weight:550;font-size:36px;letter-spacing:-1px}.stats strong span{font-size:16px;letter-spacing:0;font-weight:400}.workspace{display:grid;grid-template-columns:0.92fr 1.3fr;gap:28px;align-items:start}.log-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-heading .eyebrow{margin:0}.small-number{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}h2{font-size:22px;font-weight:550;letter-spacing:-.6px;margin:0 0 24px}.section-heading h2{margin:0}.section-heading div .eyebrow{margin-bottom:9px}label{display:block;font-size:14px;font-weight:550;margin:0 0 8px}input,select,textarea{width:100%;border:1px solid #ced7ce;border-radius:8px;padding:12px;color:var(--ink);background:#fff;min-width:0;font-size:16px;margin-bottom:21px;outline-offset:3px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#7b837c;font-size:14px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #526b3c;outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.optional{font-size:13px;color:var(--muted);font-weight:400}.save-button{width:100%;border:0;border-radius:8px;background:var(--ink);color:#fff;text-align:left;padding:14px 18px;font-weight:550;display:flex;justify-content:space-between;align-items:center}.save-button:hover{background:#355044}.save-button span{font-size:24px;line-height:1;color:var(--green)}.storage-note{font-size:12px;color:var(--muted);text-align:center;margin:13px 0 0}#message{font-size:14px;line-height:1.5;margin:10px 0 0;color:#526534}#message:empty{display:none}.right-column{display:grid;gap:27px}.activity-panel{border-bottom:1px solid var(--line);padding:8px 8px 25px}.muted{font-size:13px;color:var(--muted)}.week-chart{height:177px;display:flex;gap:18px;align-items:stretch;padding:12px 0 0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.bar-track{height:126px;width:100%;max-width:46px;border-radius:6px;display:flex;align-items:end;background:#ecf0e7;position:relative}.bar-fill{width:100%;background:#b5ce87;border-radius:6px;min-height:0}.chart-column:last-child .bar-fill{background:var(--ink)}.chart-day{font-size:12px;color:var(--muted)}.bar-value{font-size:12px;position:absolute;top:6px;width:100%;text-align:center;color:var(--ink);font-weight:600}.chart-column:last-child .bar-value.has-minutes{color:white;background:var(--ink);border-radius:3px}.repertoire-panel{padding:0 8px}.count-badge{font-size:12px;background:#e8eee1;padding:6px 10px;border-radius:30px;white-space:nowrap}.empty-state{padding:32px 20px;text-align:center;border:1px dashed #ced7c9;border-radius:12px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:17px;font-weight:500;margin-bottom:9px}.empty-state p{font-size:14px;line-height:1.7;max-width:310px;margin:0 auto}.song-card{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0}.song-card:last-child{border-bottom:0}.song-initial{width:42px;height:42px;border-radius:10px;background:#e9eee2;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;flex-shrink:0}.song-body{min-width:0;flex:1}.song-name{font-size:16px;font-weight:550;overflow-wrap:anywhere;margin-bottom:5px}.song-meta{font-size:12px;color:var(--muted)}.status{font-size:12px;white-space:nowrap;padding:6px 9px;border-radius:5px;background:#edf0e7;color:#526044}.status.Practicing{background:#f7e7d9;color:#934f2f}.status.Comfortable{background:#d8eea4;color:#375321}.history-panel{margin-top:39px;padding-top:30px;border-top:1px solid var(--line)}.history-panel .section-heading{margin-bottom:24px}.history-item{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto;gap:20px;padding:21px 0;border-top:1px solid var(--line);align-items:center}.session-date{color:var(--muted);font-size:13px;line-height:1.6}.session-date strong{display:block;font-size:21px;font-weight:500;color:var(--ink)}.session-title{font-weight:550;overflow-wrap:anywhere}.session-notes{font-size:14px;color:var(--muted);line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.session-detail{font-size:12px;color:var(--muted);margin-top:5px}.session-minutes{font-size:18px;white-space:nowrap}.session-minutes span{font-size:13px;color:var(--muted)}.remove-button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;font-size:13px;padding:9px}.remove-button:hover{border-color:#b7532e;color:#b7532e}footer{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.footer-brand{font-size:16px;font-weight:650;letter-spacing:-.5px}@media(min-width:1500px){main{padding-top:60px}}@media(max-width:850px){.brand-sub{display:none}.workspace{grid-template-columns:1fr 1fr;gap:20px}main{padding:32px 24px}.log-panel{padding:22px}.stats>div{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.song-card{flex-wrap:wrap}.status{margin-left:56px}.top-note{font-size:12px}}@media(max-width:620px){.topbar{min-height:73px;padding:16px 22px}.top-note{display:none}main{padding:28px 20px 22px}h1{font-size:49px}.intro{display:block}.date-stamp{display:none}.intro p:not(.eyebrow){font-size:15px}.stats{grid-template-columns:1fr 1fr;margin-bottom:24px}.stats>div{padding:17px 20px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats strong{font-size:30px}.workspace{grid-template-columns:1fr;gap:30px}.form-row{grid-template-columns:1fr 1.15fr;gap:12px}.week-chart{gap:12px}.status{margin-left:0}.history-item{grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.remove-button{grid-column:2 / 4;justify-self:end}.history-panel .section-heading{align-items:start}.history-panel .section-heading>.muted{max-width:110px;text-align:right;line-height:1.6}.log-panel{padding:22px}.section-heading h2{font-size:21px}}@media(prefers-reduced-motion:no-preference){.bar-fill{transition:height .25s ease}button{transition:background .15s ease}}

/* Practice categories, progress colors, and history search. */
[hidden]{display:none!important}
input:disabled{background:#f1f3ef;color:#6c786f;cursor:not-allowed}
.progress-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin:-4px 0 20px}
.legend-item{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;line-height:1.5}
.legend-item::before{content:"";width:8px;height:8px;border-radius:50%;background:#377bbb;flex-shrink:0}
.legend-item.Practicing::before{background:#bd7a14}.legend-item.Comfortable::before{background:#3c843d}
.status{display:inline-block;font-size:14px;line-height:1.4;white-space:normal}
.status.Learning{background:#e1eefb;color:#225887}.status.Practicing{background:#fff0cc;color:#80500b}.status.Comfortable{background:#dff0d6;color:#2f632c}
.song-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 14px;border-left:3px solid #377bbb;padding:15px 12px;margin-bottom:10px;border-radius:0 8px 8px 0;background:#fff}
.song-card.Practicing{border-left-color:#bd7a14}.song-card.Comfortable{border-left-color:#3c843d}
.song-card .status{grid-column:2;justify-self:start;margin:0}.song-card .song-initial{grid-row:1 / 3;align-self:start}
.song-card.Learning .song-initial{background:#e1eefb;color:#225887}.song-card.Practicing .song-initial{background:#fff0cc;color:#80500b}.song-card.Comfortable .song-initial{background:#dff0d6;color:#2f632c}
.song-category{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:4px}
.history-controls{display:flex;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.history-search-field{flex:1 1 280px}.history-filter-field{flex:0 1 280px}.history-controls input,.history-controls select{margin:0}
.clear-filters{background:#fff;border:1px solid #ced7ce;border-radius:8px;padding:12px 15px;min-height:45px;font-size:14px;color:var(--ink)}.clear-filters:hover{background:#e9eee2}
.legacy-note{font-size:14px;line-height:1.6;padding:12px 16px;border-left:3px solid #a2b488;background:#edf1e7;color:#4e5f43;margin:0 0 16px}
.session-body{min-width:0}.session-body>.status{margin:8px 0 4px}
.session-category-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.session-category-row label{font-size:13px;color:var(--muted);font-weight:400;margin:0}.session-category-row select{width:auto;max-width:100%;font-size:14px;line-height:1.5;padding:6px 28px 6px 9px;margin:0;border-color:#dfe5dc;background:#f7f8f4}
@media(max-width:620px){.history-filter-field{flex:1 1 100%}.history-controls{gap:12px}.clear-filters{width:100%}.history-item{align-items:start}.session-category-row{display:block}.session-category-row label{margin-bottom:5px}.session-category-row select{width:100%}.session-body>.status{font-size:13px}}

/* Weekly goals, consecutive practice days, and calendar-week recaps. */
.momentum-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:36px}.goal-panel,.streak-panel,.recap-panel{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}.panel-hint{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 18px}.goal-panel .section-heading{margin-bottom:12px}.goal-actions{display:flex;gap:12px}.goal-actions .save-button{width:auto;justify-content:center;flex:1}.goal-repeat{font-size:12px;margin:12px 0}.goal-panel .form-row{grid-template-columns:1fr 1fr}#goal-message{font-size:14px;line-height:1.5;margin:10px 0}#goal-message:empty{display:none}.goal-progress-item{margin-top:20px}.goal-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:8px}.goal-progress-label strong{font-weight:550}.goal-progress-item progress{appearance:none;display:block;width:100%;height:10px;border:0;border-radius:6px;overflow:hidden;background:#edf1e7}.goal-progress-item progress::-webkit-progress-bar{background:#edf1e7}.goal-progress-item progress::-webkit-progress-value{background:#6e9146}.goal-progress-item progress::-moz-progress-bar{background:#6e9146}.goal-progress-caption{font-size:13px;line-height:1.5;color:var(--muted);margin:7px 0 0}.streak-panel{background:#23362d;color:#f7f8f4}.streak-panel .eyebrow,.streak-panel .panel-hint{color:#cad8ce}.streak-panel h2{margin-bottom:15px}.streak-total{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}.streak-total strong{font-family:'Libre Caslon Display',Georgia,serif;font-size:76px;font-weight:400;line-height:1}.streak-total span{font-size:17px;color:#d8eea4}.streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:22px 0}.streak-day{text-align:center;font-size:12px;color:#cad8ce}.streak-day-mark{width:34px;height:34px;margin:0 auto 8px;border:1px solid #6b7d70;border-radius:50%;display:grid;place-items:center;font-size:16px}.streak-day.practiced .streak-day-mark{background:#d8eea4;border-color:#d8eea4;color:#23362d}.streak-day.today .streak-day-mark{outline:2px solid #d8eea4;outline-offset:3px}.streak-rule{font-size:12px;margin-bottom:0}.recap-panel{margin-top:28px}.recap-navigation{display:flex;gap:9px}.recap-navigation button{font-size:13px;min-height:40px;padding:9px 12px}.recap-navigation button:disabled,.goal-actions button:disabled{opacity:.5;cursor:not-allowed}.recap-range{font-size:16px;line-height:1.6;margin:0 0 20px}.recap-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f5eb;border-radius:10px;margin-bottom:20px}.recap-metric{padding:18px 20px}.recap-metric strong{display:block;font-size:28px;font-weight:550;margin-bottom:4px}.recap-metric span{font-size:14px;color:var(--muted)}.recap-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:32px}.recap-columns h3{font-size:16px;font-weight:550;margin:8px 0 16px}.category-summary-row{margin-bottom:16px}.category-summary-label{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.5;margin-bottom:7px}.category-summary-label span:last-child{white-space:nowrap;color:var(--muted)}.category-summary-track{height:7px;background:#edf1e7;border-radius:4px;overflow:hidden}.category-summary-fill{height:100%;background:#96b469;border-radius:4px}.recap-activity{border-top:1px solid var(--line);padding:13px 0}.recap-activity:first-child{border-top:0;padding-top:0}.recap-activity-title{font-size:16px;font-weight:550;overflow-wrap:anywhere}.recap-activity-meta{font-size:13px;color:var(--muted);line-height:1.6;margin:5px 0 8px}.recap-activity .status{font-size:13px}.recap-empty{font-size:14px;color:var(--muted);line-height:1.7;padding:18px 0}
@media(max-width:850px){.momentum-grid{gap:20px;grid-template-columns:1fr 1fr}.goal-panel,.streak-panel,.recap-panel{padding:22px}.goal-panel .form-row{grid-template-columns:1fr;gap:0}.streak-days{gap:5px}.streak-day-mark{width:29px;height:29px}.recap-heading{align-items:start;flex-wrap:wrap}}@media(max-width:620px){.momentum-grid{grid-template-columns:1fr}.goal-panel .form-row{grid-template-columns:1fr 1fr;gap:12px}.goal-actions .clear-filters{width:auto}.streak-day-mark{width:34px;height:34px}.recap-navigation{width:100%;flex-wrap:wrap}.recap-navigation .clear-filters{width:auto;flex:1}.recap-summary{gap:0}.recap-metric{padding:14px 10px}.recap-metric strong{font-size:25px}.recap-metric span{font-size:12px}.recap-columns{grid-template-columns:1fr;gap:22px}}