/* A rounded, continuous rail; every coloured interval still uses real timestamps. */
.working-space{grid-template-columns:minmax(190px,22%) minmax(0,1fr)}.working-axis{background:color-mix(in srgb,var(--card,#fffdf7) 91%,transparent)}.working-axis .time-tools{flex-wrap:nowrap;gap:4px;padding:8px}.working-axis .time-tools .btn,.working-axis .time-tools select{width:auto;max-width:none;min-width:0;flex:1;min-height:44px;font-size:11px;padding:6px}.working-axis .time-tools select{border:0;background:transparent}#working-timeline{position:relative;isolation:isolate}#working-timeline:before{content:'';position:absolute;left:22px;top:12px;bottom:12px;width:12px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--card-solid));border-radius:12px;background:var(--primary-soft);box-sizing:border-box;pointer-events:none;z-index:0}.working-axis .time-scroll{z-index:1;scrollbar-width:none}.working-axis .time-scroll::-webkit-scrollbar{display:none}.working-axis .time-tick{display:none}.working-axis .time-tick.is-day{display:flex;left:48px;right:8px;font-size:10px;color:var(--muted,#69735f)}.working-axis .time-tick.is-day time{width:auto;text-align:left;padding:3px 0}.working-axis .time-tick i{display:none}.working-axis .time-segment{left:24px;width:8px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 50%,var(--card-solid)),var(--primary));box-shadow:inset 1px 0 0 #ffffff70;z-index:2}.working-axis .time-node-mark{left:25px;width:6px;height:6px;transform:translateY(-50%);border:0;border-radius:50%;background:var(--primary);z-index:3}.working-axis .time-rail-point{position:absolute;left:10px;right:6px;top:0;width:calc(100% - 16px);height:44px;min-height:44px;max-height:none;transform:translateY(-50%);display:flex;align-items:center;gap:15px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--text,#42483d);font:inherit;font-size:11px;text-align:left;cursor:pointer;overflow:visible;z-index:4}.working-axis .time-rail-point>i{margin-left:14px;flex:none;width:8px;height:8px;border:2px solid var(--primary);border-radius:50%;background:#fffdf7;box-sizing:border-box}.working-axis .time-point-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px;line-height:1.35}.working-axis .time-point-copy time{font-size:11px;font-variant-numeric:tabular-nums}.working-axis .time-point-copy small{font-size:10px;color:var(--muted,#69735f);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.working-axis .time-rail-point:hover .time-point-copy,.working-axis .time-rail-point:focus-visible .time-point-copy{color:var(--text,#42483d)}.working-axis .time-rail-point:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.working-axis .time-now{left:22px;right:auto;width:12px;height:12px;border:2px solid var(--primary);border-radius:50%;background:#fffdf7;transform:translateY(-50%);box-sizing:border-box;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);z-index:5}.working-axis .time-now span{left:-23px;top:-2px;font-size:9px;width:20px;padding:0;background:transparent;color:var(--muted,#69735f)}.timeline-group-record{display:flex;width:100%;text-align:left;min-height:44px;line-height:1.6;overflow-wrap:anywhere}
.nav-item[data-page=creation] .icon{width:22px;height:22px;background:none!important;color:inherit}.nav-item[data-page=creation] .icon:before,.nav-item[data-page=creation] .icon:after{display:none!important}.nav-item[data-page=creation] .icon svg{display:block;width:22px;height:22px;overflow:visible}.workspace-choice-panel[data-kind=creation] a{justify-content:center;padding:10px 14px;gap:0}
@media(max-width:700px){.working-space{grid-template-columns:minmax(126px,36%) minmax(0,1fr)}.working-axis .time-tools{padding:5px;gap:2px}.working-axis .time-tools .btn,.working-axis .time-tools select{font-size:10px;padding:5px 2px}.working-axis .time-point-copy small{font-size:9px}.working-axis .time-point-copy time{font-size:10px}.working-axis .time-rail-point{gap:12px}.working-axis .time-tick.is-day{left:45px;font-size:9px}}
/* The workspace and timer have no card surfaces; only controls retain their own fills. */
.working-space{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.working-axis,.has-background .working-axis{background:transparent;border:0;backdrop-filter:none}.working-room,.has-background .working-room{background:transparent}.working-room #working-controls{background:transparent;border:0;border-radius:0;padding:12px 0;box-shadow:none;backdrop-filter:none}.working-room .working-undated,.working-room .working-undated[open]{background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 0}.has-background .working-current,.has-background .working-sync,.has-background .working-undated{color:#fffdf7;text-shadow:0 1px 3px #172017,0 0 10px #172017}.has-background .working-current small,.has-background .working-current output,.has-background .working-undated button{color:inherit}.has-background .working-axis .time-point-copy,.has-background .working-axis .time-point-copy small,.has-background .working-axis .time-tick.is-day,.has-background .working-axis .time-now span{color:#fffdf7;text-shadow:0 1px 3px #172017,0 0 10px #172017}
.has-background .working-axis .time-tools select{color:#fffdf7;text-shadow:0 1px 3px #172017}.working-axis .time-tools select option{color:var(--text,#42483d);background:var(--card,#fffdf7);text-shadow:none}.has-background .working-axis .time-rail-point:hover .time-point-copy{color:#fffdf7}

/* A continuous rail fading beyond the viewport; tools live beside the work controls. */
#working-timeline{mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
#working-timeline:before{top:-24px;bottom:-24px;border-radius:0;border-top:0;border-bottom:0}
.working-room .time-tools{justify-content:flex-start;flex-wrap:wrap;flex:none;gap:8px;padding:4px 0 10px;border:0;background:transparent}
.working-room .time-tools .btn,.working-room .time-tools select{width:auto;flex:0 1 auto;min-height:44px;max-width:none;font-size:11px}
.working-room .time-tools select{width:auto;min-width:70px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:6px}
.working-room .time-tools select option{background:var(--card-solid);color:var(--text)}
@media(max-width:700px){.working-room .time-tools{gap:4px}.working-room .time-tools .btn,.working-room .time-tools select{font-size:10px;padding:6px;min-width:0}}

.working-room-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0 8px}.working-room .working-room-tools .btn{width:auto;flex:none;min-height:44px;font-size:11px}.working-room-tools .today-soft-link{font-size:11px;min-height:44px;display:inline-flex;align-items:center}