.notebook-page{width:100%;min-width:0;margin:0 auto;padding:8px 0 40px;container-name:notebook;container-type:inline-size}.notebook-heading{display:grid;grid-gap:20px;gap:20px;align-items:start;margin-bottom:28px}.notebook-heading .kicker{margin:0 0 9px;color:var(--ink-muted);font-size:11px;letter-spacing:.08em}.notebook-heading h1{margin:0;font-family:var(--font-ui);font-size:clamp(1.85rem,3.6vw,2.5rem);font-weight:650;letter-spacing:-.045em;line-height:1.15;overflow-wrap:anywhere}.notebook-storage-status{max-width:38rem;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--appearance-raised);color:var(--ink-muted);font-family:var(--font-ui);font-size:13px;line-height:1.5}.notebook-storage-status p{margin:0}.notebook-storage-status p+p{margin-top:5px}.notebook-workspace{min-width:0}.notebook-notices:empty{display:none}.notebook-notices{display:grid;grid-gap:10px;gap:10px;margin-bottom:20px}.notebook-success,.notebook-warning{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-control,10px);background:var(--appearance-reading);font-family:var(--font-ui);font-size:13px;line-height:1.5}.notebook-warning{color:var(--danger)}.notebook-success{color:var(--ink)}.notebook-tools{display:grid;grid-gap:9px;gap:9px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line,var(--rule))}.notebook-note-editor label,.notebook-note-label,.notebook-tools label{color:var(--ink);font-family:var(--font-ui);font-size:13px;font-weight:600}.notebook-note-editor textarea,.notebook-tools input{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--surface-border,var(--edge));border-radius:var(--radius-control,10px);background:var(--appearance-reading);color:var(--ink);font:400 16px/1.6 var(--font-ui)}.notebook-tools input{max-width:34rem}.notebook-note-editor textarea:focus-visible,.notebook-page a:focus-visible,.notebook-page button:focus-visible,.notebook-tools input:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:3px}.notebook-list{display:grid;grid-gap:24px;gap:24px;list-style:none;margin:0;padding:0}.notebook-item{min-width:0}.notebook-entry{overflow:hidden;border:1px solid var(--line);border-radius:var(--study-panel-radius);background:var(--appearance-reading);box-shadow:var(--shadow-1)}.notebook-entry-body{display:grid;min-width:0}.notebook-clear,.notebook-empty,.notebook-entry-source,.notebook-entry-source time,.notebook-note,.notebook-source-row,.notebook-source-title{color:var(--ink-muted);font-family:var(--font-ui);font-size:13px;line-height:1.5}.notebook-entry-source{padding:12px clamp(18px,3vw,30px) 16px;border-bottom:1px solid var(--line)}.notebook-source-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px}.notebook-source-row a{min-height:44px;display:inline-flex;align-items:center;color:var(--accent);font-weight:700}.notebook-source-title{margin:2px 0 0;color:var(--ink);font-weight:650;overflow-wrap:anywhere}.notebook-entry-source time{display:block;margin-top:2px}.notebook-quote{max-width:68ch;margin:clamp(22px,3vw,32px);padding:0 0 0 20px;border-left:2px solid var(--accent);color:var(--ink);font-family:var(--font-serif);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.6;overflow-wrap:anywhere}.notebook-own-note{min-width:0;padding:clamp(20px,3vw,30px);border-top:1px solid var(--line);background:var(--appearance-raised)}.notebook-note-label{margin:0 0 10px}.notebook-note p:not(.notebook-note-label):not(.notebook-item-status){margin:0;color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.notebook-note-editor label{display:block;margin-bottom:8px}.notebook-note-editor textarea{resize:vertical}.notebook-actions,.notebook-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.notebook-entry-actions{justify-content:space-between;padding:12px clamp(18px,3vw,30px);border-top:1px solid var(--line)}.notebook-actions{margin-top:10px}.notebook-actions .btn,.notebook-danger-button,.notebook-link-button{min-height:44px}.notebook-danger-button,.notebook-link-button{padding:0 14px;border-radius:var(--radius-control,10px);background:transparent;font:600 13px/1.3 var(--font-ui);cursor:pointer}.notebook-link-button{border:1px solid var(--line);color:var(--accent)}.notebook-danger-button,.notebook-delete-link{border:1px solid var(--line);color:var(--danger)}.notebook-item-delete{min-width:0}.notebook-item-status{margin:10px 0 0;font-family:var(--font-ui);font-size:13px;line-height:1.5}.notebook-clear,.notebook-empty{padding:clamp(24px,4vw,36px);border:1px solid var(--line);border-radius:var(--study-panel-radius);background:var(--appearance-reading)}.notebook-clear{margin-top:32px}.notebook-empty{color:var(--ink-muted)}.notebook-clear h2,.notebook-empty h2{margin:0 0 7px;color:var(--ink);font-family:var(--font-ui);font-size:1.15rem}.notebook-clear p,.notebook-empty p{margin:0 0 16px}@container notebook (min-width: 56rem){.notebook-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:32rem){.notebook-entry-actions>*,.notebook-item-delete,.notebook-item-delete .notebook-actions{width:100%}.notebook-entry-actions button,.notebook-item-delete button,.notebook-note-editor .btn{flex:1 1 8rem}}@media (forced-colors:active){.notebook-clear,.notebook-entry,.notebook-own-note,.notebook-tools{border:1px solid CanvasText}}