.study-tracker-wrapper{background-color:#fff;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:1rem}.header h1{font-size:2.25rem;font-weight:700;color:#11182c}.header p{font-size:1.125rem;color:#4b5563;margin-top:.5rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.main-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.header{text-align:center;margin-bottom:2.5rem}.card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.progress-container{margin-top:2rem;width:100%;max-width:48rem;margin-left:auto;margin-right:auto}.progress-bar-bg{background-color:#e5e7eb;border-radius:9999px;height:1.5rem}.progress-bar-fill{background-color:#4f46e5;height:1.5rem;border-radius:9999px;color:#fff;font-weight:500;line-height:1.5rem;transition:width .5s ease-out}.progress-bar-fill,.progress-text{text-align:center;font-size:.875rem}.progress-text{color:#4b5563;margin-top:.5rem}.toc-container{height:70vh;overflow-y:auto;padding-right:.5rem}.part-header{font-weight:700;font-size:1.125rem;padding:.5rem;border-radius:.25rem;color:#3730a3}.optional-part-header{color:#92400e}.chapter-list{margin-left:1rem;margin-top:.5rem;list-style:none;padding:0}.chapter-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;transition:background-color .15s}.chapter-item:hover{background-color:#f3f4f6}.chapter-item label{font-size:.875rem;cursor:pointer}.calendar-grid{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}.calendar-day{padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;transition:all .15s}.calendar-day.weekend{background-color:#f3f4f6}.calendar-day.today{border-color:#4f46e5;background-color:#e0e7ff;box-shadow:0 0 0 2px #c7d2fe}.day-name{font-weight:700;font-size:.75rem;color:#6b7280}.day-date{font-size:1.125rem;font-weight:600}.day-month{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.day-checkboxes{display:flex;gap:.5rem}.calendar-subtext{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:1.25rem;width:1.25rem;background-color:#e5e7eb;border-radius:.25rem;cursor:pointer;display:inline-block;position:relative;transition:background-color .15s;flex-shrink:0}.custom-checkbox:checked{background-color:#4f46e5}.custom-checkbox:checked:after{content:"✔";font-size:.8rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{position:fixed;inset:0;background-color:hsla(0,0%,100%,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.error-text{color:#ef4444;font-weight:700}.loader{border:4px solid #f3f3f3;border-top-color:#4f46e5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loader-text{margin-top:1rem;font-size:1.125rem;font-weight:500;color:#374151}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:640px){.calendar-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:768px){.container{padding:2rem}.header h1{font-size:3rem}.calendar-grid{grid-template-columns:repeat(7,1fr)}}@media (min-width:1024px){.main-grid{grid-template-columns:repeat(3,1fr)}.toc-column{grid-column:span 1/span 1}.calendar-column{grid-column:span 2/span 2}}