.notebook-shelf-trigger{width:44px;height:44px;color:var(--espresso);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.notebook-shelf-trigger:hover{background:var(--surface-soft,#eeeadd)}.notebook-shelf-popover{z-index:100;background:var(--paper);width:224px;color:var(--espresso);border:1px solid var(--line);box-shadow:var(--shadow);font:12px/1.6 var(--sans);border-radius:12px;padding:5px;position:fixed;inset:auto;overflow:auto}.notebook-shelf-popover button{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 12px;display:block}.notebook-shelf-popover button:hover,.notebook-shelf-popover button:focus-visible{background:var(--surface-soft,#eeeadd)}.notebook-shelf-popover button:focus-visible,.notebook-shelf-trigger:focus-visible{outline:2px solid var(--olive-dark);outline-offset:-2px}.notebook-page .member-new-notebook{align-self:start;width:100%;margin-top:44px}.notebook-shelf-delete>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:767px){.member-notebook-book.is-pin-feedback .catalog-cover{animation:.5s notebook-pin-confirm}}@keyframes notebook-pin-confirm{0%,to{transform:translateY(0)}45%{box-shadow:0 0 0 3px var(--olive),var(--shadow);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.member-notebook-book.is-pin-feedback .catalog-cover{animation:none}}
.notebook-page{--notebook-control-border:color-mix(in srgb,var(--olive-dark) 70%,var(--paper))}.notebook-page :is(.button.secondary,.notebook-more>button,.notebook-edit-action){border:1px solid var(--notebook-control-border);background:var(--paper);color:var(--olive-dark);border-radius:var(--pill)}.notebook-page .visitor-notebook-utilities .text-link{text-underline-offset:4px;min-height:44px;text-decoration:underline}.notebook-page .rich-toolbar :is(.writing-format-command,.writing-desktop-command,.rich-mobile-picker>button){border:1px solid var(--notebook-control-border);background:var(--paper);color:var(--espresso)}.notebook-page .rich-toolbar .writing-format-command[aria-pressed=true]{background:var(--olive-dark);color:var(--on-accent);box-shadow:inset 0 0 0 1px var(--olive-dark)}.notebook-page .rich-toolbar :is(.writing-format-command,.rich-style-picker>button,.rich-desktop-picker>.vila-dropdown-trigger){border:1px solid #0000}.notebook-page .rich-toolbar :is(.writing-format-command,.rich-style-picker>button,.rich-desktop-picker>.vila-dropdown-trigger):not([aria-pressed=true]):not([aria-expanded=true]){box-shadow:none;color:var(--espresso);background:0 0}.notebook-page .rich-toolbar :is(.rich-style-picker>button,.rich-desktop-picker>.vila-dropdown-trigger)[aria-expanded=true]{background:var(--surface-olive,#e6ead5);color:var(--olive-dark)}.notebook-page .rich-toolbar .finish-writing,.notebook-page .writing-sheet .writing-mobile-head>.button{background:var(--olive-dark);color:var(--on-accent);border:1px solid var(--olive-dark)}.notebook-page :is(button,.button):disabled{opacity:1;background:var(--surface-soft,#eeeadf);color:var(--muted);border:1px dashed var(--muted);box-shadow:none;cursor:not-allowed;transform:none}.notebook-page :is(.button,.notebook-edit-action,.rich-toolbar button):focus-visible{outline:2px solid var(--olive-dark);outline-offset:3px}.notebook-page .rich-toolbar .writing-tool[aria-expanded=true]{outline:2px solid var(--olive-dark);outline-offset:-2px}.visitor-notebook-data .visitor-notebook-destructive-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.visitor-notebook-data .visitor-notebook-destructive-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid}@media (hover:hover){.notebook-page :is(.button.secondary,.notebook-edit-action,.notebook-more>button):not(:disabled):hover,.notebook-page .rich-toolbar :is(.writing-format-command,.writing-desktop-command):not(:disabled):not([aria-pressed=true]):hover{background:var(--surface-olive,#e6ead5)}.notebook-page .rich-toolbar .finish-writing:hover,.notebook-page .writing-sheet .writing-mobile-head>.button:hover{background:var(--espresso);color:var(--paper)}.visitor-notebook-data .visitor-notebook-destructive-link:hover{text-decoration-thickness:2px}}.notebook-page :is(.button,.notebook-edit-action):not(:disabled):active{box-shadow:inset 0 0 0 2px var(--olive-dark);transform:none}@media (prefers-reduced-motion:reduce){.notebook-page .button{transition:none;transform:none}}