/* finesse · component: worklog-story · register=brand · tokens: inherited AENV */
.worklog-story { --worklog-ink:var(--aenv-foreground); --worklog-muted:color-mix(in srgb,var(--aenv-foreground) 67%,var(--aenv-background)); --worklog-line:color-mix(in srgb,var(--aenv-foreground) 15%,transparent); --worklog-ease:cubic-bezier(.23,1,.32,1); }
.worklog-story__stage { position:relative; padding:2.5rem; border-block:1px solid var(--worklog-line); color:var(--worklog-ink); }
.worklog-story__topline { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin-bottom:2rem; font-size:.75rem; color:var(--worklog-muted); }
.worklog-story__topline span:first-child { color:var(--aenv-violet-soft); }
.worklog-story__beat { margin:0 0 2.25rem; font-size:clamp(1.6rem,3vw,2.5rem); font-weight:500; line-height:1.25; letter-spacing:-.045em; }
.worklog-story__scene { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:4rem; min-height:40rem; }
.worklog-story__calendar { width:min(100%,20rem); justify-self:center; position:relative; transform-origin:center; z-index:2; }
.worklog-story__weeks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5rem; margin:0 0 .65rem; font-family:var(--font-mono,monospace); color:var(--worklog-muted); font-size:.625rem; text-align:center; }
.worklog-story__grid { display:grid; grid-template-rows:repeat(7,1fr); grid-auto-flow:column; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5rem; position:relative; }
.worklog-story__day { position:relative; isolation:isolate; width:100%; min-width:0; aspect-ratio:1; min-height:44px; padding:0; display:grid; place-items:center; border:1px solid var(--worklog-line); border-radius:.35rem; color:var(--worklog-ink); background:color-mix(in srgb,var(--aenv-foreground) 5%,var(--aenv-background)); font:400 .75rem/1 var(--font-mono,monospace); cursor:pointer; }
.worklog-story__day > i { position:absolute; inset:0; z-index:-1; border-radius:inherit; background:color-mix(in srgb,var(--aenv-violet-soft) calc(var(--heat) * 100%),var(--aenv-background)); transform-origin:center bottom; }
.worklog-story__day[data-selected] { outline:2px solid var(--aenv-cyan-soft); outline-offset:3px; z-index:3; box-shadow:0 0 0 .35rem var(--aenv-background),0 12px 32px color-mix(in srgb,var(--aenv-background) 80%,transparent); }
.worklog-story__day:focus-visible { outline:3px solid var(--aenv-cyan-soft); outline-offset:3px; z-index:2; }
.worklog-story__day:active { background:var(--aenv-violet); }
.worklog-story__day:disabled { cursor:default; }
.worklog-story__legend { display:flex; justify-content:space-between; align-items:center; gap:.75rem; margin-top:1rem; color:var(--worklog-muted); font-size:.625rem; line-height:1.6; }
.worklog-story__legend-scale { display:flex; gap:.25rem; align-items:center; white-space:nowrap; }
.worklog-story__legend-scale i { display:block; width:.45rem; height:.45rem; border-radius:1px; background:var(--aenv-violet-soft); }
.worklog-story__readout { min-width:0; display:grid; gap:2rem; position:relative; z-index:1; }
.worklog-story__daily { min-width:0; transform-origin:left center; }
.worklog-story__date { margin:0; color:var(--worklog-muted); font-family:var(--font-mono,monospace); font-size:.75rem; }
.worklog-story__duration { margin:.8rem 0 1.35rem; line-height:1; font-size:clamp(3rem,5.7vw,5.6rem); font-weight:450; letter-spacing:-.07em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.worklog-story__duration small { font-size:.3em; color:var(--worklog-muted); letter-spacing:-.015em; margin-inline:.12em .35em; }
.worklog-story__split { display:flex; gap:1.5rem; margin:0; }
.worklog-story__split div { display:grid; gap:.4rem; }
.worklog-story__split dt { color:var(--worklog-muted); font-size:.7rem; }
.worklog-story__split dd { margin:0; font-family:var(--font-mono,monospace); font-size:.9rem; }
.worklog-story__detail-note { max-width:30ch; margin:1.4rem 0 0; font-size:.75rem; line-height:1.8; color:var(--worklog-muted); }
.worklog-story__projects h4 { font-size:1.1rem; font-weight:500; margin:0 0 1.7rem; }
.worklog-story__project { margin:0 0 1.4rem; }
.worklog-story__project-title { display:flex; justify-content:space-between; gap:.6rem; align-items:baseline; margin-bottom:.6rem; font-size:.8rem; }
.worklog-story__project-title strong { font-weight:500; min-width:0; overflow-wrap:anywhere; }
.worklog-story__project-title span { color:var(--worklog-muted); font:.75rem var(--font-mono,monospace); white-space:nowrap; }
.worklog-story__bar-track { height:.5rem; background:color-mix(in srgb,var(--aenv-foreground) 7%,transparent); border-radius:2px; }
.worklog-story__bar-fill { display:block; height:100%; width:var(--bar-width); background:var(--aenv-violet-soft); border-radius:2px; transform-origin:left center; }
.worklog-story__axis { display:flex; justify-content:space-between; color:var(--worklog-muted); font:.625rem var(--font-mono,monospace); margin-top:-.6rem; }
.worklog-story__total { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.65rem 1.5rem; align-items:baseline; margin-top:2.4rem; padding-top:1.25rem; border-top:1px solid var(--worklog-line); color:var(--worklog-muted); font-size:.75rem; }
.worklog-story__total strong { font-weight:500; color:var(--worklog-ink); font:1.15rem var(--font-mono,monospace); margin-left:.75rem; white-space:nowrap; }
.worklog-story__controls[hidden] { display:none; }
.worklog-story__controls { display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; margin-top:2rem; }
.worklog-story__chapters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.worklog-story__chapter { position:relative; display:flex; gap:.6rem; align-items:center; background:transparent; border:0; color:var(--worklog-muted); padding:.65rem 0 1rem; min-height:44px; font:inherit; font-size:.75rem; text-align:left; cursor:pointer; white-space:nowrap; }
.worklog-story__chapter span { font:.65rem var(--font-mono,monospace); opacity:.65; }
.worklog-story__chapter::after,.worklog-story__chapter i { position:absolute; content:''; height:2px; inset:auto 0 0; background:var(--worklog-line); }
.worklog-story__chapter i { background:var(--aenv-violet-soft); z-index:1; transform-origin:left center; }
.worklog-story__chapter[aria-current="step"] { color:var(--worklog-ink); }
.worklog-story__chapter:focus-visible,.worklog-story__data summary:focus-visible { outline:2px solid var(--aenv-cyan-soft); outline-offset:4px; }
.worklog-story__status { grid-column:1/-1; margin:-.75rem 0 0; color:var(--worklog-muted); font-size:.7rem; line-height:1.6; }
.worklog-story[data-enhanced] .worklog-story__readout { position:relative; min-height:20rem; }
.worklog-story[data-enhanced] .worklog-story__daily,.worklog-story[data-enhanced] .worklog-story__projects { position:absolute; inset:50% 0 auto; margin-top:-8.5rem; }
.worklog-story[data-enhanced] .worklog-story__projects { pointer-events:none; }
.worklog-story__data { color:var(--worklog-muted); margin-top:1.5rem; font-size:.75rem; }
.worklog-story__data summary { width:fit-content; min-height:44px; display:flex; align-items:center; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.worklog-story__data table { width:100%; margin-top:1rem; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.worklog-story__data caption { text-align:left; padding-bottom:1rem; }
.worklog-story__data th,.worklog-story__data td { padding:.65rem .4rem; text-align:right; border-bottom:1px solid var(--worklog-line); white-space:nowrap; }
.worklog-story__data th:first-child,.worklog-story__data td:first-child { text-align:left; }
.worklog-story__data th { font-weight:500; color:var(--worklog-ink); }
.worklog-story__keyboard { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (hover:hover) and (pointer:fine) { .worklog-story__day:hover { outline:2px solid var(--aenv-cyan-soft); outline-offset:3px; z-index:2; } .worklog-story__chapter:hover { color:var(--worklog-ink); } }
@media (max-width:900px) { .worklog-story__stage { padding:2rem 1.5rem; } .worklog-story__scene { gap:2rem; min-height:32rem; } .worklog-story__controls { gap:1rem; } .worklog-story__status { grid-row:2; margin:0; } }
@media (max-width:700px) { .worklog-story__stage { padding:1.5rem 1rem; } .worklog-story__topline { align-items:flex-start; flex-direction:column; gap:.45rem; margin-bottom:1.5rem; } .worklog-story__beat { margin-bottom:1.7rem; font-size:1.45rem; height:3.75em; max-width:12ch; } .worklog-story__scene { grid-template-columns:minmax(0,1fr); gap:1.4rem; min-height:0; } .worklog-story__readout { grid-row:1; } .worklog-story[data-enhanced] .worklog-story__readout { min-height:15rem; } .worklog-story[data-enhanced] .worklog-story__daily,.worklog-story[data-enhanced] .worklog-story__projects { inset:0; margin:0; } .worklog-story__calendar { width:min(100%,18rem); } .worklog-story__grid,.worklog-story__weeks { gap:.25rem; } .worklog-story__duration { font-size:4.4rem; margin:.65rem 0 1.15rem; } .worklog-story__detail-note { margin-top:1rem; max-width:none; } .worklog-story__projects h4 { margin-bottom:1.3rem; } .worklog-story__project { margin-bottom:1.25rem; } .worklog-story__total { display:grid; grid-template-columns:minmax(0,1fr); margin-top:1.5rem; } .worklog-story__total > span:last-child { font-size:.675rem; } .worklog-story__chapters { gap:.65rem; } .worklog-story__chapter { gap:.3rem; font-size:.675rem; } .worklog-story__chapter span { font-size:.55rem; } .worklog-story__legend { font-size:.6rem; } .worklog-story__status { min-height:3.2em; } .worklog-story__data table { font-size:.65rem; } .worklog-story__data th,.worklog-story__data td { padding:.6rem .1rem; } }
@media (prefers-reduced-motion:reduce) { .worklog-story *, .worklog-story *::before, .worklog-story *::after { animation:none!important; transition:none!important; } .worklog-story__calendar { transform:none!important; } }
@media (max-width:380px) { .worklog-story { padding-inline:1rem; } }