.lodnor-note-pin{box-sizing:border-box;min-width:26px;height:26px;padding:0 var(--space-3);color:var(--graphite-9);font:var(--weight-semibold) var(--size-12) / 1 var(--type-core);font-variant-numeric:var(--numeric);background:var(--glow-4);border-radius:var(--radius-full) var(--radius-full) var(--radius-full) var(--space-2);box-shadow:var(--shadow-raised);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.lodnor-note-pin[data-size=sm]{min-width:var(--space-8);height:var(--space-8)}.lodnor-note-pin[data-tone=done]{color:var(--text-display);background:var(--surface-sunk);box-shadow:none}.lodnor-note-pin[data-tone=ghost]{opacity:.6;pointer-events:none}.lodnor-note-pin[data-placed]{animation:lodnor-pop-in var(--dur-pop) ease-out both;position:absolute;translate:-50% -100%}button.lodnor-note-pin{cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}button.lodnor-note-pin:before{content:"";border-radius:var(--radius-full);position:absolute;inset:-9px}button.lodnor-note-pin:hover,button.lodnor-note-pin[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-card), var(--shadow-float)}button.lodnor-note-pin:focus-visible{outline:var(--ring-focus-outline);outline-offset:var(--ring-focus-offset)}
.lodnor-meter{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.lodnor-meter__head{justify-content:space-between;gap:var(--space-5);font:var(--weight-regular) var(--size-15) / 1.4 var(--type-core);color:var(--text-body);display:flex}.lodnor-meter__value{color:var(--text-display);font-weight:var(--weight-semibold);font-variant-numeric:var(--numeric);white-space:nowrap}.lodnor-meter__track{background:var(--surface-sunk);border-radius:var(--radius-full);height:6px;display:block;overflow:hidden}.lodnor-meter[data-size=thin] .lodnor-meter__track{height:var(--space-2)}.lodnor-meter__fill{height:100%;background:var(--line-ink);border-radius:var(--radius-full);max-inline-size:100%;transition:inline-size .8s var(--ease-settle);display:block}.lodnor-meter[data-tone=accent] .lodnor-meter__fill{background:var(--action-accent)}@media (forced-colors:active){.lodnor-meter__track{border:1px solid canvastext}.lodnor-meter__fill{background:canvastext}}
.lodnor-avatar{box-sizing:border-box;width:44px;height:44px;color:var(--text-display);font:var(--weight-semibold) var(--size-13) / 1 var(--type-core);letter-spacing:var(--tracking-normal);background:var(--surface-sunk);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.lodnor-avatar[data-size="32"]{width:32px;height:32px;font-size:var(--size-12)}.lodnor-avatar[data-size="40"]{width:40px;height:40px}.lodnor-avatar[data-size="80"]{width:80px;height:80px;font:var(--weight-regular) var(--size-32) / 1 var(--type-display)}.lodnor-avatar[data-ring=true]{box-shadow:inset 0 0 0 var(--stroke-heavy) var(--line-ink)}.lodnor-avatar__photo{object-fit:cover;width:100%;height:100%}
.lodnor-upvote{align-items:center;gap:var(--space-3);min-width:var(--touch-min);min-height:var(--control-h);padding:0 var(--space-5);color:var(--text-display);font:var(--weight-semibold) var(--size-14) / 1 var(--type-core);font-variant-numeric:var(--numeric);background:var(--surface-card);border:var(--stroke-thin) solid var(--line-rule);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-control);flex:none;display:inline-flex}.lodnor-upvote[data-size=sm]{min-height:var(--control-h-sm);font-size:var(--size-13);position:relative}.lodnor-upvote[data-size=sm]:before{content:"";inset:calc((var(--control-h-sm) - var(--touch-min)) / 2) 0;position:absolute}.lodnor-upvote:hover{border-color:var(--line-strong)}.lodnor-upvote[aria-pressed=true]{color:var(--lodnor-on-solid);background:var(--action-solid);border-color:var(--action-solid)}.lodnor-upvote[aria-pressed=true] .lodnor-upvote__icon{transform:translateY(-1px)}.lodnor-upvote__icon{transition:transform var(--dur-base) var(--ease-draw)}.lodnor-upvote:focus-visible{outline:var(--ring-focus-outline);outline-offset:var(--ring-focus-offset)}
.lodnor-timeline{margin:0;padding:0;list-style:none;position:relative}.lodnor-timeline__item{grid-template-columns:var(--space-7) minmax(0, 1fr);gap:var(--space-5);display:grid}.lodnor-timeline__spine{flex-direction:column;align-items:center;display:flex}.lodnor-timeline__dot{box-sizing:border-box;background:var(--surface-card);border:var(--stroke-heavy) solid var(--line-ink);border-radius:var(--radius-full);width:11px;height:11px;margin-top:18px}.lodnor-timeline__item[data-current=true] .lodnor-timeline__dot{background:var(--line-ink)}.lodnor-timeline__line{width:var(--stroke-hair);background:var(--line-rule);flex:1}.lodnor-timeline__item:last-child .lodnor-timeline__line{background:linear-gradient(var(--line-rule), transparent)}.lodnor-timeline__row{gap:var(--space-5);width:100%;margin:0 0 var(--space-3);color:inherit;font:inherit;text-align:start;border-radius:var(--radius-2);transition:background-color var(--dur-base) var(--ease-standard);background:0 0;border:0;grid-template-columns:84px minmax(0,1fr);padding:10px;text-decoration:none;display:grid}.lodnor-timeline__row:not(:has(.lodnor-timeline__thumb)){grid-template-columns:minmax(0,1fr)}.lodnor-timeline__item[data-current=true] .lodnor-timeline__row{background:var(--surface-card)}a.lodnor-timeline__row,button.lodnor-timeline__row{cursor:pointer}a.lodnor-timeline__row:hover,button.lodnor-timeline__row:hover:not(:disabled){background:var(--action-quiet-hover)}a.lodnor-timeline__row:focus-visible,button.lodnor-timeline__row:focus-visible{outline:var(--ring-focus-outline);outline-offset:0}button.lodnor-timeline__row:disabled{cursor:not-allowed;opacity:.6}.lodnor-timeline__thumb{background:var(--vellum-1) center / cover no-repeat;border:var(--stroke-hair) solid var(--line-hair);border-radius:6px;width:84px;height:58px}.lodnor-timeline__text{flex-direction:column;gap:3px;min-width:0;display:flex}.lodnor-timeline__title{color:var(--text-display);font:var(--weight-semibold) var(--size-14) / 1.3 var(--type-core)}.lodnor-timeline__when{color:var(--text-secondary);font-weight:var(--weight-regular)}.lodnor-timeline__caption{color:var(--text-secondary);font:var(--weight-regular) var(--size-13) / 1.4 var(--type-core)}.lodnor-timeline__quote{color:var(--text-body);font:var(--weight-regular) var(--size-15) / 1.35 var(--type-display)}