body.journal-page{--text-primary:#0b0b0b;--button-bg:#0b0b0b;--text-inverse:#fff;--page-bg:#e0e0e0}.journal-layout{flex:auto;align-items:flex-start;margin-top:72px;display:flex;position:relative;overflow:visible}.journal-sidebar{border:1px solid var(--outline);z-index:150;background:#eee;flex:0 0 348px;width:348px;height:calc(100% + 80px);min-height:1232px;position:relative}.journal-intro{flex-direction:column;gap:12px;width:284px;margin:32px;display:flex}.journal-intro h1{font-family:var(--sans);color:var(--text-primary,#0b0b0b);margin:0;font-size:32px;font-weight:500;line-height:normal}.journal-intro p{font-family:var(--sans);color:var(--text-secondary,#454545);margin:0;font-size:12px;font-weight:400;line-height:18px}.sidebar-tab{z-index:151;display:block;position:absolute;top:330px;left:calc(100% - 1px)}.visitors{cursor:pointer;width:240px;height:346px;position:absolute;top:502px;left:54px}.visitors-card{background:var(--style-yellow2,#fef98d);border:1px solid var(--border-light,#d3d3d3);box-sizing:border-box;width:212px;height:240px;padding:8px;position:absolute;top:0;left:14px}.visitors-card .vc-head{font-family:var(--sans);letter-spacing:.32px;text-transform:uppercase;color:var(--text-secondary,#454545);justify-content:space-between;align-items:center;font-size:6px;font-weight:600;display:flex}.visitors-card .vc-table{border-top:.5px solid var(--border-default,#0b0b0b);border-bottom:.5px solid var(--border-default,#0b0b0b);box-sizing:border-box;width:100%;margin-top:22px;padding:4px 0 5px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.visitors-card .vc-table span{font-family:var(--mono);color:var(--text-secondary,#454545);text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:400;line-height:1}.visitors-pocket{width:240px;height:280px;position:absolute;top:66px;left:0}.visitors-pocket svg{width:100%;height:100%;display:block}.visitors-pocket svg path{fill:#e2e2e2;stroke:var(--border-light,#d3d3d3)}.visitors-label{text-align:center;width:240px;font-family:var(--mono);letter-spacing:.12em;color:var(--text-secondary);font-size:14px;position:absolute;top:303px;left:0}.visitors-sublabel{text-align:center;width:240px;font-family:var(--mono);letter-spacing:.04em;color:var(--text-tertiary);font-size:8px;position:absolute;top:323px;left:0}.journal-main{flex:auto;min-width:0;margin-top:2px;position:relative}.filter-chips{z-index:100000;flex-wrap:wrap;gap:12px;margin:0 0 -1px 69px;display:flex;position:relative}.filter-chips .chip{background:var(--bg-surface);border:1px solid var(--outline);height:32px;font-family:var(--mono);text-transform:uppercase;color:var(--text-primary);cursor:pointer;align-items:center;padding:0 13px;font-size:10px;line-height:1.4;display:flex}.filter-chips .chip.active{background:var(--button-bg);border-color:var(--button-bg);color:var(--text-inverse)}.others-wrapper{z-index:100000;display:inline-block;position:relative}.others-dropdown{z-index:100000;background:var(--button-tertiary-bg,#f2f2f2);box-sizing:border-box;pointer-events:auto;border:none;outline:none;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #00000026}.others-dropdown[hidden]{display:none!important}.others-dropdown-item{z-index:1;pointer-events:auto;background:var(--button-tertiary-bg,#f2f2f2);height:29px;color:var(--text-primary,#0b0b0b);font-family:var(--mono,"JetBrains Mono", monospace);text-transform:uppercase;white-space:nowrap;cursor:pointer;text-align:left;box-sizing:border-box;border:none;outline:none;align-items:center;width:100%;padding:7px 26px 7px 8px;font-size:10px;line-height:1.5;transition:background-color .15s,color .15s;display:flex;position:relative}.others-dropdown-item:hover,.others-dropdown-item:focus,.others-dropdown-item:active{background:var(--button-bg,#0b0b0b)!important;color:var(--text-inverse,#fff)!important;outline:none!important}.journal-card{z-index:1;background:var(--bg-surface);border:1px solid var(--outline);box-sizing:border-box;width:min(860px,100%);min-height:1121px;margin-left:-1px;padding:72px 80px 80px 140px;position:relative}.journal-card:hover,.journal-card:focus-within{z-index:100}.journal-list{flex-direction:column;gap:24px;display:flex}.journal-log{text-decoration:none;display:block}.journal-log[hidden]{display:none}.journal-log:before{content:"";background:repeating-linear-gradient(to right, var(--ink) 0 1px, transparent 1px 7px);height:1px;margin-bottom:16px;display:block}.log-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.log-title{font-family:var(--sans);color:var(--text-primary);margin:0;font-size:18px;font-weight:500;line-height:normal}.log-type{flex:none;align-items:center;gap:9px;display:flex}.log-type .type-square{background:var(--style-purple1);width:10px;height:10px}.journal-log[data-type=note] .type-square{background:var(--style-orange1)}.journal-log[data-type=talk] .type-square{background:var(--style-green1)}.log-type .type-label{font-family:var(--mono);text-transform:uppercase;color:var(--text-primary);font-size:14px}.log-meta-row{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.log-tags{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;font-size:10px;display:flex}.log-tags .tag-sep{background:#aaa8a8;width:4px;height:4px}.log-status{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary);font-size:10px}.type-tabs{flex-direction:column;gap:12px;display:flex;position:absolute;top:75px;left:100%}.type-tab{cursor:pointer;background:var(--bg-surface);clip-path:polygon(0 0,100% 8px,100% calc(100% - 8px),0 100%);border:0;justify-content:center;align-items:center;width:24px;height:100px;padding:0;display:flex}.type-tab span{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.02em;color:var(--text-primary);font-size:10px;line-height:1.4}.type-tab[data-type=essay]{background:var(--style-purple1)}.type-tab[data-type=note]{background:var(--style-orange1)}.type-tab[data-type=essay] span,.type-tab[data-type=note] span{color:var(--text-inverse)}.type-tabs.filtered .type-tab:not(.active){opacity:.55}.journal-sheet,.journal-clip{display:none!important}.journal-pagination{align-items:center;gap:8px;margin-top:72px;display:flex}.journal-pagination .page-num{border:1px solid var(--outline);width:32px;height:32px;font-family:var(--mono);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.journal-pagination .page-num.active{background:var(--button-tertiary-bg);border-color:var(--border-default)}.journal-pagination .page-next{border:1px solid var(--outline);height:32px;font-family:var(--mono);color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;padding:0 12px;font-size:12px;display:flex}.journal-log{z-index:1;position:relative}.journal-log:hover{z-index:999}.hover-card{box-sizing:border-box;z-index:99999;background:var(--style-brown2,#dfe6c5);border:1px solid var(--border-light,#d3d3d3);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:space-between;width:320px;height:384px;padding:0;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;top:50%;left:calc(100% - 180px);transform:translateY(-50%)scale(.98);box-shadow:0 4px 16px #0000000f}.journal-log:first-child .hover-card,.journal-log:first-child .hover-card,.journal-log:nth-child(2) .hover-card{top:-20px;transform:translateY(0)scale(.98)}.journal-log:hover .hover-card{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.journal-log:first-child:hover .hover-card,.journal-log:first-child:hover .hover-card,.journal-log:nth-child(2):hover .hover-card{transform:translateY(0)scale(1)}.hover-card .hc-head{box-sizing:border-box;border-bottom:1px solid var(--border-light,#d3d3d3);height:42px;font-family:var(--mono);text-transform:uppercase;color:var(--text-primary,#0b0b0b);justify-content:space-between;align-items:center;padding:12px;font-size:12px;font-weight:400;display:flex}.hover-card .hc-content{flex-direction:column;flex:auto;min-height:0;padding:12px;display:flex;overflow:hidden}.hover-card .hc-title{font-family:var(--serif);color:var(--text-primary,#0b0b0b);margin:0;font-size:24px;font-weight:400;line-height:1.32}.hover-card .hc-tldr{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary,#777);margin:20px 0 0;font-size:10px;line-height:1.5}.hover-card .hc-body{font-family:var(--mono);color:var(--text-primary,#0b0b0b);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.hover-card .hc-foot{box-sizing:border-box;border-top:1px solid var(--border-light,#d3d3d3);grid-template-columns:92px 1fr;height:51px;display:grid}.hover-card .hc-foot-left{border-right:1px solid var(--border-light,#d3d3d3);box-sizing:border-box;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;display:flex}.hover-card .hc-foot-right{text-align:right;box-sizing:border-box;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;display:flex}.hover-card .hc-k{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary,#777);font-size:10px;line-height:1.5}.hover-card .hc-v{font-family:var(--mono);text-transform:uppercase;color:var(--text-primary,#0b0b0b);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.5;overflow:hidden}@media (width<=1100px){.hover-card{display:none}.journal-layout{flex-direction:column;margin-top:40px}.journal-sidebar{flex:none;width:100%;min-height:0}.sidebar-tab,.visitors{display:none}.journal-intro{width:auto;max-width:520px}.journal-main{width:100%;margin-top:24px}.filter-chips{margin-left:0}.journal-card{width:100%;min-height:0;margin-left:0;padding:40px 24px 80px}.type-tabs{flex-direction:row;margin:0 0 12px;position:static}.type-tab{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);width:100px;height:24px}.type-tab span{writing-mode:horizontal-tb}.journal-sheet,.journal-clip{display:none}}@media (width<=640px){.journal-intro{margin:20px}.journal-card{padding:24px 12px 48px}.log-title{font-size:16px}.type-tabs{gap:8px;width:100%}.type-tab{flex:1 1 0;width:auto;min-width:0}}.vc-modal{justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;z-index:200000!important}.vc-modal[hidden]{display:none}.vc-scrim{cursor:default;background:#000000d9;border:0;padding:0;animation:.35s forwards vcScrimFade;position:absolute;inset:0}@keyframes vcScrimFade{0%{opacity:0}to{opacity:1}}.vc-card{box-sizing:border-box;background:var(--style-yellow2);border:1px solid var(--outline);transform-origin:0 100%;flex-direction:column;gap:22px;width:328px;max-width:100%;max-height:calc(100vh - 48px);padding:12px 12px 32px;animation:.5s cubic-bezier(.16,1,.3,1) forwards vcCardPocketOut;display:flex;position:relative}@keyframes vcCardPocketOut{0%{opacity:0;transform:translate(-180px,140px)scale(.45)rotate(-6deg)}70%{opacity:1;transform:translateY(-8px)scale(1.02)rotate(0)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}.vc-card-head{font-family:var(--sans);letter-spacing:.32px;text-transform:uppercase;color:var(--text-secondary,#454545);justify-content:space-between;align-items:center;font-size:8px;font-weight:600;display:flex}.vc-card .vc-table{flex-direction:column;gap:16px;min-height:0;display:flex}.vc-colhead{border-top:.5px solid var(--border-default,#0b0b0b);border-bottom:.5px solid var(--border-default,#0b0b0b);font-family:var(--mono);color:var(--text-secondary,#454545);text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 0 5px;font-size:12px;font-weight:400;line-height:normal;display:flex}.vc-entries{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.vc-entry{font-family:var(--mono);color:var(--text-secondary,#454545);justify-content:space-between;align-items:center;gap:12px;padding-bottom:5px;font-size:12px;font-weight:400;line-height:normal;display:flex;position:relative}.vc-entry:after{content:"";background:repeating-linear-gradient(to right, var(--text-secondary,#454545) 0 1px, transparent 1px 5px);height:1px;position:absolute;bottom:0;left:0;right:0}.vc-entry .vc-date{color:var(--text-secondary,#454545);flex:none}.vc-entry .vc-name{text-align:right;color:var(--text-secondary,#454545)}.vc-input{text-align:right;min-width:0;font-family:var(--mono);color:var(--text-primary,#0b0b0b);background:0 0;border:0;outline:none;flex:auto;font-size:12px;font-weight:400}.vc-input::placeholder{color:var(--style-red1,red);opacity:1}.vc-status{font-family:var(--mono);color:var(--text-tertiary,#777);margin:0;font-size:10px;line-height:1.4}.vc-status[data-state=error]{color:var(--style-red1,red)}.vc-status[data-state=success]{color:var(--green,#209600)}body.journal-page .top-actions .btn.is-search-active{background:var(--accent);border-color:var(--accent);color:var(--border-default)}.search-overlay{position:fixed;inset:0;z-index:100000!important}.search-overlay[hidden]{display:none}.search-scrim{cursor:default;background:#0009;border:0;padding:0;position:absolute;inset:0}.search-band{left:0;right:0;top:var(--search-top,56px);background:var(--button-bg);padding:20px;position:absolute}.search-inner{flex-direction:column;gap:6px;max-width:1400px;margin:0 auto;display:flex}.search-input{width:100%;font-family:var(--mono);text-transform:uppercase;color:var(--text-inverse);caret-color:var(--accent);background:0 0;border:0;outline:none;font-size:36px;line-height:1.2}.search-input::placeholder{color:var(--text-tertiary);opacity:1}.search-underline{background:repeating-linear-gradient(to right, var(--outline) 0 1px, transparent 1px 6px);height:1px}.search-results{flex-direction:column;max-height:46vh;margin-top:16px;display:flex;overflow-y:auto}.search-results:empty{display:none}.search-result{border-top:1px solid #2a2a2a;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;text-decoration:none;display:flex}.search-result:first-child{border-top:0}.search-result .sr-title{font-family:var(--sans);color:var(--text-inverse);font-size:16px}.search-result .sr-meta{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary);flex:none;font-size:10px}.search-result:hover .sr-title{color:var(--accent)}.search-noresults{font-family:var(--mono);text-transform:uppercase;color:var(--text-tertiary);margin-top:16px;font-size:12px}@media (width<=640px){.search-input{font-size:24px}.vc-card-head{font-size:7px}}