.index-list{flex-direction:column;gap:0;padding:0;display:flex}.index-card{background:var(--bg-surface);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;min-height:60px;font-family:var(--mono);z-index:1;border-left:0;border-right:0;flex-direction:column;margin-top:-1px;display:flex;position:relative;overflow:hidden}.index-list>.index-card:first-child{border-top:0;margin-top:0}.index-card.active,.index-card:hover{border-bottom-color:var(--line-dashed)}.index-card:hover,.index-card.active{z-index:2}.index-card .fill{z-index:0;background:#f5f4f4;width:0;transition:width .15s;position:absolute;inset:0 auto 0 0}body.night .index-card .fill{background:#2c2c2c}.index-card .title{z-index:1;color:var(--text-secondary);padding:8px 12px 0;font-size:11px;line-height:1.3;display:block;position:relative}.index-card .words{z-index:1;color:var(--gray-5);margin-top:auto;padding:0 12px 3px;font-size:10px;position:relative}.index-card .link-icon{z-index:2;width:32px;height:32px;color:var(--text-primary);cursor:pointer;opacity:0;background:#ececec;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:0;right:0}body.night .index-card .link-icon{background:#2a2a2a}.index-card:hover .link-icon{opacity:1}.index-card .link-icon.copied{opacity:1;color:var(--green)}.index-card .link-icon svg{width:14px;height:14px}.index-card.has-note:after{content:"";background:var(--green);z-index:1;width:12px;height:2px;position:absolute;bottom:14px;right:0}.index-card.has-note:hover:after{display:none}.notebook-tabs{padding:0 12px 12px;display:flex}.notebook-tabs .tab-item{color:var(--gray-2);background:var(--bg-surface);border:1px solid var(--outline);font-size:12px;font-family:var(--mono);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;gap:4px;margin-right:-1px;padding:3px 17px;display:flex}.notebook-tabs .dot{background:#c7c7c7;flex:none;width:3px;height:3px}body.night .notebook-tabs .dot{background:var(--line-dashed)}.notebook-tabs .tab-item.active .dot{background:var(--green)}.notebook-tabs .tab-item.active{color:var(--text-primary);background:#f1f1f1}body.night .notebook-tabs .tab-item.active{background:#2a2a2a}.note-pane{display:none}.note-pane.active{display:block}.note-list{flex-direction:column;gap:12px;min-height:60px;padding:0 12px 12px;display:flex}.note-empty{color:var(--gray-4);padding:4px 12px 12px;font-size:10px;line-height:1.6}.note-editor{background:#eefff8;margin:0 12px 12px;padding:12px}body.night .note-editor{background:#1a2b24}.note-editor .note-head span{text-transform:uppercase;font-size:10px}.note-editor hr{border:none;border-top:1px solid var(--line);margin:0 0 12px}.note-editor input{width:100%;font-family:var(--serif);color:#4a4a4a;background:0 0;border:0;padding:0;font-size:12px;line-height:18px;display:block}.note-editor input:focus{outline:none}.note-editor input::placeholder{color:#4a4a4a;opacity:1}body.night .note-editor input{color:#d8d8d8}body.night .note-editor input::placeholder{color:#8a8a8a}.pane-hint{background:#f8f8f8;align-items:flex-start;gap:12px;margin:0 12px 12px;padding:16px;display:flex}body.night .pane-hint{background:#232323}.pane-hint[hidden]{display:none}.pane-hint .hint-icon{width:16px;height:16px;color:var(--line-dashed);flex:none}.pane-hint p{font-family:var(--mono);color:var(--text-placeholder);margin:0;font-size:10px;line-height:1.4}body.night .pane-hint .hint-icon{color:#6a6a6a}.note-card{padding:12px}.note-card .note-head{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.note-card .note-head .remove{color:var(--gray-4);cursor:pointer;font-family:var(--mono);background:0 0;border:0;padding:0;font-size:10px}.note-card hr{border:none;border-top:1px solid var(--line);margin:0 0 12px}.note-card .note-title{font-family:var(--serif);margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4}.note-card .note-cite{color:var(--gray-2);margin:0 0 14px;font-size:8px}.note-card .note-body{font-family:var(--serif);margin:0;font-size:12px;line-height:18px}.note-card.lit{outline:2px solid var(--red);outline-offset:-1px}.note-card .remind{background:var(--button-bg);color:var(--text-inverse);font-family:var(--mono);text-transform:uppercase;cursor:pointer;border:0;margin-top:8px;padding:4px 8px;font-size:9px}.note-card .remind[data-on=true]{background:var(--green)}.note-card .due{color:var(--gray-4);margin-top:6px;font-size:9px}.note-card .due[data-due=true]{color:var(--red)}.note-card.type-source{background:#f2f2f2}body.night .note-card.type-source{background:#242424}.note-card.type-self{border:1px dashed var(--line);background:#eefff8}body.night .note-card.type-self{background:#1a2b24}.note-card.type-highlight{border:1px dashed var(--line);background:#fef3d5}body.night .note-card.type-highlight{background:#332c17}.note-card.type-self .note-body,.note-card.type-highlight .note-body{line-height:16px}#pluck{z-index:70;background:var(--button-bg);color:var(--text-inverse);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;padding:6px 10px;font-size:10px;display:none;position:absolute}#pluck[data-show=true]{display:block}.margin-col{flex:0 0 200px;width:200px;position:relative}@media (width<=900px){.margin-col{display:none}}.margin-col .sidenote{color:#5d5d5d;border-top:1px solid #0000;border-image:repeating-linear-gradient(to right, var(--border-light,#d3d3d3) 0, var(--border-light,#d3d3d3) 2px, transparent 2px, transparent 4px) 1;width:100%;max-width:200px;font-size:10px;line-height:1.6;font-family:var(--mono);padding-top:8px;position:absolute}.margin-col .sidenote b{font-family:var(--mono);letter-spacing:.04em;color:#5d5d5d;margin-bottom:3px;font-size:9px;font-weight:600;display:block}figure.margin-figure{margin:0;position:relative}figure.margin-figure>a,figure.margin-figure>img{width:100%;display:block}figure.margin-figure>a{border:1px dashed var(--line-dashed);background:var(--bg-surface,#fff)}figure.margin-figure>a img,figure.margin-figure>img{border:0;width:100%;height:auto;display:block}figure{position:relative}.fig-expand{background:var(--button-bg);color:var(--text-inverse);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:0;padding:4px 6px;font-size:8px;position:absolute;top:0;right:0}figure.margin-figure figcaption{border:1px dashed var(--line-dashed);font-family:var(--mono);color:var(--text-caption);margin-top:-1px;padding:12px;font-size:10px;line-height:1.5}figure.margin-figure figcaption .fignum{color:var(--text-primary)}.ph{border:1px dashed var(--line-dashed);font-family:var(--mono);color:var(--gray-4);background:#f0f0f0;place-items:center;font-size:11px;display:grid}body.night .ph{background:#2a2a2a}.ph.img-block{background:#a2a2a233;border:none}.ph-sq{aspect-ratio:1}.ph-med{aspect-ratio:4/3}.ph-wide{aspect-ratio:16/7}.lightbox{z-index:90;background:#0a0a0af0;flex-direction:column;justify-content:center;align-items:center;padding:9vh 3.5vw;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-close{color:#f0f0f0;font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:10px;position:absolute;top:20px;right:20px}.lightbox-image{color:#fff6;width:100%;min-height:0;font-family:var(--mono);background:#f0f0f014;border:1px dashed #ffffff40;flex:auto;place-items:center;font-size:12px;display:grid}.lightbox-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lightbox-footer{box-sizing:border-box;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:24px;width:100%;height:44px;padding:0 16px;display:flex}.lightbox-caption{font-family:var(--mono);color:#181818;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.lightbox-caption:before{content:"Caption: ";color:var(--gray-4)}.lightbox-nav{flex:none;align-items:center;gap:16px;display:flex}.lightbox-nav-sep{background:#d3d3d3;width:1px;height:20px}.lightbox-nav button{color:#181818;font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.lightbox-nav button:disabled{color:#c2c2c2;cursor:default}.term-popup{z-index:80;box-sizing:border-box;border:1px dashed var(--border-default,#0b0b0b);width:324px;height:80px;font-family:var(--mono);color:#000000b3;text-overflow:ellipsis;white-space:normal;background:#ffff9b;padding:12px;font-size:10px;line-height:1.4;display:block;position:absolute;overflow:hidden}.term-popup[hidden]{display:none}body.night .term-popup{color:#f0f0f0bf;background:#232323;border-color:#4a4a4a}.image-stack,.img-cluster,figure.image-stack{box-sizing:border-box;max-width:100%;margin:1.25rem 0;padding-bottom:14px;padding-right:14px;display:inline-block;position:relative}.image-stack .stack-item,.img-cluster .stack-item{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#d3d3d3);box-sizing:border-box;transition:transform .25s,box-shadow .25s;position:relative}.image-stack .stack-item:first-child,.img-cluster .stack-item:first-child{z-index:2;position:relative}.image-stack .stack-item:nth-child(2),.img-cluster .stack-item:nth-child(2){z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:14px;left:13px}.image-stack .stack-item:nth-child(3),.img-cluster .stack-item:nth-child(3){z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:26px;left:24px}.image-stack img,.img-cluster img{object-fit:contain;border:1px solid var(--border-light,#d3d3d3);background:var(--bg-surface,#fff);box-sizing:border-box;width:100%;max-width:100%;height:auto;display:block}.image-stack .stack-item img,.img-cluster .stack-item img{border:none}figure.image-stack>img:first-of-type{z-index:2;position:relative}figure.image-stack>img:nth-of-type(2){z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:14px;left:13px}.image-stack:hover .stack-item:nth-child(2),figure.image-stack:hover>img:nth-of-type(2){transform:translate(3px,3px)}.image-stack:hover .stack-item:nth-child(3){transform:translate(5px,5px)}body.night .image-stack .stack-item,body.night .img-cluster .stack-item,body.night .image-stack img,body.night .img-cluster img{border-color:var(--border-light,#3a3a3a);background:var(--bg-surface,#1e1e1e)}#threads{pointer-events:none;z-index:65;width:100%;height:100%;position:fixed;inset:0}#threads path{fill:none;stroke:var(--outline);stroke-width:1.2px;opacity:.7}#threads circle{fill:var(--outline)}.customise-bar{background:var(--page-bg);border:none;border-top:1px solid var(--line-dashed);height:32px;color:var(--gray-1);z-index:60;flex-wrap:wrap;align-items:center;gap:0;padding:0 12px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #00000040}.customise-bar.expanded{flex-wrap:wrap;height:auto;padding-bottom:8px}.customise-bar .bar-row1{cursor:pointer;align-items:center;gap:20px;width:100%;height:32px;display:flex}.customise-bar .tune-label{margin-left:-16px}.customise-bar.expanded .bar-row1{border-bottom:1px solid var(--line-dashed);width:calc(100% + 24px);margin:0 -12px;padding:0 12px}.customise-bar .bar-row1 .swatches,.customise-bar .bar-row1 .swatch{cursor:pointer}.customise-bar .knob{flex:none;width:20px;height:20px}.customise-bar .sep{background:var(--line-dashed);align-self:stretch;width:1px}.swatches{gap:8px;display:flex}.swatch{border:1px solid var(--line-dashed);cursor:pointer;background:#fff;width:10px;height:10px;padding:0}.swatch[data-active=true]{border-width:1px;border-color:#000}.swatch-reset{background:#fff;border-color:#000}.customise-bar .spacer{flex:auto}.customise-bar .expand{text-transform:uppercase;color:var(--gray-4);cursor:pointer;font-size:10px;font-family:var(--mono);background:0 0;border:0;padding:0}@media (width<=480px){.customise-bar .bar-row1{gap:10px}.customise-bar .tune-label{display:none}}.rig-controls{flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%;padding:16px 16px 0;display:none}.customise-bar.expanded .rig-controls{display:flex}.rig-ctl{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:122px;display:flex}.rig-ctl label{letter-spacing:.02em;text-transform:uppercase;color:var(--gray-1);font-size:8px}.rig-divider{background:var(--line-dashed);align-self:stretch;width:1px;margin-top:-16px}.rig-val-above{font-family:var(--mono);color:var(--gray-1);font-size:9px}.font-stack{width:300px;height:122px;position:relative}.font-row{cursor:pointer;box-sizing:border-box;background:#f4f4f4;border:0;justify-content:space-between;align-items:flex-start;width:300px;padding:6px 8px 0;display:flex;position:absolute;left:0}.font-row:focus{outline:none}.font-row .tag{font-family:var(--mono);text-transform:uppercase;color:#000;border:0;align-items:center;gap:4px;height:auto;padding:0;font-size:8px;display:flex}.font-row .tag:before{content:"";background:0 0;width:2px;height:2px}.font-row .active-flag{color:var(--gray-2);display:none}.font-row .preview{font-size:12px}.font-row[data-face=mono] .preview{font-family:var(--mono)}.font-row[data-face=sans] .preview{font-family:var(--sans)}.font-row[data-face=serif] .preview{font-family:var(--serif)}.font-row.slot-1{background:var(--text-inverse);border-color:#0000004d}.font-row.slot-2{background:#d9d9d9;border-color:#00000080 #00000080 currentColor;border-bottom-style:none;border-bottom-width:0}.font-row.active .tag:before{background:#23a200}.font-row.active .active-flag{display:inline}.dial{cursor:ew-resize;touch-action:none;background:#000;border-radius:50%;width:60px;height:60px;position:relative}.dial-fill{z-index:0;background:#000;border-radius:50%;position:absolute;inset:3px}.dial-tick-holder{z-index:1;position:absolute;inset:0}.dial-tick-holder:before{content:"";background:var(--red);width:14px;height:1px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.rig-val{z-index:2;font-family:var(--mono);color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;inset:0}.bar-ctl input[type=range]{appearance:none;background:linear-gradient(to right, #000 calc(var(--pct,50) * 1% - 1px), var(--red) calc(var(--pct,50) * 1% - 1px), var(--red) calc(var(--pct,50) * 1% + 1px), var(--line-dashed) calc(var(--pct,50) * 1% + 1px));cursor:pointer;border-radius:0;width:100px;height:40px}.bar-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;border-radius:0;width:2px;height:40px}.bar-ctl input[type=range]::-moz-range-thumb{background:0 0;border:0;border-radius:0;width:2px;height:40px}.pill-toggle{cursor:pointer;background:#fff;border:1px solid #000;border-radius:11px;width:36px;height:20px;padding:0;position:relative}.pill-toggle:after{content:"";background:#000;border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:1px;left:1px}.pill-toggle[data-on=true]:after{left:17px}.night-toggle{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:flex}.night-toggle svg{overflow:visible}.night-toggle .moon-icon,.night-toggle[data-on=true] .sun-icon{display:none}.night-toggle[data-on=true] .moon-icon{display:block}.night-toggle-compact{font-family:var(--mono);text-transform:uppercase;color:var(--gray-1);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.share-settings{flex-direction:column;align-items:flex-start;gap:8px;max-width:383px;margin-left:auto;display:flex}.share-copy{font-family:var(--mono);text-transform:uppercase;color:var(--icon-primary);width:100%;margin:0;font-size:8px;line-height:1.4}.share-row{align-items:center;gap:16px;display:flex}.share-row .share-label{color:var(--gray-1);text-transform:uppercase;font-size:10px}.share-toggle{display:flex}.share-toggle button{font-family:var(--mono);text-transform:uppercase;cursor:pointer;width:40px;height:16px;color:var(--gray-1);background:#f4f4f4;border:0;font-size:10px}.share-toggle button.active{background:var(--gray-5);color:#fff}body.night .customise-bar{background:var(--bg-surface);border-color:#444}body.night .customise-bar .sep,body.night .rig-divider{background:#444}body.night .swatches{pointer-events:none;opacity:.35}body.night .swatch{border-color:var(--line-dashed)}body.night .swatch[data-active=true]{outline-color:#f0f0f0}body.night .font-row{background:#262626;border-color:#ffffff1a}body.night .font-row.slot-1{background:#2c2c2c;border-color:#ffffff4d}body.night .font-row.slot-2{background:#383838;border-color:#ffffff80}body.night .font-row .tag,body.night .font-row .preview{color:#f0f0f0}body.night .bar-ctl input[type=range]{background:linear-gradient(to right, #f0f0f0 calc(var(--pct,50) * 1% - 1px), var(--red) calc(var(--pct,50) * 1% - 1px), var(--red) calc(var(--pct,50) * 1% + 1px), #444 calc(var(--pct,50) * 1% + 1px))}body.night .share-toggle button{background:#262626}body.night .share-toggle button.active{background:#555}