.sui-ji-count{color:var(--muted);margin-left:.5rem}.timeline{grid-template-columns:1fr 1fr;gap:1rem 3rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.timeline-day{width:fit-content;font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);background:var(--code-bg);border:1px solid var(--line);opacity:0;border-radius:2px;grid-column:1/-1;place-self:start center;margin:1.25rem 0 0;padding:.15rem .7rem;font-size:.75rem;transition:opacity .4s,transform .4s;transform:translateY(8px)}.timeline-day:first-child{margin-top:.35rem}.timeline-day.is-in{opacity:1;transform:none}.note{border:1px solid color-mix(in srgb, var(--tone,transparent) 25%, var(--line));background:color-mix(in srgb, var(--tone,transparent) 5%, var(--paper));opacity:0;width:fit-content;max-width:100%;transform:rotate(var(--tilt,0deg)) translateY(10px);border-radius:3px;grid-template-columns:auto 1fr;align-self:start;align-items:start;column-gap:.85rem;margin:0;padding:.85rem 1.05rem .75rem;transition:transform .4s,opacity .4s,box-shadow .2s;display:grid;position:relative;box-shadow:0 1px 2px #0000000d,0 4px 14px #0000000d}.note--green{--tone:#6a9955}.note--blue{--tone:#5b8db8}.note--brown{--tone:#b08968}.note--red{--tone:#c25e5e}.note--yellow{--tone:#c9a227}.note.is-in{opacity:1;transform:rotate(var(--tilt,0deg))}.note:hover{transition-duration:.18s;transform:rotate(0)translateY(-3px);box-shadow:0 2px 4px #00000012,0 12px 28px #00000017}html[data-theme$=-dark] .note{background:color-mix(in srgb, var(--tone,transparent) 12%, var(--paper));box-shadow:0 1px 2px #00000073,0 8px 22px #00000059}html[data-theme$=-dark] .note:hover{box-shadow:0 2px 4px #00000080,0 14px 32px #00000073}.note:before{content:"";background:color-mix(in srgb, var(--tone,transparent) 55%, transparent);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.note--left{grid-column:1;justify-self:end}.note--right{grid-column:2;justify-self:start}.note:after{content:"";background:var(--line);width:1.5rem;height:1px;position:absolute;top:50%;right:-1.5rem}.note--right:after{left:-1.5rem;right:auto}.note__emoji{font-size:1.7rem;line-height:1.25}.note__emoji:empty{display:none}.note__emoji img{width:1.7rem;height:1.7rem}.note__text{font-family:var(--font-serif);min-width:0;font-size:1.05rem;line-height:1.8}.note__text p{margin:0}.note__text img{vertical-align:-.2em;height:1.15em}.note__time{text-align:right;font-family:var(--font-mono);color:var(--muted);grid-column:2;margin-top:.35rem;font-size:.72rem}.note__author{color:var(--accent)}.timeline-empty{font-family:var(--font-serif);color:var(--muted);grid-column:1/-1;justify-self:center;padding:.75rem 0}@media (width<=640px){.timeline{grid-template-columns:1fr;column-gap:0;padding-left:1.75rem}.timeline:before{left:0}.timeline-day,.note--left,.note--right{grid-column:1;justify-self:start}.note:after,.note--right:after{width:1.75rem;left:-1.75rem;right:auto}}.timeline-fallback{color:var(--muted)}.timeline-foot{justify-content:center;margin:1.5rem 0 0;display:flex}.load-more{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:2px;padding:.5rem 1.4rem;font-size:.8rem}.load-more:hover{border-color:var(--accent);color:var(--accent)}.load-more:disabled{opacity:.5;cursor:default}.write-entry{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.25rem}.write-entry summary{cursor:pointer;font-family:var(--font-mono);color:var(--muted);user-select:none;font-size:.85rem;list-style:none}.write-entry summary::-webkit-details-marker{display:none}.write-entry summary:before{content:"✎ ";color:var(--accent)}.write-entry summary:after{content:"▾";margin-left:.45rem;font-size:.7rem;transition:transform .3s;display:inline-block}.write-entry[open] summary{color:var(--ink);margin-bottom:.9rem}.write-entry[open] summary:after{transform:rotate(180deg)}.write-entry__hint{opacity:.75;margin-left:.6rem;font-size:.75rem}.write-entry__body{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.write-entry[open] .write-entry__body{grid-template-rows:1fr}.write-entry__inner{min-height:0;overflow:hidden}.write-entry__manage{color:var(--muted);margin-top:.75rem;font-size:.8rem}#waline .wl-cards{display:none}@media (prefers-reduced-motion:reduce){.note,.timeline-day{opacity:1;transform:rotate(var(--tilt,0deg));transition:none}.timeline-day{transform:none}.write-entry__body{transition:none}}