:root{--log-note-0:#fff59d;--log-note-1:#ffcc80;--log-note-2:#b3e5fc;--log-note-3:#c5e1a5;--log-note-4:#f8bbd0;--log-note-ink:#2b2b2b;--log-gold:#d4a300;--log-margin:#f0a3a3;--log-circle:#d33;--log-line:#c9dcef;--log-page:#fffdf6}:root[data-theme=dark]{--log-note-0:#cbbd6a;--log-note-1:#c99a5e;--log-note-2:#7f9aa6;--log-note-3:#8fa476;--log-note-4:#b38a95;--log-note-ink:#1d1813;--log-gold:#eaa25a;--log-margin:#7a3f33;--log-circle:#e0704f;--log-line:#2c251d;--log-page:#1d1813}.log-night,:root[data-theme=dark] .log-day{display:none}:root[data-theme=dark] .log-night{display:block}.log-wall{grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;display:grid}.log-weekday{font-family:var(--font-hand);text-align:center;color:var(--ink-faint);font-size:1.1rem}.log-note,.log-empty{aspect-ratio:1;font-family:var(--font-hand);text-align:left;padding:.3rem .45rem;line-height:1.05;overflow:hidden}.log-empty{border:2px dashed var(--rule);color:var(--ink-faint);opacity:.6;border-radius:3px}.log-note{color:var(--log-note-ink);cursor:pointer;transition:rotate .15s,scale .15s;position:relative;box-shadow:0 3px 6px #00000038}.log-note:hover,.log-note:focus-visible{z-index:1;scale:1.1;rotate:none!important}.log-note:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.log-note b{font-size:1.15rem;display:block}.log-note-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.log-note-0{background:var(--log-note-0)}.log-note-1{background:var(--log-note-1)}.log-note-2{background:var(--log-note-2)}.log-note-3{background:var(--log-note-3)}.log-note-4{background:var(--log-note-4)}.log-note.is-achievement{outline:3px solid var(--log-gold)}.log-note.is-achievement:after{content:"★";color:var(--log-gold);font-size:1.4rem;position:absolute;bottom:0;right:.25rem}@media (max-width:639px){.log-wall{gap:.35rem}.log-note-title{display:none}.log-note b{font-size:1rem}}.log-page{background-color:var(--log-page);background-image:linear-gradient(transparent 31px, var(--log-line) 32px);border:1px solid var(--rule);background-size:100% 32px;background-attachment:local;max-height:34rem;padding:.75rem 1rem .75rem 0;overflow-y:auto}.log-week{height:32px;line-height:40px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding-left:7.5rem;font-size:.7rem}.log-row{text-align:left;width:100%;height:32px;font-family:var(--font-hand);grid-template-columns:6.5rem 1fr;align-items:center;display:grid}button.log-row{cursor:pointer}.log-date{text-align:right;height:32px;color:var(--ink-soft);border-right:2px solid var(--log-margin);padding-right:.8rem;font-size:1.15rem;line-height:32px;position:relative}.log-text{color:var(--pen);white-space:nowrap;text-overflow:ellipsis;padding-left:1rem;font-size:1.35rem;overflow:hidden}button.log-row:hover .log-text,button.log-row:focus-visible .log-text{text-underline-offset:.2em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.log-row.is-rest .log-text{color:var(--ink-faint);font-size:1.1rem}.log-row.is-achievement .log-date:before{content:"";border:2.5px solid var(--log-circle);border-radius:50%;width:4.6rem;height:28px;position:absolute;top:2px;right:.35rem;rotate:-6deg}.log-row.is-achievement .log-text:after{content:" ★";color:var(--log-circle)}@media (max-width:639px){.log-row{grid-template-columns:5.25rem 1fr}.log-week{padding-left:6.25rem}.log-row.is-achievement .log-date:before{width:4rem}}.log-dialog{width:min(28rem,100% - 2rem);color:var(--ink);margin:auto}.log-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11131673}.log-pinned{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:78%;grid-auto-flow:column;gap:1.25rem;margin-inline:-.5rem;padding:1rem .5rem 1.5rem;display:grid;overflow-x:auto}.log-pinned li{scroll-snap-align:center}@media (min-width:640px){.log-pinned{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:1.5rem;overflow:visible}}.log-pinned li:first-child .log-pin{rotate:-2deg}.log-pinned li:nth-child(2) .log-pin{rotate:1.5deg}.log-pinned li:nth-child(3) .log-pin{rotate:-1deg}.log-pin{height:100%;min-height:12rem;color:var(--log-note-ink);flex-direction:column;gap:.35rem;padding:1.6rem 1.1rem 1.1rem;transition:rotate .2s,translate .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000001f,0 12px 20px -10px #0006}.log-pin:hover,.log-pin:focus-visible{translate:0 -4px;rotate:none!important}.log-pin:before{content:"";background:#ffffff73;width:5rem;height:1.4rem;position:absolute;top:-.7rem;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #0000001a}.log-pin-title{font-family:var(--font-display);font-size:1.2rem;line-height:1.25}.log-pin-badge{font-family:var(--font-mono);border:1.5px solid;border-radius:2px;align-self:flex-start;padding:.05rem .4rem;font-size:.75rem}.log-pin-note{white-space:pre-line;-webkit-line-clamp:4;font-family:var(--font-hand);-webkit-box-orient:vertical;font-size:1.25rem;line-height:1.2;display:-webkit-box;overflow:hidden}.log-pin.is-achievement{outline:3px solid var(--log-gold)}.log-pin.is-achievement:after{content:"★";color:var(--log-gold);font-size:1.6rem;position:absolute;top:.4rem;right:.6rem}.btn:disabled{opacity:.35;pointer-events:none}