/* Shared study surfaces: warm paper, charcoal text and restrained plum accents. */
#study-tracker,.notes-focus-reader { color:#302a34; --study-accent:#694c69; --study-muted:#645c69; }
#study-tracker [hidden],.notes-focus-reader[hidden] { display:none !important; }
#study-tracker :is(h2,h3),.notes-focus-reader :is(h3,h4) { color:#302a34; font-weight:600 !important; letter-spacing:-.02em; }
#study-tracker h2 { font-size:25px; line-height:1.3; margin:0 0 14px; }
#study-tracker h3 { font-size:19px; line-height:1.4; margin:8px 0; }
#study-tracker :is(p,small,label,summary,span),.notes-reader-toolbar { line-height:1.6; }
#study-tracker p { color:#645c69; margin:10px 0 18px; }
#study-tracker .button-primary,.notes-delete-dialog .button-primary { background:#694c69; border-color:#694c69; color:#fff; }
#study-tracker :is(input,select),.notes-focus-reader select,.notes-trash select { box-sizing:border-box; width:100%; min-width:0; padding:11px 12px; color:#302a34; background:#fff; border:1px solid #cfc6d2; border-radius:7px; font:inherit; }
#study-tracker label { display:grid; gap:7px; font-size:15px; color:#403747; }
#study-tracker form { display:grid; gap:17px; margin-block:18px; }
#study-tracker form .button { justify-self:start; }
#study-tracker :is(button,input,select,summary):focus-visible,.notes-focus-reader :is(button,input,select,a):focus-visible { outline:3px solid #94769a; outline-offset:3px; }
.study-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 32px; margin-bottom:24px; background:#f4eee6; border:1px solid #e1d5c6; border-radius:12px; }
.study-welcome>div { max-width:650px; }
.study-illustration { width:190px; height:140px; flex-shrink:0; }
.study-book { transform-origin:100px 120px; animation:study-sway 6s ease-in-out infinite; }
@keyframes study-sway { 0%,100% { transform:rotate(-2deg); } 50% { transform:rotate(2deg); } }
.study-text-button { color:#694c69; font:inherit; font-size:14px; background:transparent; border:0; padding:8px 0; text-align:left; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.study-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.study-metrics article { display:grid; align-content:start; gap:9px; padding:22px; background:#fff; border:1px solid #ded8e4; border-radius:10px; }
.study-metrics article:nth-child(2) { background:#f3eef5; }.study-metrics article:nth-child(3) { background:#fbf2e3; }.study-metrics article:nth-child(4) { background:#f5eded; }
.study-metrics strong { font-size:28px; font-weight:500 !important; color:#302a34; }.study-metrics small { color:#645c69; }
.study-next { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.study-next article { border-left:3px solid #b89a6b; padding:6px 18px; }.study-next small { color:#645c69; }
.study-plans { display:grid; gap:24px; }.study-plan { min-width:0; }.study-plan>.panel-head strong { color:#694c69; font-size:30px; font-weight:500 !important; }
#study-tracker progress { display:block; width:100%; height:10px; accent-color:#694c69; margin:12px 0; }.study-basis { font-size:13px; }
.study-goals { display:grid; gap:0; margin-top:24px; }.study-goal { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,220px); gap:24px; border-top:1px solid #e4dfe7; padding:24px 0; }.study-goal small { color:#694c69; }.study-goal>div>span { font-size:13px; color:#645c69; }
.study-goal-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; }.study-goal-actions .button { white-space:normal; }.study-goal-actions .study-text-button { align-self:flex-start; }
#study-tracker .study-goal-actions form { margin:0; }.study-add-goal,.study-create { margin-block:20px; }#study-tracker summary { cursor:pointer; color:#694c69; font-weight:600; padding:5px 0; }
.study-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }#study-tracker label.study-check { display:flex; align-items:center; gap:10px; }#study-tracker label.study-check input { width:auto; }
.study-days { list-style:none; display:grid; grid-template-columns:repeat(14,minmax(0,1fr)); gap:8px; padding:0; margin:22px 0; }.study-days li { aspect-ratio:1; max-height:42px; background:#eee8f0; border:1px solid #ddd3e1; border-radius:5px; }.study-days li.active { background:#927198; border-color:#694c69; }
.study-table-wrap { overflow:auto; }.study-table-wrap table { width:100%; border-collapse:collapse; min-width:340px; }.study-table-wrap :is(th,td) { text-align:left; padding:12px; border-bottom:1px solid #ddd3e1; color:#302a34; }
.notes-library-actions,.notes-reader-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }.notes-reader-toolbar { padding:12px 0 24px; }.notes-reader-toolbar>span { color:#645c69; font-size:14px; }
.learning-library-row { display:flex; align-items:center; gap:12px; min-width:0; }.learning-library-row>.learning-library-item { min-width:0; flex:1; }.learning-library-row>span { flex:1; overflow-wrap:anywhere; }.notes-delete-button { padding:12px; color:#783b48; background:transparent; border:1px solid #d5bfc5; border-radius:7px; font:inherit; font-size:14px; cursor:pointer; }
.notes-trash { padding:18px; margin:15px 0; background:#f6f2f3; border:1px solid #dfd3d6; border-radius:8px; }.notes-trash .learning-library-row+.learning-library-row { margin-top:14px; }
.notes-delete-dialog { max-width:min(460px,calc(100vw - 40px)); box-sizing:border-box; border:1px solid #d7ccd9; border-radius:12px; padding:28px; color:#302a34; background:#fff; box-shadow:0 20px 80px #302a3433; }.notes-delete-dialog::backdrop { background:#251b2a88; }.notes-delete-dialog h2 { font-size:24px; font-weight:600; }.notes-delete-dialog p { line-height:1.65; }
.notes-focus-active>.learning-introduction,.notes-focus-active>#learning-chapters { display:none; }
.notes-focus-reader { border:1px solid #ded8e4; border-radius:10px; overflow:hidden; margin-block:12px 28px; background:#fff; }.notes-focus-top { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:16px; background:#f5f0f5; border-bottom:1px solid #ded8e4; }.notes-focus-top label { display:flex; align-items:center; gap:8px; color:#403747; font-size:14px; }.notes-focus-reader select { width:auto; font-size:14px; }
.notes-reader-layout { display:grid; grid-template-columns:230px minmax(0,1fr); }.notes-reader-layout>nav { max-height:72vh; overflow:auto; padding:12px; border-right:1px solid #ded8e4; background:#fbf9fb; }.notes-reader-layout>nav button { display:block; text-align:left; width:100%; border:0; border-radius:5px; padding:12px; color:#55435f; font:inherit; font-size:14px; line-height:1.5; background:transparent; cursor:pointer; }.notes-reader-layout>nav button[aria-current] { background:#eae0ed; color:#3e284b; font-weight:600; }
.notes-focus-content { max-height:72vh; overflow:auto; overscroll-behavior:contain; padding:30px clamp(20px,4vw,54px); min-width:0; }.notes-focus-content>:is(p,ul,ol,section) { max-width:72ch; margin-inline:auto; }.notes-focus-content :is(p,li) { font-size:var(--notes-reading-size,18px) !important; line-height:1.85; color:#302a34; }.notes-focus-content h3 { font-size:27px; line-height:1.4; margin-top:10px; }.notes-focus-content h4 { font-size:21px; }.notes-focus-content pre { overflow:auto; max-width:100%; padding:18px; border:1px solid #ddd3e1; background:#f4f0f5; font-size:15px; line-height:1.7; }.notes-reader-completion { padding:22px 0; border-top:1px solid #ded8e4; margin-top:24px; }.notes-reader-completion label { display:flex; gap:10px; align-items:center; }.notes-reader-completion p { font-size:13px !important; }.notes-reader-navigation { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
@media(max-width:900px) { .study-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.study-next { grid-template-columns:1fr; }.notes-reader-layout { grid-template-columns:180px minmax(0,1fr); }.notes-focus-content { padding:24px; } }
@media(max-width:600px) { .study-welcome { padding:22px; }.study-illustration { width:100px; height:90px; }.study-welcome h2 { font-size:23px !important; }.study-metrics { gap:10px; }.study-metrics article { padding:16px; }.study-metrics strong { font-size:25px; }.study-goal,.study-form-grid { grid-template-columns:1fr; }.study-goal-actions { align-items:flex-start; }.study-days { grid-template-columns:repeat(7,minmax(0,1fr)); }.notes-reader-layout { grid-template-columns:1fr; }.notes-reader-layout>nav { max-height:180px; border-right:0; border-bottom:1px solid #ded8e4; }.notes-focus-content { max-height:75vh; padding:20px 16px; }.notes-focus-top>span { order:3; width:100%; }.learning-library-row { align-items:stretch; flex-direction:column; }.learning-library-row .notes-delete-button { align-self:flex-end; }.notes-reader-toolbar { align-items:flex-start; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .study-book { animation:none; } }

#study-tracker .sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }

.notes-focus-reader { scroll-margin-top:88px; }

.study-welcome[data-welcome-theme="1"]{background:#f5eae7;border-color:#e5cfc7}.study-welcome[data-welcome-theme="2"]{background:#f1eaf4;border-color:#dacfe0}