.tl-shell{background:var(--bg);min-height:100vh;padding:0 0 24px}.tl-wrap{gap:16px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.tl-head{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;align-items:end;gap:20px;padding-bottom:14px;display:grid}.tl-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.tl-head .stat{font-family:var(--font-mono);color:var(--ink-soft);text-align:right;font-size:12px}.tl-head .stat b{color:var(--signal)}.tl-hours{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:150px repeat(13,1fr);display:grid;position:relative;overflow:hidden}.tl-hour-head{border-bottom:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.08em;text-align:center;padding:10px 12px;font-size:11px}.tl-hour-head:first-child{text-align:left;color:var(--ink);font-weight:700}.tl-hour-head.now{color:var(--signal);background:#00e5ff1a}.tl-track{display:contents}.tl-track .label{border-bottom:1px solid var(--line-soft);background:var(--surface-2);align-items:center;gap:10px;padding:14px 12px;display:flex}.tl-track .label .ic{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-faint);letter-spacing:.04em;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:700}.tl-track .label b{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:600;display:block}.tl-track .label span{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.tl-track-lane{border-bottom:1px solid var(--line-soft);background-image:repeating-linear-gradient(90deg, transparent, transparent calc(100% / 13 - 1px), var(--line-soft) calc(100% / 13 - 1px), var(--line-soft) calc(100% / 13));grid-column:2/-1;height:64px;position:relative}.tl-track:last-child .tl-track-lane,.tl-track:last-child .label{border-bottom:0}.tl-block{cursor:default;white-space:nowrap;z-index:1;background:var(--surface-3);border:1px solid var(--line);min-width:46px;color:var(--ink);border-radius:4px;padding:6px 8px;font-size:12px;line-height:1.3;transition:width 1s linear;position:absolute;top:8px;bottom:8px;overflow:hidden}.tl-block b{text-overflow:ellipsis;font-family:var(--font-display);font-size:12px;font-weight:600;display:block;overflow:hidden}.tl-block .t{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px}.tl-block.dt-work{color:var(--signal);background:#00e5ff1a;border-color:#00e5ff73}.tl-block.dt-done{background:var(--surface-3);border-color:var(--line);color:var(--ink-soft);opacity:.65;min-width:10px}.tl-block.dt-need{color:var(--yellow);background:#ffcc001a;border-color:#ffcc008c}.tl-block-live{border-right-width:2px}.tl-block-live:after{content:"";background:currentColor;width:2px;animation:1.4s ease-in-out infinite oc-pulse;position:absolute;top:0;bottom:0;right:-1px;box-shadow:0 0 8px}.tl-now{background:var(--signal);pointer-events:none;width:2px;box-shadow:0 0 12px var(--signal-glow);z-index:10;position:absolute;top:0;bottom:0}.tl-now:before{content:attr(data-time);background:var(--signal);color:#000;font-family:var(--font-mono);letter-spacing:.08em;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-22px;left:-22px}.tl-summary{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.tl-summary{grid-template-columns:1fr}.tl-hours{grid-template-columns:110px repeat(13,1fr)}}.tl-note{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:11px}