@import "https://cdn.jsdelivr.net/npm/gen-interface-jp@0.8.0/cdn/all.css";:root{color-scheme:dark;--page-background:#0d0a0c;--ink:#f7f1f4;--muted-ink:#b5a8ae;--line:#30262c;--accent:#ff4fa3;--accent-hover:#ff78b8;--subtle-ink:#786d73;--date-ink:#786d73;--available-date:#b5a8ae;--dot:#ff4fa3;--card-background:#181216;--card-border:#30262c;--card-shadow:#00000047;--card-content:#f7f1f4;--blockquote-border:#30262c;--disabled-ink:#786d73;font-kerning:normal;font-synthesis:none;text-rendering:optimizelegibility;font-family:Gen Interface JP,sans-serif}:root[data-theme=light]{color-scheme:light;--page-background:#fffafb;--ink:#191316;--muted-ink:#6e6268;--line:#f0dce5;--accent:#f04491;--accent-hover:#d92d72;--subtle-ink:#95888e;--date-ink:#95888e;--available-date:#6e6268;--dot:#f04491;--card-background:#fff0f6;--card-border:#f0dce5;--card-shadow:#461c3014;--card-content:#191316;--blockquote-border:#f0dce5;--disabled-ink:#95888e}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--page-background);color:var(--ink);font-size:15px;font-weight:400;line-height:1.65;overflow:hidden}button,a{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-shell{max-width:860px;margin:0 auto;padding:0 40px}header{justify-content:space-between;align-items:baseline;padding:24px 0 16px;display:flex}.site-title{color:var(--ink);font-size:16px;font-weight:700;text-decoration:none}.theme-toggle{color:var(--subtle-ink);cursor:pointer;background:0 0;border:0;padding:6px;font-size:18px;line-height:1;transition:color .2s}.theme-toggle:hover{color:var(--accent-hover)}main{flex-direction:column;align-items:center;padding:48px 0 88px;display:flex}.date-navigator{justify-content:center;align-items:center;gap:12px;width:min(760px,100% - 120px);padding-top:28px;display:flex;position:relative}.year{color:var(--subtle-ink);font-size:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.date-track{flex:1;height:36px;display:block;position:relative;overflow:hidden}.date-button{color:var(--date-ink);cursor:pointer;font:inherit;transform:translateX(calc(-50% + var(--position,0px)));white-space:nowrap;background:0 0;border:0;padding:8px 3px 10px;font-size:12px;transition:color .25s,opacity .25s,transform .34s;position:absolute;left:50%}.date-button:disabled{cursor:not-allowed}.date-button.available{color:var(--available-date)}.date-button.selected{color:var(--ink);font-weight:700}.date-button i{background:var(--dot);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.date-button.selected i{background:var(--ink);width:5px;height:5px}.card-stage{justify-content:center;align-items:flex-start;width:100%;height:clamp(400px,100svh - 250px,1000px);min-height:0;margin:32px 0 0;display:flex;position:relative;overflow:hidden}.card-wrapper{width:min(760px,100% - 120px);height:100%;transition:opacity .34s,transform .34s;position:absolute;top:0;left:50%}.diary-card{background:var(--card-background);border:1px solid var(--card-border);box-shadow:0 6px 18px var(--card-shadow);border-radius:4px;flex-direction:column;width:min(100%,760px);height:100%;padding:clamp(28px,4vw,52px);display:flex}.diary-card time{color:var(--muted-ink);margin-bottom:22px;font-size:13px;display:block}.diary-card .content{color:var(--card-content);min-height:0;font-size:15px;line-height:2.15;overflow-y:auto}.content p{margin:0}.content p+p{margin-top:1.25em}.content img{object-fit:contain;border-radius:3px;max-width:100%;height:auto;margin:1.5rem 0;display:block}.content a{color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em}.content blockquote{border-left:2px solid var(--blockquote-border);color:var(--subtle-ink);margin:1.5rem 0;padding-left:1rem}.content ul,.content ol{padding-left:1.5rem}.card-prev{opacity:.26;transform:translate(calc(-50% - min(38vw,470px)))scale(.9)}.card-active{opacity:1;z-index:2;transform:translate(-50%)scale(1)}.card-next{opacity:.26;transform:translate(calc(-50% + min(38vw,470px)))scale(.9)}.card-away{opacity:0;pointer-events:none}.card-away:not(.card-prev):not(.card-next){transform:translate(-50%)scale(.86)}.card-arrow{color:var(--subtle-ink);cursor:pointer;font:inherit;z-index:3;background:0 0;border:0;padding:14px;font-size:18px;transition:color .2s,opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.card-arrow:hover:not(:disabled){color:var(--ink)}.card-arrow:disabled{color:var(--disabled-ink);cursor:not-allowed}.card-arrow-prev{left:0}.card-arrow-next{right:0}@media (width<=600px){.site-shell{padding:0 24px}main{padding:40px 0 64px}.date-navigator{gap:6px;width:calc(100% - 48px)}.date-track{height:34px}.date-button{padding-left:0;padding-right:0;font-size:10px}.card-stage{height:clamp(400px,100svh - 190px,560px)}.card-wrapper{width:calc(100% - 44px)}.card-prev,.card-next{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.card-wrapper{transition:none}}