.app-modes{display:flex;gap:8px;padding:6px;margin:0 auto 28px;border:1px solid var(--border);border-radius:12px;background:#182231;max-width:1100px}.app-modes button{flex:1;min-height:48px;padding:10px;background:transparent;color:var(--text);border-radius:8px;font-weight:600}.app-modes button[aria-pressed=true]{background:#344a80;color:white}
#notesSurface,#todaySurface{max-width:1000px;margin:auto}.notes-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.notes-heading h1,#todayHeading{font-size:32px}.notes-heading p{color:var(--muted);line-height:1.6}.studio-library-tools{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:14px}.studio-library-tools label{font-size:14px}.studio-library-tools input,.studio-title{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:#182332;color:var(--text);margin-top:8px}
.studio-note-card{padding:20px;border:1px solid var(--border);border-radius:12px;background:#182332;margin:14px 0;overflow-wrap:anywhere}.studio-note-title{background:transparent;color:#c4d2ff;font-weight:600;font-size:18px;text-align:left;min-height:44px;padding:0}.studio-note-card p{margin:6px 0}.studio-note-card button:not(.studio-note-title){margin:10px 10px 0 0}.studio-editor-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.studio-editor-top #studioSaveStatus{flex:1;text-align:right;font-size:14px;overflow-wrap:anywhere}.studio-title{font-size:26px;font-weight:600;padding:16px;margin-bottom:16px}.studio-toolrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-toolrow select{width:auto;margin:0;min-height:44px}.studio-menu{display:flex;gap:10px;flex-wrap:wrap;background:#202d42;padding:16px;border-radius:10px;margin:14px 0}
.studio-block{position:relative;margin:18px 0;padding:18px;background:#182332;border:1px solid var(--border);border-radius:12px;content-visibility:auto;contain-intrinsic-size:auto 180px}.studio-block textarea{font-size:17px;min-height:90px;max-height:800px;line-height:1.6;background:#111b2a}.studio-heading textarea{font-size:24px;font-weight:600;min-height:70px}.studio-block>.secondary{margin:10px 8px 0 0}.studio-block img{max-width:100%;max-height:550px;object-fit:contain}.studio-block audio{width:100%;margin:12px 0}.studio-block label{display:block;line-height:1.6}.block-menu summary{color:var(--muted);cursor:pointer;padding:14px 0 0;font-size:14px}.block-menu .studio-toolrow{margin-top:14px}.studio-table{overflow:auto}.studio-table table{border-collapse:collapse;min-width:100%;table-layout:fixed}.studio-table td{border:1px solid var(--border);min-width:150px;vertical-align:top;padding:5px}.studio-table textarea{min-height:78px;padding:8px;min-width:120px;font-size:15px}.task-personal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.task-personal label{display:flex;align-items:center;gap:8px}.task-personal input[type=checkbox]{width:22px;height:22px}.task-personal input[type=date]{background:#202d42;color:var(--text);border:1px solid var(--border);padding:8px;border-radius:8px;min-height:44px}.bullet-dot{font-size:24px;position:absolute;top:30px;left:4px}.drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:2;background:white;touch-action:none;border-radius:8px;margin-top:14px}.study-answer{background:#26374d;border-radius:8px;padding:20px;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}.studio-history-text{white-space:pre-wrap;font-family:inherit;max-height:350px;overflow:auto;line-height:1.6}#studioDialogBody audio{width:100%;margin:20px 0}#studioDialogBody>button,#studioDialogBody details>button{margin:12px 10px 12px 0}#studioDialogBody form{display:flex;gap:12px;flex-wrap:wrap}#studioDialogBody form input{flex:1;min-width:160px}#studioDialogBody form select{width:auto;margin:0}#studioDialogBody input:not([type=checkbox]),#studioDialogBody textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#182332;color:var(--text);padding:12px}#studioDialogBody>input{margin:14px 0}
.rich-print-note{background:white;color:#111827;padding:40px;line-height:1.7;border-radius:6px;margin-top:24px;overflow-wrap:anywhere}.rich-print-note h1{font:700 28px/1.3 Arial,sans-serif;letter-spacing:0;margin-bottom:24px}.rich-print-note h2{font-size:21px;margin:24px 0 12px}.rich-print-note p{white-space:pre-wrap}.rich-print-note img{max-width:100%;max-height:650px;object-fit:contain;display:block}.rich-print-note table{border-collapse:collapse;width:100%;table-layout:fixed;margin:20px 0}.rich-print-note td{border:1px solid #94a3b8;padding:10px;white-space:pre-wrap;vertical-align:top}#richPrintArea{display:none}
@media(max-width:680px){.app-modes button{font-size:14px;padding:8px 4px}.studio-library-tools{grid-template-columns:1fr 1fr}.studio-library-tools button{min-height:44px}.studio-title{font-size:23px}.studio-block{padding:14px}.studio-toolrow button{font-size:14px}.notes-heading h1{font-size:28px}.rich-print-note{padding:24px}.studio-editor-top #studioSaveStatus{max-width:100%;text-align:left}header{height:auto;min-height:80px;padding:14px 20px;gap:12px;flex-wrap:wrap}}
@media print{body.printing-rich>#printArea{display:none!important}body.printing-rich>#richPrintArea{display:block!important;color:black;background:white;padding:16mm}.rich-print-note{padding:0;margin:0;font-size:12pt}.rich-print-note img,.rich-print-note table{break-inside:avoid}.rich-print-note h1,.rich-print-note h2,.rich-print-note h3{break-after:avoid}.rich-print-note img{max-height:220mm}.rich-print-note h1{font-size:20pt}}
/* Beginner note view: one writing surface, optional tools underneath. */
.planner-tabs{display:flex;gap:8px;margin:24px 0}.planner-tabs button{min-height:48px;flex:1;background:#182332;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:17px}.planner-tabs [aria-pressed=true]{background:#344a80;border-color:#849be0}.planner-explain{font-size:16px;line-height:1.6;color:var(--muted)}.planner-add{background:#182332;border:1px solid var(--border);padding:22px;border-radius:12px;margin:20px 0}.planner-add label{display:block;font-size:16px;margin:0 0 8px}.planner-add input,.planner-list-tools input,.planner-item-actions input{background:#111b2a;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:16px;min-height:46px;max-width:100%}.planner-add input:not([type=date]){width:100%}.task-add-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.quick-dates{display:flex;gap:20px;margin-top:4px}.quick-dates button{min-height:40px;font-size:14px}.optional-label{color:var(--muted);font-size:14px}.planner-add summary{cursor:pointer;color:#c4d2ff;font-size:17px;min-height:28px}.planner-add form{margin-top:20px}.planner-add textarea{min-height:100px;font-size:16px;margin-bottom:16px}.planner-add form>label:not(:first-child){margin-top:18px}.planner-summary{font-size:16px;line-height:1.7;padding:12px 0;color:#c3d0ef}.planner-list-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin:12px 0 20px}.planner-list-tools label{font-size:14px}.planner-list-tools input{width:100%;margin-top:8px}.planner-list-tools select{min-height:46px}.planner-list-tools>.text-button{min-height:46px;font-size:14px}.study-practice-tools{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.study-practice-tools input{width:20px;height:20px}.planner-group{font-size:18px;margin:24px 0 12px}.planner-item{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0;padding:20px;border:1px solid var(--border);border-radius:10px;background:#182332}.planner-item-body{flex:1;min-width:190px;overflow-wrap:anywhere}.planner-item-body h3{font-size:18px;line-height:1.5;margin:0}.planner-item-body .small{font-size:14px;margin:8px 0 0}.planner-check{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.6}.planner-check input{width:22px;height:22px;flex:none}.planner-check:has(input:checked) span{text-decoration:line-through;color:var(--muted)}.planner-item-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.planner-item-actions label{font-size:14px}.planner-item .text-button{min-height:44px;font-size:14px}.planner-item-status{width:100%;margin:0;font-size:14px;color:#ffc78a}.card-state{font-size:14px;color:#a8bcf6;margin:6px 0}.planner-help{margin-top:28px}.planner-notice{padding:16px;background:#202d42;border-radius:10px;line-height:1.6;font-size:16px}.planner-notice p{margin:0 0 14px}.practice-count{font-size:16px;color:var(--muted)}#studioDialogBody .study-answer{white-space:pre-wrap;font-size:18px;line-height:1.7}#studioDialogBody .studio-dialog-session>h3{font-size:22px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:680px){.planner-list-tools{grid-template-columns:1fr}.planner-list-tools>.text-button{justify-self:start}.task-add-bottom{align-items:stretch;flex-direction:column}.planner-add{padding:18px}.planner-item{padding:18px}.planner-item-actions{width:100%}.planner-item-actions input{max-width:100%}.study-practice-tools{gap:12px}.study-practice-tools>.primary{width:100%}.planner-tabs button{font-size:16px}}
#notesSurface{max-width:820px}.notes-heading{margin-bottom:18px}.notes-heading p{margin:10px 0 0;font-size:16px}.notes-heading h1{font-size:32px}.studio-title{font-size:21px;font-weight:500;margin:0;border-radius:10px 10px 0 0;border-bottom:0;background:#182332;padding:18px 22px}#studioEditHelp{margin:0;padding:0 22px 16px;background:#182332;border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:14px}#studioBlocks{background:#182332;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;padding:0 20px 20px;min-height:280px}.studio-block{border:0;border-radius:0;padding:0;margin:0 0 18px;background:transparent;contain-intrinsic-size:auto 100px}.studio-block:last-child{margin-bottom:0}.studio-paragraph textarea{background:#182332;border:0;min-height:220px;padding:4px 2px;font-size:18px;line-height:1.8}.studio-heading textarea{background:#182332;border:0;padding:4px 2px}.studio-paragraph:not(:first-child) textarea{min-height:100px}.studio-block textarea:focus-visible{outline-offset:0}.studio-note-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.studio-note-actions>.primary{min-height:50px;font-size:16px}.studio-note-actions>.secondary{min-height:46px;font-size:15px}.studio-menu{display:block;margin:0 0 20px;padding:20px}.studio-menu>.small{margin:0 0 14px;font-size:14px}.studio-extra-adds{margin-top:18px}.studio-extra-adds>summary{font-size:15px;min-height:44px;padding:10px 0;color:#c3d0ef;cursor:pointer}.studio-extra-adds .studio-toolrow{padding-top:10px}.studio-library-tools{grid-template-columns:1fr auto auto}.note-search-label{display:block;font-size:15px}.note-search-label input{display:block;width:100%;min-height:48px;margin-top:8px;background:#182332;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:12px 14px}#studioOrganize{margin:20px 0}.resume-note{max-width:1100px;margin:0 auto 20px;padding:12px 16px;background:#202d42;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px}.resume-note .text-button{min-height:44px;white-space:nowrap}body[data-note-tools=true] .studio-block{border:1px dashed #556582;padding:14px;border-radius:8px;margin-bottom:18px}body[data-note-tools=true] .studio-paragraph textarea{min-height:100px}.studio-editor-top{margin-bottom:18px}.studio-editor-top #studioSaveStatus{font-size:14px}.studio-editor-top #studioSave{padding:9px 12px;font-size:14px}.studio-drawing,.studio-image,.studio-audio,.studio-task,.studio-study,.studio-table{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
@media(max-width:680px){.studio-library-tools{grid-template-columns:1fr}.studio-title{padding:16px 18px;font-size:20px}#studioEditHelp{padding:0 18px 14px}#studioBlocks{padding:0 16px 18px}.studio-paragraph textarea{font-size:17px;min-height:240px}.studio-note-actions{gap:12px}.studio-note-actions>.primary{width:100%}.studio-menu{padding:16px}.studio-menu button{min-height:44px}.resume-note{align-items:flex-start;flex-wrap:wrap}.app-modes button{font-size:14px}.studio-editor-top{gap:10px}.notes-heading h1{font-size:28px}}
/* A calendar beside one day, with the diary kept out of shared notebooks. */
.agenda-layout{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:24px;align-items:start}.agenda-calendar,.agenda-day{min-width:0;padding:22px;border:1px solid var(--border);border-radius:12px;background:#182332}.agenda-month-controls>label{font-size:15px;display:block;margin-bottom:8px}.agenda-month-controls>input{width:100%;min-height:48px;background:#111b2a;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:18px}.agenda-month-controls>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.agenda-month-controls button{min-height:44px;font-size:14px}.agenda-weekdays,.agenda-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.agenda-weekdays{margin:20px 0 8px;text-align:center;font-size:14px;color:var(--muted)}.agenda-date{position:relative;min-height:66px;min-width:0;padding:7px 2px;background:#111b2a;color:var(--text);border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px}.agenda-date-number{font-size:16px;line-height:1.5}.agenda-date[aria-pressed=true]{background:#344a80;border-color:#b5c6ff;box-shadow:inset 0 0 0 1px #b5c6ff}.agenda-date.is-today .agenda-date-number{text-decoration:underline;text-underline-offset:4px;font-weight:700}.agenda-task-count{font-size:12px;line-height:16px;min-width:19px;border-radius:4px;background:#385682;color:#fff;padding:0 2px}.agenda-diary-mark{font-size:12px;color:#cbd7f3;line-height:14px}.agenda-calendar .text-button{white-space:normal;text-align:left}.agenda-calendar>#agendaAllTasks{display:block;margin-top:8px;min-height:44px;font-size:14px}.agenda-day>h2{font-size:23px;line-height:1.5;margin:0;letter-spacing:0}.agenda-day-nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.agenda-day-nav button{font-size:14px;min-height:44px}.agenda-task-form>label,.agenda-diary>label{display:block;font-size:16px;line-height:1.6;margin-bottom:10px}.agenda-task-form>div{display:flex;gap:10px;flex-wrap:wrap}.agenda-task-form input{min-width:0;flex:1 1 210px;min-height:48px;border:1px solid var(--border);border-radius:8px;background:#111b2a;color:var(--text);padding:12px;font-size:16px}.agenda-task-form button{min-height:48px}.agenda-task{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.agenda-task .planner-check{font-size:16px;align-items:flex-start}.agenda-task-actions{display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;padding-left:34px;margin-top:8px}.agenda-task-actions button,.agenda-task-actions summary{font-size:14px;min-height:44px}.agenda-task-actions summary{cursor:pointer;padding:10px 0;color:#c4d2ff}.agenda-task-actions input{min-height:44px;padding:8px;max-width:100%;background:#111b2a;color:var(--text);border:1px solid var(--border);border-radius:6px}.agenda-completed{margin-top:18px}.agenda-completed>summary{font-size:16px;min-height:44px;padding:10px 0;cursor:pointer;color:#c4d2ff}.agenda-diary{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.agenda-diary .optional-label{display:block}.agenda-diary textarea{min-height:220px;font-size:17px;line-height:1.8;background:#111b2a;margin:0}.agenda-diary-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 0}.agenda-diary-actions>span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.agenda-diary-tools>summary{min-height:44px;padding:10px 0;font-size:14px;color:#c4d2ff;cursor:pointer}.agenda-diary-tools button{font-size:14px;min-height:44px}.agenda-output{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.agenda-output>label{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:16px}.agenda-output input{width:20px;height:20px;flex:none}.agenda-output>.primary{min-height:48px;width:100%}.agenda-saved-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font:16px/1.7 inherit;color:var(--text)}#agendaConflict button{min-height:44px;margin:8px 8px 0 0;font-size:14px}#agendaNotice{margin-bottom:20px}
@media(max-width:820px){.agenda-layout{grid-template-columns:1fr}.agenda-calendar,.agenda-day{padding:18px}.agenda-calendar-grid{gap:6px}.agenda-date{min-height:66px}.agenda-calendar{max-width:480px;width:100%;margin:auto}.agenda-day>h2{font-size:22px}.planner-tabs{gap:6px}.planner-tabs button{font-size:15px;padding:10px 5px}.agenda-task-form button{width:100%}.agenda-task-actions{padding-left:0}.agenda-diary textarea{font-size:16px}}

.template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.template-row{border:1px solid var(--border,#3d4659);border-radius:12px;padding:14px;min-width:0}.template-choice{background:transparent;color:inherit;border:0;text-align:left;font:inherit;font-weight:650;width:100%;padding:6px 0;white-space:normal}.template-row .small{margin:6px 0}.style-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.style-controls label{flex:1;min-width:150px}.style-controls select{width:100%}.style-controls button{margin:0}

/* Optional task details and study drafts extend the existing working surface. */
.task-meta{margin:.4rem 0 0;color:#aebad1;font-size:.9rem}
.task-edit{min-width:10rem}.task-edit summary{cursor:pointer;font-size:.95rem;padding:.4rem}
.task-edit-fields{display:grid;gap:.5rem;min-width:13rem;padding:.65rem 0}
.task-edit-fields input,.task-edit-fields select{max-width:100%;width:100%;box-sizing:border-box}
.study-material-preview{display:grid;gap:.75rem}.study-material-preview textarea{width:100%;box-sizing:border-box;resize:vertical}
.study-draft-card{display:grid;gap:.6rem;border:1px solid #364157;border-radius:12px;padding:1rem}
.study-draft-card p{white-space:pre-wrap;overflow-wrap:anywhere}
.task-personal details{flex:1 1 12rem}.task-personal details input,.task-personal details select{max-width:100%;margin:.5rem 0}
@media(max-width:700px){.planner-item-actions{width:100%;flex-wrap:wrap}.task-edit{width:100%}.task-edit-fields{min-width:0}.studio-note-actions{gap:.5rem}.study-draft-card{padding:.75rem}}

.planner-list-tools{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.task-add-bottom>div{max-width:100%;min-width:0}.task-add-bottom #taskClass{margin-bottom:1rem}
@media(max-width:680px){.planner-list-tools{grid-template-columns:1fr}}

.study-maker-start{padding:1.5rem;border:1px solid #5267a3;border-radius:14px;background:#1b2944;margin:1rem 0}.study-maker-start h2{font-size:1.4rem;margin:0 0 .75rem}.study-maker-start p{font-size:1rem;line-height:1.6;margin:0 0 1rem}.study-maker-start button{min-height:48px}
#studioDialogBody form.study-maker-form{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;min-width:0}#studioDialogBody .study-maker-form input,#studioDialogBody .study-maker-form textarea,#studioDialogBody .study-maker-form select{width:100%;min-width:0;box-sizing:border-box;font-size:1rem;line-height:1.5}#studioDialogBody .study-maker-form select{background:#182332;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem}#studioDialogBody .study-maker-form>label{font-size:1rem;margin-top:.5rem}#studioDialogBody .study-maker-form details{margin:.75rem 0}#studioDialogBody .study-maker-form summary{cursor:pointer;min-height:44px;line-height:1.6}#studioDialogBody .study-maker-form .studio-toolrow{margin:.75rem 0 0}.study-set-preview{display:grid;gap:.75rem;margin:1rem 0}.study-set-preview>h3{margin:.5rem 0}.study-set-preview li{line-height:1.6;margin:.5rem 0}.study-set-preview .study-draft-card{display:block}.study-set-preview .study-draft-card summary{cursor:pointer;line-height:1.6;font-size:1rem;overflow-wrap:anywhere}.study-set-preview .study-draft-card label{display:block;margin:.75rem 0 .3rem}.quiz-choices{display:grid;gap:.75rem;margin:1rem 0}.quiz-choices button{text-align:left;white-space:normal;overflow-wrap:anywhere;min-height:48px;font-size:1rem;line-height:1.5}.quiz-choices+ .study-answer:empty{display:none}
@media(max-width:680px){.study-maker-start{padding:1rem}.study-maker-start button{width:100%}.study-maker-form .studio-toolrow{display:grid;grid-template-columns:1fr}.study-set-preview .study-draft-card{padding:.75rem}}