.compact-hero{padding:20px 0 25px}.compact-hero h1{font-size:clamp(29px,8vw,43px);line-height:1.12;letter-spacing:-.025em}.compact-hero p{font-size:15px;line-height:1.65;max-width:40em}.home-track{display:block;padding:23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,var(--paper)),var(--paper));margin:0 0 16px;text-align:left;color:var(--ink)}.home-track h2{font-size:25px;line-height:1.2;margin:9px 0 15px}.home-track p{font-size:14px;color:var(--muted)}.choose-track{display:flex;gap:14px;align-items:center;width:100%;cursor:pointer}.choose-track>span:nth-child(2){display:grid;gap:9px;flex:1}.choose-track strong{font:23px/1.2 Georgia,serif}.choose-track>span>span:last-child{font-size:13px;color:var(--muted)}.track-diamond{font-size:45px;color:var(--accent)}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.home-shortcuts button{display:grid;text-align:left;gap:6px;padding:17px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:17px;cursor:pointer;min-width:0}.home-shortcuts button>span{color:var(--accent);font-size:23px}.home-shortcuts small{font-size:11px;color:var(--muted)}
.library-segments{display:flex;gap:4px;padding:5px;margin:17px 0;background:var(--paper);border:1px solid var(--line);border-radius:14px}.library-segments button{flex:1;min-height:42px;background:none;border:0;border-radius:10px;color:var(--muted);font-weight:650;cursor:pointer}.library-segments button.active{background:var(--accent);color:#fff}.learning-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;overflow:visible!important;padding-top:8px!important}.learning-nav button{min-width:0;min-height:59px;padding:4px 0 6px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;overflow:visible!important}.learning-nav button small{font-size:clamp(8px,2.35vw,11px);line-height:1.2;white-space:nowrap;word-break:normal;overflow-wrap:normal}.learning-nav button>span{font-size:23px;line-height:28px;margin:0}.learning-nav .nav-tracks>span{display:grid;place-items:center;background:var(--accent);color:white;width:48px;height:48px;border-radius:16px;margin-top:-22px;font-size:35px;box-shadow:0 4px 15px #24171125}.learning-nav .nav-tracks.active>span{outline:3px solid color-mix(in srgb,var(--accent) 25%,var(--paper));outline-offset:2px}.learning-nav .nav-tracks{background:none!important}.learning-nav .nav-tracks small{color:var(--accent);font-weight:800}.shell{padding-bottom:110px!important}
.track-grid{display:grid;gap:18px}.track-card{display:grid;grid-template-columns:88px minmax(0,1fr);padding:16px;gap:16px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:22px;text-align:left;cursor:pointer;width:100%;min-width:0}.track-card>img,.track-art{width:88px;height:112px;border-radius:14px;object-fit:cover}.track-art{display:grid;place-items:center;font-size:60px;background:color-mix(in srgb,var(--accent) 12%,var(--paper));color:var(--accent)}.track-card-copy{display:grid;gap:8px;min-width:0}.track-card strong{font:24px/1.15 Georgia,serif;overflow-wrap:anywhere}.track-card .eyebrow{font-size:9px;letter-spacing:.08em}.track-description{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-progress{height:5px;background:var(--line);border-radius:9px;overflow:hidden;width:100%;margin-top:9px}.track-progress i{height:100%;display:block;background:var(--accent);border-radius:9px}.track-progress-label{display:block;color:var(--muted);font-size:11px;margin-top:6px}.track-card-link{display:flex;justify-content:space-between;font-size:12px;font-weight:750;color:var(--accent);margin-top:8px}.track-detail h1{font-size:clamp(29px,8vw,43px);line-height:1.12;margin:14px 0}.track-detail>p{color:var(--muted);line-height:1.65}.track-detail-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;margin-bottom:20px}.track-detail>.button{margin:20px 0 12px;display:flex;width:100%}.track-detail>small{display:block;color:var(--muted);font-size:12px}.track-detail>.back{margin:14px 0}.track-steps{display:grid;gap:10px}.track-step-row{display:grid;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:12px;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:18px 13px;border-radius:17px;text-align:left;cursor:pointer}.track-step-row>span:nth-child(2){display:grid;gap:7px}.track-step-row small{color:var(--muted);font-size:11px}.track-step-row b{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.track-step-row em{color:var(--accent);font-style:normal;font-size:11px}.step-marker{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:13px}.track-step-row.done .step-marker{background:color-mix(in srgb,var(--accent) 15%,var(--paper));color:var(--accent)}.track-step-row.locked{filter:grayscale(1);opacity:.65}.track-finished{margin:20px 0;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.track-finished .button{display:flex;margin-top:12px}.track-profile{margin-top:22px}
.track-settings{width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:23px}.track-settings::backdrop{background:#170e0b99}.track-settings h2{margin:0;font:28px Georgia,serif}.track-settings p{font-size:13px;line-height:1.6;color:var(--muted)}.track-settings label{display:block;font-size:13px;margin:16px 0}.track-settings input[type=time],.track-settings select{display:block;width:100%;min-height:46px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:10px;margin-top:7px;font:inherit}.track-settings .track-check{display:flex;gap:10px;align-items:center;font-weight:700;min-height:44px}.track-check input{width:19px;height:19px;accent-color:var(--accent)}.track-settings fieldset{border:0;padding:0;margin:18px 0}.track-settings legend{font-size:13px}.track-days{display:flex;gap:5px;flex-wrap:wrap}.track-days label{margin:8px 0;position:relative}.track-days input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.track-days span{display:grid;place-items:center;width:35px;height:40px;border-radius:10px;border:1px solid var(--line);font-size:12px}.track-days input:checked+span{background:var(--accent);color:white}.track-days input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.track-settings .button{width:100%}.track-settings-actions{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:14px;gap:10px}.track-settings-actions .back{font-size:12px;min-height:42px}.track-return{margin-bottom:18px}.track-card:hover,.track-step-row:not(.locked):hover,.home-shortcuts button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:640px){.track-grid{grid-template-columns:1fr 1fr}.track-card{grid-template-columns:1fr}.track-card>img,.track-art{width:100%;height:130px}}@media(max-width:350px){.track-card{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:13px}.track-card>img,.track-art{width:62px;height:95px}.track-card strong{font-size:21px}.home-track{padding:18px}.track-settings{padding:16px}}
.track-grid button.track-card:has(>img){grid-template-columns:1fr}
.track-grid button.track-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
section.track-detail h1{font-family:Georgia,serif;font-weight:400}
nav.learning-nav button small{font-size:clamp(9px,2.6vw,11px)}