.notes-explorer,.note-detail{--note-accent:#f34a22}.notes-explorer a,.note-detail a{color:inherit}.notes-explorer :is(a,button,[tabindex]):focus-visible,.note-detail a:focus-visible{outline:2px solid var(--note-accent);outline-offset:5px}.notes-index-page{overflow:hidden}.notes-explorer{grid-template-rows:minmax(0,1fr);grid-template-columns:48% 52%;height:calc(100dvh - 80px);display:grid}.note-timeline{min-width:0;min-height:0;position:relative}.note-timeline-heading{z-index:4;background:var(--background);pointer-events:none;padding:20px 32px;position:absolute;top:0;left:0;right:0}.note-timeline-heading h1{letter-spacing:.05em;font-size:13px}.note-timeline-heading p,.note-timeline-heading h1 span{color:var(--muted-foreground);font-size:12px}.note-timeline-heading p{margin-top:5px}.note-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior:contain;height:100%;overflow:auto}.note-entries{margin:0;padding:max(0px,50dvh - 150px) 0;list-style:none}.note-entry{align-items:center;height:220px;display:flex;position:relative}.note-entry-photo{z-index:2;margin-left:var(--x);width:var(--w);opacity:.45;transition:opacity .26s,transform .4s;position:relative;transform:scale(.86)}.note-entry.is-selected .note-entry-photo,.note-entry-photo:focus-within,.note-entry-photo:hover{opacity:1;transform:scale(1)}.note-cover{min-width:0;margin:0}.note-photo-link,.note-image-frame{display:block}.note-image-frame{aspect-ratio:1.55;background:var(--secondary);width:100%;position:relative;overflow:hidden}.note-image-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s;display:block}.note-image-frame img.is-ready{opacity:1}.note-image-placeholder{color:var(--muted-foreground);place-items:center;padding:8px;font-size:11px;display:grid;position:absolute;inset:0}.note-credit{color:var(--muted-foreground);margin-top:6px;font-size:10px;line-height:1.5}.note-credit a{text-underline-offset:2px;text-decoration:underline}.note-entry-caption{color:var(--muted-foreground);opacity:0;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;line-height:1.5;display:block;overflow:hidden}.note-entry.is-selected .note-entry-caption,.note-entry-photo:focus-within .note-entry-caption{opacity:1}.note-selection-line{background:var(--border);pointer-events:none;z-index:1;height:1px;position:absolute;top:50%;left:32px;right:24px}.note-selection-line span{background:var(--foreground);transform-origin:0;height:1px;display:block;transform:scaleX(0)}.note-selected-label{z-index:3;text-align:right;pointer-events:none;width:38%;position:absolute;top:50%;right:24px}.note-selected-label a{letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere;pointer-events:auto;max-width:100%;font-size:clamp(23px,2.5vw,38px);line-height:1.22;position:absolute;bottom:24px;right:0}.note-selected-label time{color:var(--muted-foreground);font-size:13px;position:absolute;top:18px;right:0}.note-timeline-footer{z-index:4;height:44px;color:var(--muted-foreground);background:var(--background);justify-content:space-between;align-items:center;padding:0 26px 0 32px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.note-timeline-footer span:first-child{color:var(--foreground);font-variant-numeric:tabular-nums}.note-timeline-footer button{cursor:pointer;padding:8px;text-decoration:underline}.note-preview{flex-direction:column;min-width:0;height:100%;padding:26px 32px 24px 36px;display:flex;overflow:hidden}.note-preview-meta{color:var(--muted-foreground);letter-spacing:.025em;justify-content:space-between;gap:12px;font-size:11px;display:flex}.note-preview h2{letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere;flex-shrink:0;max-height:3.7em;margin:22px 0 28px;font-size:clamp(28px,3.1vw,48px);font-weight:450;line-height:1.23;overflow:hidden}.note-preview>.note-cover{flex-direction:column;flex:1;min-height:0;max-height:calc(56dvh + 24px);display:flex}.note-preview .note-photo-link{flex:1;min-height:0;display:block}.note-preview .note-image-frame{height:100%;max-height:56dvh}.note-preview .note-credit{flex-shrink:0}.note-read{border-bottom:1px solid var(--muted-foreground);flex-shrink:0;align-self:flex-start;margin-top:16px;padding-bottom:5px;font-size:13px}.note-read span{margin-left:24px}.note-excerpt{word-break:keep-all;overflow-wrap:anywhere;flex-shrink:0;max-height:min(135px,18dvh);font-size:16px;line-height:1.8;position:relative;overflow:hidden}.note-excerpt:after{content:"";background:linear-gradient(transparent, var(--background));pointer-events:none;position:absolute;inset:60% 0 0}.note-excerpt p{margin:18px 0 0}.notes-explorer[data-empty=true] .note-scroll{place-items:center;padding:120px 32px 64px;display:grid}.notes-empty{width:min(100%,350px)}.empty-note-art{aspect-ratio:320/220;color:var(--foreground);position:relative}.empty-note-art--mark{width:112px;margin:0 0 24px -10px}.empty-note-art--preview{width:min(100%,250px)}.empty-note-art-fallback,.empty-note-art-player{width:100%;height:100%;position:absolute;inset:0}.empty-note-art-player{opacity:0}.empty-note-art[data-ready=true] .empty-note-art-player{opacity:1}.empty-note-art[data-ready=true] .empty-note-art-fallback{opacity:0}.dark .empty-note-art-player svg{filter:invert()hue-rotate(180deg)}.note-empty-kicker{color:var(--muted-foreground);letter-spacing:.06em;font-size:11px}.notes-empty h2{letter-spacing:-.045em;word-break:keep-all;margin:14px 0 16px;font-size:clamp(24px,2.2vw,32px);line-height:1.4}.notes-empty>p:last-of-type,.note-preview-empty-content>p{color:var(--muted-foreground);word-break:keep-all;font-size:14px;line-height:1.9}.notes-empty .note-read{margin-top:32px;display:inline-block}.note-preview-empty{border-left:1px solid var(--border);overflow-y:auto}.note-preview-empty-content{width:min(100%,420px);margin:auto;padding:48px 0}.note-preview-empty-paper{aspect-ratio:1.8;border:1px solid var(--border);background:var(--secondary);justify-content:center;align-items:center;padding:16px;display:flex}.note-preview-empty-content h2{max-height:none;margin:28px 0 16px;font-size:clamp(24px,2.2vw,32px)}.note-detail{max-width:1440px;margin:auto;padding:36px 48px 100px}.note-back{color:var(--muted-foreground);text-underline-offset:5px;font-size:14px;text-decoration:underline}.note-detail-intro{margin:70px 0 56px}.note-detail-intro time{color:var(--muted-foreground);font-size:13px}.note-detail-intro h1{letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere;max-width:1100px;margin:22px 0 0;font-size:clamp(40px,5vw,76px);font-weight:450;line-height:1.2}.note-detail>article>.note-cover .note-image-frame{aspect-ratio:2;max-height:620px}.note-body{word-break:keep-all;overflow-wrap:anywhere;max-width:690px;margin:70px auto;font-size:15px;line-height:1.95}.note-body p,.note-body ul,.note-body ol,.note-body pre,.note-body blockquote{margin:0 0 28px}.note-body h2{margin:52px 0 24px;font-size:28px;line-height:1.4}.note-body h3{margin:32px 0 20px;font-size:23px}.note-body hr{background:linear-gradient(to right, transparent, color-mix(in oklab, var(--foreground) 24%, transparent) 50%, transparent);border:0;height:1px;margin:48px 0}.note-body :is(ul,ol){padding-left:24px}.note-body ul{list-style:outside}.note-body ol{list-style:decimal}.note-body a{text-underline-offset:4px;text-decoration:underline}.note-body blockquote{border-left:2px solid var(--border);color:var(--muted-foreground);padding-left:24px}.note-body pre{padding:18px;font-size:14px;overflow-x:auto}.note-body :not(pre)>code{background:var(--secondary);padding:2px 5px;font-size:.85em}.note-body table{border-collapse:collapse;display:block;overflow:auto}.note-body :is(th,td){border:1px solid var(--border);padding:8px 12px}@media (prefers-reduced-motion:reduce){.notes-explorer *,.note-detail *{scroll-behavior:auto!important;transition:none!important}}@media (width<=760px){.notes-index-page{overflow:auto}.notes-explorer{height:auto;display:block}.notes-explorer[data-empty=true] .note-scroll{min-height:calc(100dvh - 160px);padding:48px 24px 80px}.note-timeline-heading{height:80px;padding:20px;position:relative}.note-scroll{height:auto;overflow:visible}.note-entries{padding:max(0px,50dvh - 270px) 0 max(120px,50dvh - 110px)}.note-entry-photo{margin-left:var(--mobile-x);width:var(--mobile-w)}.note-selection-line{position:fixed;top:50dvh;left:20px;right:20px}.note-selected-label{width:auto;padding:17px 20px max(22px, env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--border);text-align:left;pointer-events:auto;z-index:5;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;inset:auto 0 0}.note-selected-label a{max-width:100%;font-size:20px;line-height:1.3;position:static}.note-selected-label time{font-size:11px;position:static}.note-timeline-footer{height:64px;margin-bottom:130px;padding:0 20px;position:relative}.note-preview{display:none}.note-detail{padding:26px 20px 60px}.note-detail-intro{margin:48px 0 32px}.note-detail>article>.note-cover .note-image-frame{aspect-ratio:1.55}.note-body{margin:40px auto}.note-body h2{font-size:24px}}@media (width>=761px) and (height<=650px){.note-preview h2{max-height:2.5em;margin:12px 0;font-size:28px}.note-excerpt{max-height:70px;font-size:14px}.note-preview{padding-top:18px;padding-bottom:12px}}