.planner-label{background:#d4ecff;display:inline-block;padding:4px 12px;min-width:110px}.planner{background:var(--planner);padding:5px 20px 34px;box-shadow:0 2px 2px #005eb833;border-radius:0 0 2px 2px}.week-controls{display:flex;align-items:center;gap:3px;white-space:nowrap}.week-controls>strong{font-size:13px;color:var(--muted);margin-right:1px}.week-controls .small-button{padding:3px 6px;font-size:12px}.progress{width:53px;min-width:40px;height:25px;background:var(--blue-soft);border-radius:3px;position:relative;overflow:hidden}.progress>span{display:block;height:100%;background:#005eb8}.progress>b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:normal}.planner hr{border:0;border-top:2px solid #0673d3;margin:16px 0 13px}.period-tabs{border-bottom:1px solid var(--blue-border);display:flex;margin-bottom:10px}.period-tabs button{background:none;padding:6px 12px;border:1px solid transparent;border-radius:5px 5px 0 0}.period-tabs button[aria-selected=true]{background:white;border-color:var(--blue-border);border-bottom-color:white;margin-bottom:-1px}.goal-group{margin:10px 0 14px}.goal-heading{display:flex;align-items:center;text-align:left;gap:3px;background:var(--blue-soft);width:100%;border-radius:4px 4px 0 0;min-height:30px;padding:5px 10px;font-size:16px;line-height:16px;border-bottom:1px solid var(--blue-border)}.goal-heading>strong{margin-right:auto}.goal-heading>.fas{font-size:10px;color:var(--button)}.goal-dots{display:flex;max-width:75px;flex-wrap:wrap;gap:2px}.goal-dot{width:14px;height:14px;border:2px solid var(--button);border-radius:50%}.goal-dot.done{background:var(--button)}.goal-items{background:#fff;padding:4px 8px}.goal-item{display:flex;align-items:center;gap:5px;line-height:1.4;padding:5px 0}.goal-item label{display:flex;align-items:start;gap:5px;flex:1;overflow-wrap:anywhere}.goal-item input{margin-top:2px;accent-color:var(--blue)}.completed{text-decoration:line-through;color:var(--muted)}.goal-item .icon-button{font-size:10px;color:var(--muted);padding:5px}.planner-empty{color:var(--muted);line-height:1.5;padding:8px 3px;margin:0 0 8px}.add-goal{margin:3px 4px 1px}.strategy summary{display:flex;align-items:center;justify-content:space-between;background:var(--blue-soft);border-radius:3px;padding:6px 10px;font-size:16px;font-weight:bold;list-style:none}.strategy summary::-webkit-details-marker{display:none}.strategy summary i{color:var(--button);font-size:10px}.strategy[open] summary i{transform:rotate(180deg)}.strategy label{display:block;margin-top:12px;line-height:1.6}.strategy textarea{width:100%;display:block}.day-selector{display:flex;gap:4px;justify-content:space-between;margin:8px 0}.day-selector button{background:var(--blue-soft);border-radius:3px;padding:5px 8px;text-transform:capitalize}.day-selector button.active{color:white;background:var(--blue)}.notebook{padding:6px}.notebook h2{margin-bottom:3px}.editor-toolbar{display:flex;flex-wrap:wrap;background:#d4ecff;border-radius:3px 3px 0 0;padding:2px;gap:0;min-height:60px}.editor-toolbar button{color:var(--blue);background:transparent;width:30px;height:30px}.editor-toolbar button:hover{background:#b4dcff}.note-editor{background:#fff;min-height:75px;max-height:400px;overflow:auto;border-radius:0 0 3px 3px;border-top:1px solid #005eb8;padding:8px;line-height:1.5;overflow-wrap:anywhere}.note-editor p{margin:0 0 8px}.note-counter{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.4}
/* Formatting states reflect the current selection, including keyboard shortcuts. */
.editor-toolbar{padding:6px;gap:4px;background:var(--blue-soft)}
.editor-toolbar button{width:34px;height:34px;border:1px solid var(--blue-border);border-radius:5px;background:#fff;font-size:14px;box-shadow:0 1px 1px #005eb810}
.editor-toolbar button:hover{background:#d4ecff;border-color:var(--blue)}
.editor-toolbar button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:inset 0 -3px 0 #003e80,0 1px 3px #005eb82b}
.editor-toolbar button[aria-pressed="true"]:hover{background:var(--blue-hover)}
.editor-toolbar button[aria-pressed="mixed"]{background:#b4dcff;border:1px dashed var(--blue);color:#004b98}
.editor-toolbar button:focus-visible{outline:2px solid #003e80;outline-offset:2px}
.notebook.panel{padding:18px;background:#f1f8ff;border:1px solid #b8d9f5;border-radius:12px;box-shadow:none}.notebook h2{font-size:20px;display:flex;align-items:center;gap:9px}.notebook h2 i{font-size:15px}.note-hint{font-size:12px;line-height:1.6;color:#365a7f;margin:8px 0 14px}.notebook .editor-toolbar{padding:9px;background:#e4f1ff;border:1px solid #a9cdef;border-bottom:0;border-radius:9px 9px 0 0;gap:5px}.notebook .note-editor{min-height:220px;padding:15px;background:#fff;border:2px solid #89b8e3;border-radius:0 0 9px 9px;font-size:15px;line-height:1.75;color:#123457;cursor:text;overflow-wrap:anywhere;box-shadow:inset 0 1px 3px #005eb80a}.notebook .note-editor:focus{outline:0;border-color:#005eb8;box-shadow:0 0 0 3px #005eb81a}.notebook .note-counter{font-size:11px;line-height:1.5;color:#365a7f;margin:10px 0 0}